2018-05-28 485519361fe5af6018a562dd57940f83 99+ 3 分钟 0.5 k

JavaScript设计模式之单例模式

单例模式概念：保证一个类只有一个实例。

概念：单例就是保证一个类只有一个实例，实现方法一般是先判断实例存在与否，如果存在直接返回，如果不存在就创建了再返回，这就确保了一个类只有一个实例对象。在JavaScript里，单例作为一个命名空间提供者，从全局命名空间里提供一个唯一的访问点来访问该对象。

单例模式的作用和注意事项

模式作用：

1、模块间通信

2、系统中某个类的对象只能存在一个

3、保护自己的属性和方法

注意事项：

1、注意this的使用

2、闭包容易造成内存泄露，不需要的要赶快干掉

3、注意new的成本。（继承）

javascript

2026-06-15

2018-05-22 d7d502e912e4e1c8c6555f807cafb71e 99+ 1 分钟 0.2 k

JavaScript设计模式之策略模式

策略模式：定义了一系列家族算法，并对每一种算法单独封装起来，让算法之间可以相互替换，独立于使用算法的客户。通俗的讲就是根据不同的参数可以定义不同的策略。

策略模式是JavaScript中比较经典的模式之一, 可以减少大量的if语句,可复用程度高

如下面的例子:

//清除字符空格
const trim = {
    'A': function (str, type) {
        return str.replace(/\s+/g, "");
    },
    'B': function (str, type) {
        return str.replace(/(^\s*)|(\s*$)/g, "");
    },
    'C': function (str, type) {
        return str.replace(/(^\s*)/g, "");
    },
    'D': function (str, type) {
        return str.replace(/(\s*$)/g, "");
    }
}

javascript

2018-05-03 ae489287606f47cd0e913b93d81f821d 99+ 4 分钟 0.5 k

HTML的两类标签：行标签和块标签

行标签：包含a、span、em、strong、img、var；

a 标签：主要用来链接一个其他的网页；

span 标签：主要用来对行内的文字进行一些样式以及其他的操作；

em 标签：一般用来对文字进行强调，使用斜体体现出来；

strong 标签：一般用来对文字进行强调，使用加粗字体体现出来；

img 标签：图片引用标签，其中 src属性中写入图片的地址；

var 标签：JavaScript中命名变量的标签。

html

2026-06-15

2018-04-15 9b92f5d200191054220373e683557baa 99+ 4 分钟 0.6 k

对于vuex的使用

vuex是什么？

官网的解释

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools，extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

vuex 在项目中的使用【通过vue-cli 脚手架搭建的项目中】

安装

1	npm install vuex --save

javascript Vue

2026-06-15

2018-03-26 266c45a38cdd233a11e6421aff961c32 99+ 10 分钟 1.5 k

梳理css中display的写法

从大的分类来讲， display的写法可以分为 6个大类，再加上 1个全局类，一共是 7大类：

外部值
内部值
列表值
属性值
显示值
混合值
全局值

外部值

所谓外部值，就是说这些值只会直接影响一个元素的外部表现，而不影响元素里面的儿子级孙子级元素的表现。

display: block;

我们最熟悉的

缺省就是这个值，最基本的块级元素，属于 css入门初学者都知道的概念，只要是容器类型的元素基本都是这个值。

css

2026-06-15

2018-03-23 5b6ce2a3e15be20ae58756445a452479 99+ 2 分钟 0.3 k

vue-router中keep-alive的作用

keep-alive 简介

keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。
用法也很简单：

<keep-alive>
  <component>
    <!-- 该组件将被缓存！ -->
  </component>
</keep-alive>

javascript Vue

2026-06-15

2017-10-15 266c81cbb76580f5504edd7b75b36c24 99+ 1 分钟 0.2 k

微信小程序 navigator跳转url参数传递

使用方法说明

传值:在navigator的属性url后拼接?id(参数名字)=要传递的值 (如果多个参数用&分开 &name=value&…….)

<view class="good-nav">
  <navigator class="good-nav-item" url="/pages/index/good/good?type=1">
  <image src="http://www.leheavengame.com/wxImages/good-nav01.png"></image>
  护肤系列
  </navigator>
  <navigator class="good-nav-item" url="/pages/index/good/good?type=2">
   <image src="http://www.leheavengame.com/wxImages/good-nav02.png"></image>
  面膜系列
  </navigator>
  <navigator class="good-nav-item" url="/pages/index/good/good?type=3">
   <image src="http://www.leheavengame.com/wxImages/good-nav03.png"></image>
  彩妆系列
  </navigator>
  <navigator class="good-nav-item" url="/pages/index/good/good?type=4">
   <image src="http://www.leheavengame.com/wxImages/good-nav04.png"></image>
 小样旅行装</navigator>
  <navigator class="good-nav-item" url="/pages/index/good/good?type=5">
   <image src="http://www.leheavengame.com/wxImages/good-nav05.png"></image>
 赠品专区</navigator>
