ES6学习(五)——数组的扩展

扩展运算符 Array.from() Array.of() 数组实例的 copyWithin() 数组实例的 find() 和 findIndex() 数组实例的fill() 数组实例的entries(),keys(),values() 数组实例的includes() 数组实例的flat(),fl...

2019-04-18 15:02:22

阅读数 19

评论数 0

ES6学习(四)——函数的扩展

函数参数的默认值 基本用法 function log(x, y = 'World') { console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', ...

2019-04-17 16:33:17

阅读数 10

评论数 0

ES6学习(三)——字符串的扩展

列举常用字符串方法如下 includes(),startWith(),endsWith() 这三个方法返回的都是布尔值,都接受两个参数,第一个参数是字符串;第二个参数是数字,表示开始搜索的位置,但是endsWith()方法的第二个参数表示前n个字符 includes():表示是否找到了字符...

2019-04-04 13:18:03

阅读数 25

评论数 0

vue-cli项目配置多页面

思路 首先要修改项目目录结构,然后修改webpack的entry和html-webpack-plugin插件 如上图所示,src/page是我的目录结构,activity和index是需要构建的两个单独的页面,page目录下的每个子目录都需要一个入口文件(main.js),一个html模板(in...

2019-01-28 15:02:32

阅读数 58

评论数 0

promise用法

Promise用法 此篇文章主要参考大白话讲解Promise 一、基础用法 new Promise(function(resolve, reject) { //做一些异步操作 setTimeout(function(){ console.log('执行完成'); r...

2018-10-30 15:29:36

阅读数 66

评论数 0

工作总结——H5站重构

公司移动端项目之前比较乱,主要以后端集成页面为主,后来开始搞前后端分离,技术栈是Vue全家桶,不过因为时间关系,并没有进行全站重构,导致公司移动端项目出现了既包含集成页面,又包含前后端分离页面,页面之间的逻辑也很凌乱,有集成的老页面和分离的新页面之间的逻辑交互,也有app客户端和老页面的交互,也有...

2018-08-19 11:38:37

阅读数 297

评论数 0

获取地址栏参数

采用es6写法,单独写在js文件里,通过import引用 export function getUrlParams() { let str = location.href; let num = str.indexOf('?'); const param = {}; str = ...

2018-04-08 18:18:37

阅读数 482

评论数 0

时间格式转化

采用es6写法,单独写在js文件里,通过import引用 export function formatDateTime(date) { const y = date.getFullYear(); let m = date.getMonth() + 1; m = m &amp...

2018-04-08 18:12:56

阅读数 72

评论数 0

vue——组件之elementTable组件再封装

首先先上代码,下面是一个vue类型的文件,代码如下 <el-table v-loading="table.loading" :show-summary="table.hasShowSummary&quo...

2018-04-08 11:43:43

阅读数 7861

评论数 4

git常用命令

开始用git管理项目(初始化git)    在项目所在目录执行 git init从现有仓库克隆项目    git clone [url] [name]   // 第二个参数是自定义项目目录名称,可不传检查当前文件状态    git status跟踪文件    git add &amp;lt...

2018-03-16 11:45:41

阅读数 82

评论数 0

ES6学习(二)——变量的解构赋值

ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构 一、数组解构 let [x,y] = [1,2]上面这行代码是最基本的数组解构。本质上这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。let [foo, [[bar], baz]] = [1...

2017-12-16 09:50:22

阅读数 121

评论数 0

ES6学习(一)——let和const命令

要想学习let和const命令,首先需要了解什么是块级作用域 ES5只有全局作用域和函数作用域,没有块级作用域,这就导致了很多不合理的场景 eg1、内层变量覆盖外层变量 var tmp = new Date(); function f() { console.log(tmp); if(...

2017-12-10 21:15:44

阅读数 116

评论数 0

移动端验证码效果的实现

效果如下图所示, 代码如下, html代码:   &amp;lt;div class=&quot;numberBox clearfix&quot; onclick=&quot;judgeval();&quot;&amp;gt; &am...

2017-11-15 11:01:44

阅读数 733

评论数 0

less学习(十)—循环与合并

循环 在 Less 中,mixin 可以被自己调用。当这种递归形式的 mixin 与 Guard Expressions 和 Pattern Matching 一起联合使用的话,就可以创造出各种迭代/循环结构。 普通案例 .loop(@counter) when (@counter &g...

2017-11-14 15:19:36

阅读数 389

评论数 0

less学习(九)—关于Guards

Less Mixin Guards 如果你想在表达式上匹配简单的值或参数数量,那么你可以使用Guards。 它与mixin声明相关联,并包括附加到mixin的条件。 每个mixin将有一个或多个由逗号分隔的防护,并且guard必须括在括号中。 LESS使用Guards的mixins而不是if /...

2017-11-14 14:57:05

阅读数 208

评论数 0

less学习(八)— 关于导入

导入指令 @import 伪指令用于在代码中导入文件。 它将LESS代码分布在不同的文件上,并允许轻松地维护代码的结构。 您可以将 @import 语句放在代码中的任何位置。 文件扩展名 您可以使用 @import 语句,具体取决于不同的文件扩展名,例如: 如果您使用 .css 扩展名...

2017-11-14 11:34:39

阅读数 165

评论数 0

less学习(七)—作为函数使用的Mixin

All variables defined in a mixin are visible and can be used in caller's scope (unless the caller defines its own variable with the same name)(所有在混合里...

2017-11-09 17:59:08

阅读数 537

评论数 0

less学习(六)— 关于带参数的Mixin

Mixins can also take arguments, which are variables pass to the block of selectors when it is mixed in.(当使用混合时,可以通过选择器块带变量参数。) .border-radius(@radiu...

2017-11-09 15:41:52

阅读数 1676

评论数 0

less学习(五)—关于Mixin

今天进入到Mixin(混合)的学习,经过前面几天的学习已经初步掌握了关于变量和关于Extend的一些语法和规则,如果有朋友觉得我写的实在渣的话,可以移步less官方文档自行学习。 先上一个基本用法的例子 .box1 { color: red; } .box3 { .box1(); }编译为: ...

2017-11-08 09:17:22

阅读数 339

评论数 0

less学习(四)—关于Extend

官方文档是这么介绍Extend的 Extend is a Less Pseudo-Class which merges the selector it is put on with ones that match what it references. 简单翻译就是Extend是less的伪类选...

2017-11-06 15:13:22

阅读数 219

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