2018年01月_傻小胖

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

原创 vue常用指令v-bind的使用总结

vue的属性绑定一般都用v-bind来绑定属性。v-bind可以简写为：eg:v-bind:src可以简写：srcsrc绑定本地路径出现问题：参考https://www.jianshu.com/p/f82c5ecbd3a5以下摘自vue的api文档：仅做自我学习的笔记https://cn.vuejs.org/v2/api/#v-bind修饰符：.

2018-01-20 17:30:02 19551

原创 vue按键修饰符（按键触发的时间）eg.右键、左键、上键.......

按键修饰符就是在监听键盘事件时，我们经常需要检查常见的键值。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符1.如何获取键盘的键码 @keydown="show($event)" export default { name: 'HelloWorld', data () { return { items: 1 }

2018-01-20 15:00:24 3394

原创 vue常用事件之v-on:click 以及事件对象，事件冒泡，事件默认行为

其实v-on后面跟的不止是click事件也可以是其他的事件，用法均相似。比如：v-on:click/mouseout/mouseover/mousedown.......以下click为例注意：所有的v-on都可以简写为@，比如说v-click可以简写为@click1.监听事件可以用v-on指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。通常来讲就是

2018-01-18 23:05:42 154305 5

原创 v-show

1.根据表达式之真假值，切换元素的 display CSS 属性。eg 点击按钮我就消失 export default { name: 'HelloWorld', data () { return { hide : true } }, methods:{ greet: function () { thi

2018-01-18 22:02:03 7541

原创 vue常用指令v-model和v-for

1.v-model 一般用于表单input的双向数据绑定可以用 v-model 指令在表单及元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将

2018-01-16 23:31:10 4009

原创 vue-resource vue中异步请求的所依赖的库的使用方法

1.方法一：a.在package.json里面配置好："vue-resource": "^1.3.5"版本号来源于GitHubb.执行npm intsallc.重启项目 npm run dev2.方法二：直接执行npm install --save vue-resource然后重新启动项目参考：https://github.com/pagekit/vue

2018-01-15 17:30:14 738

原创盒子的margin塌陷问题解决方案（嵌套盒子出现margin无效）

1.上边距取最大值~~发生在两个盒子嵌套的时候，父盒子和子盒子同时设置margin的时候会出现实际的magin取的是两个margin的最大值eg:html: <div class="father"> <div class="son"> </div> </div>css:.father{ ...

2018-01-15 15:41:52 2802

原创 angular2中DomSanitizer的5种用法记录

1.Cross-site scripting (跨站脚本)跨站脚本（Cross-site scripting，通常简称为XSS）是一种网站应用程序的安全漏洞攻击，是代码注入的一种。它允许恶意用户将代码注入到网页上，其他用户在观看网页时就会受到影响。这类攻击通常包含了HTML以及用户端脚本语言。XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页

2018-01-08 16:08:25 9640

原创 vue中css预加载使用sass的配置方式

1.安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass2.在build文件夹下的webpack.base.conf.js的rules里面添加配置，如下红色部分{ test: /\.sass$/, l

2018-01-05 15:33:49 4892

原创 vue-router的安装使用

1.安装方法一：在package.json里的package.json的的pendencies里面添加当前需要安装的版本号，最新的版本号可以去gihub上面去搜 "dependencies": { "stylus": "^0.54.5", "vue": "^2.5.2", "vue-router": "^3.0.1" },配置完成之后再执行npm in

2018-01-04 20:22:43 31824 4

原创 vue如何配置使import导入直接用@导入不考虑层级（import xxxComponent from 'components/xxxComponent'）

在build/webpack.base.conf.js中找到resolve直接上代码：resolve: { // resolve是webpack的内置选项，顾名思义，决定要做的事情，也就是说当使用 import "jquery"， // 该如何去执行这件事情就是resolve配置项要做的， // import jQuery from "./additiona

2018-01-04 19:58:45 17490 2

原创关闭令人抓狂的ESlint 语法检测配置方法

刚刚开始的小伙伴是不是空格报错少一行报错各种错？是不是觉得快被限制的失去了自由的思绪了？受折磨后找到了不错的文章来取消eslint语法检测限制，作为学习笔记摘自segmentfault其实我并不反对这些语法检测，但是像许多反个人意愿的那就真的不得不吐槽了，比如vue-cli脚手架创建的默认eslint规则：代码末尾不能加分号;代码中不能存在多行空行tab键

2018-01-04 19:22:23 95360 14

原创 webstorm如何创建一个代码模板？以创建vue代码模板为例

1.打开setting 2.找到file and codeTemplate，点击加号3.填写内容

2018-01-03 20:14:06 2980

基于vue脚手架的一个vue全家桶demo，这是一个基础的demo,融进了vue + vue-cli 4.x + vue-router + element + vuex + axios + 代理转发基础demo，可以做官网的基础demo，在基础上根据ui开发，也可以在基础上开发后台管理系统，也可以开发app,github地址：https://github.com/tutuQin/vue-base-demo

2020-05-19

原型与原型链的实战代码.html

原型和原型链整体例子从原型的创建，原型与对象的关联关系，实例与原型的关系以及原型链的形成和运用等等均做了例子的说明