</view>

微信小程序

2026-06-15

2017-09-24 ebc53fe36334869967fe69108bda4d2c 99+ 3 分钟 0.5 k

vue-cli开发中，ajax跨域请求方法

使用vue-cli构建的项目，在开发时，想要访问后台接口获取数据，这时就会出现跨域问题。

在config/index.js中进行如下配置

【即在进行ajax请求时，地址中任何以/api开头的请求地址都被解析为目标地址，target就是你想要的后台接口地址】

  proxyTable: {
  '/api': {
    target: 'http://www.leheavengame.com', 
    changeOrigin: true,
    pathRewrite: {
    '^/api': ''
    }
  }
}

javascript Vue

2026-06-15

2017-09-01 397f525397f1e5a6da63109f9d86fb86 99+ 1 分钟 0.2 k

react父子组件通信

子组件调用父组件：

1）在父组件设置对应的属性和方法；
2）将父组件的属性，方法设置在子组件的标签属性上；
3）子组件中利用this.props来调用父组件的成员；

example：

//父组件：
var parent=React.cleateClass({
   getDefaultProps:function(){
      alert("父组件方法")
   },
   render:function(){
      return <children a="233" getDefaultProps={this.getDefaultProps}></children>
   }
})
//子组件：
var children=react.createClass({
   render:fucntion(){
     return <div>
        <p>从父组件取得的值：{this.props.a}</p>
        <button onClick={this.props.getDefaultProps}>子组件按钮</button>
     </div>
   }
})

javascript react

2026-06-15

2017-05-10 6c8cff9dc118aa5f5c6042ff1688a98d 99+ 8 分钟 1.2 k

对于Webpack的简单理解

关于webpack:

webpack大而全，和静态资源相关的所有它都能干涉，当然，还能启动server；webpack主要以loaders和plugins处理各种静态资源；

loaders：

在React里会用到JSX、ES6、js，我统一将文件后缀使用.js，便于babel的配置：

npm install –save babel-loader

{
   test: /\.js?$/,
   exclude: /node_modules/,
   loader: 'babel',
   query: {
      presets: ['es2015', 'react']
   }
}

CSS、scss、iconfront字体文件：

npm install –save style-loader css-loader sass-loader url-loader file-loader

{
   test:/\.css$/,
   loader: ExtractTextPlugin.extract("style-loader", "css-loader")
},{
   test: /\.scss$/,
   loader: ExtractTextPlugin.extract("style-loader", "css!sass")
},{
   test: /\.(woff|woff2)/,
   loader: "url?limit=10000&minetype=application/font-woff&name=./[name].[ext]"
 },{
   test: /\.(ttf|eot|svg)/,
   loader: "file?name=./[name].[ext]"
},{
   test: /\.otf/,
   loader: "file?name=./[name].[ext]&minetype=application/font-otf"
}

javascript

2026-06-15

JavaScript设计模式之单例模式

单例模式概念：保证一个类只有一个实例。

单例模式的作用和注意事项

JavaScript设计模式之策略模式

策略模式：定义了一系列家族算法，并对每一种算法单独封装起来，让算法之间可以相互替换，独立于使用算法的客户。通俗的讲就是根据不同的参数可以定义不同的策略。

HTML的两类标签：行标签和块标签

行标签：包含a、span、em、strong、img、var；

对于vuex的使用

vuex是什么？

官网的解释

vuex 在项目中的使用【通过vue-cli 脚手架搭建的项目中】

安装

梳理css中display的写法

外部值

display: block;

vue-router中keep-alive的作用

keep-alive 简介

微信小程序 navigator跳转url参数传递

使用方法说明

传值:在navigator的属性url后拼接?id(参数名字)=要传递的值 (如果多个参数用&分开 &name=value&…….)

vue-cli开发中，ajax跨域请求方法

使用vue-cli构建的项目，在开发时，想要访问后台接口获取数据，这时就会出现跨域问题。

react父子组件通信

子组件调用父组件：

example：

对于Webpack的简单理解

关于webpack:

loaders：

CSS、scss、iconfront字体文件：

链接

最新文章

归档

标签

订阅更新

广告