随笔分类 - 技术杂谈
摘要：当打包构建应用时，javascript包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 结合Vue的异步组件和webpack的code splitting feature,轻松实现路由组件的懒加载。 我们要做的就
阅读全文
摘要：vue-router是vue单页面开发的路由，就是决定页面跳转的！ <router-link> <router-link> 组件支持用户在具体有路由功能的应用中（点击）导航。通过to属性指定目标地址。 Props 属性 . to 表示目标路由的链接。当被点击后，内部会立刻把to的值传到router-
阅读全文
摘要：父类： 1、原型链继承 核心：将父类的实例作为子类的原形 特点： 1.非常纯粹的继承关系，实例是子类的实例，也是父类的实例 2.父类新增原形方法/原形属性，子类都能访问到 3.简单，易于实现 缺点： 1.要想为子类新增属性和方法，必须要在new Animal()这样的语句之后执行，不能放到构造器中；
阅读全文
摘要：vuex: https://segmentfault.com/a/1190000005015164 、https://github.com/coligo-io/notes-app-vuejs-vuex vue+axios一个项目学会前端实现登录拦截: http://blog.csdn.net/qq6
阅读全文
posted @ 2017-07-28 23:38
沐浴点阳光
摘要：Promise是异步编程的一种解决方案，比传统的解决方案--回调函数和事件更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。 Promise对象有以下两个特点。 （1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：P
阅读全文
摘要：data() 函数用于在当前jQuery对象所匹配的所有元素上存取数据。 通过data()函数存取的数据都是临时数据，一旦页面刷新，之前存放的数据都将不复存在。 该函数属于jQuery对象（实例）。如果需要移除通过data()函数存放的数据，请使用removeData()函数。 语法： 示例： 具体
阅读全文
摘要：1、$("<img/>") 创建一个img标签； 2、给该img设置src属性值; 3、图片的load（）方法，当图像加载时，在load的回调函数里创建一个Image对象，并把src属性设置成图片的地址，从而获取到width和height;
阅读全文
摘要：LESS 命名空间 如果想更好的组织CSS或者单纯是为了更好的封闭，将一些变量或者混合模块打包起来，你像下面这样在#bundle中定义一些属性集之后可以重复使用： 你只需要在#header a中像这样引入.button: 作用域： LESS 中的作用域跟其他编程语言非常类似，首先会从本地查找变量或者
阅读全文
摘要：when关键字用以定义一个导引序列，当运行代码： 会得到 可能很多人不明白，when(lightness(@a) >= 50%) 这里的表达式是怎么成立的，其实这个是less内置函数lightness在作用了，lightness :从颜色对象的 HSL 色彩空间中提取亮度值： 参数： color -
阅读全文
摘要：Javascript中的每一个Function对象都有一个apply()方法和一个call()方法，它们的语法分别为： 两个方法各自的定义是： apply: 应用某一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A,arguments);即A对象应用B对象的方法。 call：调用
阅读全文
摘要：default 意思是默认值。大家可以看下面的例子，调用animal()方法时忘记了传参数，传统的做法就是加上这一句type= type || 'cat' 来指定默认值。 而ES6S则可以直接给形参添加默认值，如： rest 如果不用ES6的话，则要使用ES5的arguments
阅读全文
摘要：ES6引入了class（类）的概念。新的class写法让对象原型的写法更加清晰、更像面向对象编程的语法，也更加通俗易懂。 上面的代码首先用了class定义了一个“类”，里面有个constructor方法,就是构造函数，而this关键字则代表实例对象。简单地说，constructor内定义的方法和属性
阅读全文
摘要：组件的生命周期分成三个状态： 1. Mounting: 已插入真实DOM; 2. Updating: 正在被重新渲染; 3. Unmounting: 已移出真实DOM React 为每个状态都提供了两种处理函数，will 函数在进入状态之前调用，did函数在进入状态之后调用，三种状态共计五种处理函数
阅读全文
摘要：组件： 变量HelloMessage是一个组件类，模板插入<HelloMessage />时，会自动生成HelloMessage 的一个实例。注：所有组件类都必须有自己的render方法，用于输出组件。 PS： 组件烦的第一个字母必须大写，否则会报错，比如HelloMessage不能写成helloM
阅读全文
摘要：entry: 页面中的入口文件，可以是字符串路径'./src/main.js'，也可以是数组['./a.js','./b.js']，还可以是对象{main: './a.js',home: './b.js'}； output:页面通过webpack打包后生成的目标文件放在什么地方去，我这边是在根目录下
阅读全文
摘要：base64图片编码大小与原图文件大小之间的联系 有时候我们需要把canvas画布的图画转换成图片输出页面，而用canvas生成的图片就是base64编码的，它是由数字、字母等一大串的字符组成的，但是我们需要获取它的文件流大小该怎么办呢？ Base64图片编码原理： Base64编码要求把3个8位字
阅读全文
摘要：小程序的image组件不像普通html 的image，没有onerror属性，不过有个binderror回调方法。却不像onerror="this.src='/static/img/fmdefault.png'"来的方便。 binderror 当错误发生时，发布到 AppService 的事件名，事
阅读全文
摘要：开发中总会需要文件上传的功能（比如图片上传），微信提供了wx.uploadFile(OBJECT)方法，用来将文件上传至服务器。 上传图片之前自然需要选择图片，小程序API -- wx.chooseImage(OBJECT)。就是从本地相册选择图片或者使用相机拍照。 OBJECT参数说明如下： su
阅读全文
摘要：wx.request(OBJECT) 发起请求的方法有很多，默认为 GET，有效值：OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT； 一般在项目开发中用得较多的就是GET 和 POST 在发起请求时，header 要设置正确： get请求时
阅读全文
浙公网安备 33010602011771号