2017年11月_Never Yu

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创从 vue 1.x 升级到 vue 2.x 常见问题

transition渐进过渡vue 刚开始只是一个库，提供语法糖，它带来了数据与视图的双向绑定，简化了前端开发人员频繁操作 DOM 的繁琐，随着 vue 生态圈的发展，包括 vue-cli、vue-router、vuex 的产生，以及其他一些开发者开发的以 vue 为核心的组件库，UI库，服务端渲染等等的诞生，vue 已经是现在最流行的前端框架之一了。vue 2.x 相较于 vue 1.x 核心不

2017-11-25 22:16:58 1646

原创 sublime vue stylus 高亮

sublime 中 vue 高亮vue 中的 stylus 高亮sublime 中 vue 高亮在 sublime 中高亮 vue 代码，需要安装一个 Vue Syntax Highlight 的插件。vue 中的 stylus 高亮如果你在 vue 里面使用 stylus 写样式的话，还需要在 sublime 中安装 stylus 的插件，才能使 vue 中的 stylus 代码高亮。

2017-11-23 11:56:01 3991 1

原创 jQuery 详解（含最新的3.x版本）

jQuery 版本的异同点jQuery 有哪些功能模块jQuery 3x 有哪些新特性jQuery 3 运行在 Strict Mode 下forofget 和 post 函数的新签名采用 requestAnimationFrame 来实现动画对包含特殊含义的字符串提供转义的新方法unwrap 方法类操作方法支持 SVG对于防止 XSS 攻击的额外保护jQuery 3 中有变更的特

2017-11-21 18:56:59 2079

原创 vue2.x 中如何获取 DOM

vue1x如何获取 DOMvue1.x如何获取 DOM？答案是使用 v-el在 vue1.x 中，在一个组件中，为 DOM 元素注册一个索引，方便通过所属实例的 $els 访问这个元素。注意：因为 HTML 不区分大小写，cameCase 名字比如 v-el:someEl 将转为全小写。可以用 v-el:some-el 设置 this.$els.someEl 。示例：<span v-

2017-11-18 20:37:33 12286

原创 CSS 万能的 sticky-footer 写法

在网页设计中，Sticky footers设计是最古老和最常见的效果之一，大多数人都曾经经历过。它可以概括如下：如果页面内容不够长的时候，页脚块粘贴在视窗底部；如果内容足够长时，页脚块会被内容向下推。我们来看一下效果图：可以看到不管怎样，关闭按钮，页面内容不够的时候，关闭按钮在页面底部。页面内容够长时，关闭按钮在内容的最下面，滚到最下面才能看到。它不是 fixed 在屏幕的底部的，从

2017-11-12 16:55:24 706

原创去除两个 inline-block 之间的间距

去掉两个 inline-block 之间的间距。是因为两个标签之间有空白字符导致的。那么我们要如何去掉两个 inline-block 之间的间距。

2017-11-12 14:40:41 1026

原创 CSS 超出部分显示省略号

直接看代码：&lt;!DOCTYPE html&gt;&lt;html lang=&quot;en&quot;&gt;&lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;title&gt;desktop de

2017-11-11 18:26:32 47218 2

转载超nice的vuex教程

什么是 vuex 引入 vuex 前提是已经用vue脚手架工具构建好项目什么是 vuex ？ vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。引入 vuex (前提是已经用vue脚手架工具构建好项目)1、利用npm包管理工具，进行安装 vuex。在 Termin

2017-11-08 16:10:10 5824 4

原创使用vue-cli构建的项目不检查分号

使用 vue-cli 构建的项目，模版是 webpack ，默认的 eslint 配置是以 standard 为基础的，要求是不使用分号。如果我们希望要使用分号，则在 rules 字段增加配置：'semi': ["error", "always"]这样，你的 js 代码每一个表达式的结尾就应该以分号结尾，否则 eslint 会给出错误提示。如果你希望 eslint 不检查分号这一项，这个时候结尾的分

2017-11-04 19:06:49 7677 1

原创 Do not mount Vue to <html> or <body> - mount to normal elements instead.

在使用 vue-cli 构建项目时（使用的模版是webpack）初始化的 main.js 中是这样的。/* eslint-disable no-new */new Vue({ el: '#app', router, template: '<App/>', components: { App }});然后将挂载点改为： el: 'body' ，然后浏览器就会报这个警告：[Vue

2017-11-02 23:55:54 1788