前端
文章平均质量分 51
洪涛美学
这个作者很懒,什么都没留下…
展开
-
ECMAscript6快速入门-iterator
1.Iterator( 遍历器) 的概念 JavaScript 原有的表示“ 集合” 的数据结构, 主要是数组( Array) 和对象( Object), ES6 又添加了 Map 和 Set。 这样就有了四种数据集合, 用户还可以组合使用它们, 定义自己的数据结构, 比如数组的成员是 Map, Map 的成员是对象。 这样就需要一种统一的接口机制, 来处理所有不同的数据结构。 es6原创 2017-09-28 14:22:45 · 341 阅读 · 0 评论 -
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 · 3488 阅读 · 2 评论 -
vue - Solt 的理解
本文出处本人看了vue官网上的介绍很是蒙蔽,于是找了这篇文章相当的容易理解。概念简单来说,假如父组件需要在子组件内放一些DOM,那么这些DOM是显示、不显示、在哪个地方显示、如何显示,就是slot分发负责的活。父组件在子组件内套的内容,是不显示的。例如代码:<div id="app"> <children> ...原创 2018-07-20 14:10:54 · 3021 阅读 · 0 评论 -
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 · 1757 阅读 · 0 评论 -
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 · 308 阅读 · 0 评论 -
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 · 473 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 976 阅读 · 0 评论 -
javascript-接口
什么是接口 接口是面向对象JavaScript程序员的工具箱中最有用的工具之一。在设计模式中提出的可重用的面向对象设计的原则之一就是“针对接口编程而不是实现编程”,即我们所说的面向接口编程,这个概念的重要性可见一斑。但问题在于,在JavaScript的世界中,没有内置的创建或实现接口的方法,也没有可以判断一个对象是否实现了与另一个对象相同的一套方法,这使得对象之间很难互换使用,好在JavaScr原创 2017-10-18 09:34:11 · 256 阅读 · 0 评论 -
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 · 212 阅读 · 0 评论 -
ECMAscript6快速入门-Symbol
概述 ES5的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin模式),新方法的名字就有可能与现有方法产生冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是ES6引入Symbol的原因。它表示独一无二js中的第七种数据类型它是一种类似于字符串的数据类型可以接原创 2017-09-29 11:54:27 · 394 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论