- 博客(20)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 mpvue 使用第三方ui库
使用第三方ui组件的问题以vant-weapp 为例子直接通过 git 下载 Vant Weapp 源代码git clone https://github.com/youzan/vant-weapp.git下载完了之后将dist 目录给复制出来，进入你的mpvue项目目录，执行npm run dev 或者 npm run build, 之后目录下会多出一个dist文件夹，将刚刚下载的va...
2018-11-16 15:26:45
3710
原创 tinymce增加字号设置
toolbar1字段增加fontsizeselect如增加前：toolbar1: " newnote print preview | undo redo ",增加后:toolbar1: " newnote print preview | undo redo | fontsizeselect",然后添加fontsize_formats属性：fontsize_formats: "8...
2018-11-16 15:25:05
3498
2
原创 vue - Solt 的理解
本文出处本人看了vue官网上的介绍很是蒙蔽,于是找了这篇文章相当的容易理解。概念简单来说，假如父组件需要在子组件内放一些DOM，那么这些DOM是显示、不显示、在哪个地方显示、如何显示，就是slot分发负责的活。父组件在子组件内套的内容，是不显示的。例如代码：<div id="app"> <children> ...
2018-07-20 14:10:54
3026
原创 vue源码中 makeMap方法的疑惑
makeMap 方法的疑惑function makeMap( str, expectsLowerCase ) { var map = Object.create(null); // 创建一个空对象 var list = str.split(','); // 将传入的字符串变成数组 for (var i =...
2018-07-19 16:11:28
1884
2
原创 eslint => Jq事件绑定使用箭头函数问题
代码结构<div class="box"> box1</div><div class="box"> box2</div><div class="box"> box3</div><div class="box"> box4</div>普通写法的script $('.box').on('click',function (){ co
2017-12-01 14:29:51
1759
原创 javascript-接口
什么是接口 接口是面向对象JavaScript程序员的工具箱中最有用的工具之一。在设计模式中提出的可重用的面向对象设计的原则之一就是“针对接口编程而不是实现编程”，即我们所说的面向接口编程，这个概念的重要性可见一斑。但问题在于，在JavaScript的世界中，没有内置的创建或实现接口的方法，也没有可以判断一个对象是否实现了与另一个对象相同的一套方法，这使得对象之间很难互换使用，好在JavaScr
2017-10-18 09:34:11
261
原创 ECMAscript6快速入门-Class
class基本es5>>>const Hongtao = function(a,b){ this.a = a; this.b = b; return this;}Hongtao.prototype = { constructor : Hongtao, print : function(){ console.log(this.a+' '+this.b); }
2017-10-17 13:53:52
309
原创 sass进阶-(函数与调试)
内置函数rgb()和rgba()#color : red; body{ color : rgb(255,255,255); background-color : rgba($color,$alpha); /*也可以这么写 rgba(255,0,0,0.5);*/ } /*编译之后*/ body{ co
2017-10-10 16:44:55
475
原创 Sass进阶-（数据类型，变量运算，mixin）
数据类型map$maps:( color:red , borderColor:blue );body{ background:map-get($maps,color); border-color:map-get($maps,borderColor);} list 可以用空格分开或者逗号分开或者括号分开 $paddings : 5px 10px 5px 10px;bod
2017-10-10 15:34:43
1015
原创 ECMAscript6快速入门-函数的扩展
1.为函数参数指定默认值function fn(a,b){ //如果这样设置默认值 a = a || 10; b = b || 20; console.log(a,b);}fn(0,10);// 10 10//es6 中function fn1(a = 10,b=20){ console.log(a,b);}fn1();//10 20fn1(0,
2017-09-29 15:10:15
213
原创 ECMAscript6快速入门-Symbol
概述 ES5的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin模式），新方法的名字就有可能与现有方法产生冲突。如果有一种机制，保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。这就是ES6引入Symbol的原因。它表示独一无二js中的第七种数据类型它是一种类似于字符串的数据类型可以接
2017-09-29 11:54:27
394
原创 vue-防止花括号闪烁
有时候由于某些vue代码失效，或者网速慢的情况下导致vue项目花括号闪烁的解决方法使用v-cloak css样式 <style> [v-cloak]{ display: none; } </style> <span v-cloak>{{msg}}</span> 使用v-html <span v-html="m
2017-09-28 15:02:41
977
原创 ECMAscript6快速入门-iterator
1.Iterator（ 遍历器） 的概念 JavaScript 原有的表示“ 集合” 的数据结构， 主要是数组（ Array） 和对象（ Object）， ES6 又添加了 Map 和 Set。 这样就有了四种数据集合， 用户还可以组合使用它们， 定义自己的数据结构， 比如数组的成员是 Map， Map 的成员是对象。 这样就需要一种统一的接口机制， 来处理所有不同的数据结构。 es6
2017-09-28 14:22:45
342
原创 ECMAscript6快速入门-set和map
set 就是一种集合 ： 是由一组无序且唯一的项组成 特点：key 和 value 相同，不会重复1.创建一个set const s = new set([1,2,3]);2.属性 s.size;3.方法 //1.添加 s.add(value)//添加一个数据，返回set本身 s.add('a').add('b').add('c') //2.删除
2017-09-28 10:46:38
228
原创 ECMAscript6快速入门-let和const
let1.使用let所声明的对象只在命令所在的代码块内有效//所谓代码块 简单的说就是在花括号里面{ let a = 1; var v = 2;}console.log(a);// a is not definedconsole.log(b);//2//注意：花括号里的let声明的变量不能被外面获取但是var可以//类似于es5中我们常说的闭包!function(){
2017-09-28 08:29:47
361
转载 基于Bootstrap的jQuery slider插件的使用bootstrap-slider.js
插件介绍这是一款在原生bootstrap slider的基础上制作效果非常炫酷的jQuery slider插件。该slider插件可以自定义slider的颜色、形状、透明度和tooltip等属性，美化的效果非常好简单Demo1. 使用CDN服务<link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="style
2017-09-20 16:59:43
1287
原创 Sass语法--嵌套
嵌套选择器嵌套body { margin:0; header{ margin:5px; }}编译之后>>>>body { background-color: lightgray; }body header { background-color: lightgreen; }属性嵌套footer{ backg
2017-09-18 11:48:27
996
原创 Sass基础--入门
安装rubyinstaller点击安装 安装完成之后 在控制台输入 gem 命令检查是否成功建立项目目录 compass create <项目文件夹名称> 命令使用当前目录创建项目 <创建项目文件夹>编译 编译sass ： sass 或者 compass compile 监视Sass文件 : sass –watch : 监视文件夹
2017-09-15 17:31:35
241
转载 ECharts配置项之title(标题)
标题居中//left的值为‘left‘, ‘center‘, ‘right‘title:{ left:‘center‘}主副标题之间的间距title:{ //默认为10 itemGap:20 }标题文本样式title:{ text:‘标题文本‘, textStyle:{ //文字颜色 color:‘#ccc‘,
2017-09-15 08:51:56
4876
1
原创 Sass基础--变量与导入
局部变量body{ $color : red; color:$color;}footer{//footer里将访问不到$color变量，因为它是局部的 color:$color;}全局变量body{ $color : red !global; color:$color;}footer{//footer里将可以访问$color变量，因为它是全局的
2017-09-13 14:52:28
449
JavaScript 设计模式PFD
2017-10-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人