前端
关注
分享
扫一扫
Ethanzyc
能力带来安全感
展开
-
ES6 中的面向对象
面向对象ES6 之前的传统的对象看这篇吧——js 笔记，ES6出来之后，官方提供了面向对象的写法。看代码吧class Person{ constructor(name,age,address) { this.name = name; this.age = age; this.address = address; } introduce() { co...原创 2018-09-18 11:37:00 · 3504 阅读 · 1 评论 -
ES6 Json 以及字符串相关新特性（字符串模板）
json省略 function在 json 中，我们可以这样写一个方法let json = { a:1, b:100, add: function() { console.log(this.a+this.b); }}json.add(); // 101现在，我们可以把 function 省略了，效果是一样的let a = 1;let js...原创 2018-09-12 20:23:35 · 2031 阅读 · 0 评论 -
ES6 数组新特性（map，filter，forEach，reduce，array.from）
map：原来数组有多少个，map 处理之后还是那么多个。参数：item，index，arraylet arr = [12,35,56,79,56];let arr1 = arr.map(item => item%2 === 0 ? '偶' : '奇');let arr2 = arr.map((item,index) => index + ':' + item);consol...原创 2018-09-11 22:56:09 · 1788 阅读 · 0 评论 -
ES6 函数 （箭头函数、默认参数、函数展开）
箭头函数// 传统let plus = function(a,b) { return a+b}// 箭头函数let arrPlus = (a,b) => a+b// 传统function plus1(a,b) { return a+b;}let a = plus(1,5)let b = plus1(1,6)let c = arrPlus(1,7)...原创 2018-09-11 16:57:04 · 633 阅读 · 0 评论 -
解构赋值
解构赋值正常我们是这样定义一个数组，然后这样输出：let arr = [1, 3, 5];console.log(arr[0],arr[1],arr[2]); // 1 3 5但利用解构赋值也可以这样写：let [a, b, c] = [1, 3, 5];console.log(a,b,c); // 1 3 5前后解构如果不一致会输出这样的结果：let...原创 2018-08-23 10:27:38 · 673 阅读 · 0 评论 -
拆分 v-model
拆分 v-modelimport Vue from 'vue'const component = { props: ['valueOfSon'], template: ` <div> <input type="text" @input="handleInput" :value=valueOfSon> </div>...原创 2018-08-22 11:37:44 · 1558 阅读 · 0 评论 -
js 中的工厂模式与构造函数模式
创建对象工厂模式function createNewObject(name, age, job) { let o = new Object(); o.name = name; o.age = age; o.job = job o.sayName = function() { console.log(name); } return o;};l...原创 2018-08-22 11:37:03 · 645 阅读 · 0 评论 -
JavaScript 笔记03（创建对象/原型模式/js 继承/BOM）
js 笔记3 接笔记213.创建对象工厂模式function createNewObject(name, age, job) { let o = new Object(); o.name = name; o.age = age; o.job = job o.sayName = function() { console.log(name)...原创 2018-08-22 11:36:18 · 186 阅读 · 0 评论 -
Vue 中文本内容超出规定行数后展开收起的处理
Vue 中文本内容超出规定行数后展开收起的处理文字比较难解释，直接看图应该就懂是要做什么了。需求工作中遇到的，需求就是超过四行得有个展开按钮，点击展开显示所有内容，不超过四行的话就不需要这个按钮并显示所有内容。思路首先得判断文本自否超过四行，因为这些一般都是是前端异步请求然后后端发送过来，在组长的指导下，使用了 Vue 中的 nextTick 来监听 DOM ...原创 2018-08-22 11:34:52 · 26565 阅读 · 10 评论 -
JavaScript 笔记02（js 循环 / 函数参数 / js 中复制值 / 检测类型 / 数组常用 api ）
JavaScript 笔记02 接笔记015.for / forEach / for-in / for-of不多 bb，直接看代码。// 循环数组let array = ['a', 'b', 'c'];// 普通 for 循环for (let index = 0; index < array.length; index++) { const ele...原创 2018-08-22 11:33:35 · 201 阅读 · 0 评论 -
Flex 布局
Flex 布局 本文参考了阮一峰老师的Flex 布局教程：语法篇和Flex 布局教程：实例篇，感谢注意点：行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: f...原创 2018-08-22 11:32:49 · 215 阅读 · 0 评论 -
JavaScript 笔记01（变量提升、数据类型）
1.变量提升参考这篇，变量声明就是变量和函数声明会被移到当前作用域作用域是肯定要重点看的，高级设计这本书里我记得讲的比较详细，我就不找那种整理的文章了，等看到了再一步步把他弄透的最顶部，然后只在编译时执行变量和函数声明，并不会执行赋值，其实上面那个链接里看几个例子就懂了，然后 let 和 const 不存在变量提升现象。举个例子：a = 9;var a;console.log(...原创 2018-08-22 11:29:36 · 184 阅读 · 0 评论 -
Require JS 特性
Require JS 特性module 被执行的时候加载，加载用会留下缓存，供之后使用一旦出现某个模块被循环使用（A 模块中调用了 B，B 中又调用了 A），就输出已经执行的部分，还未执行的部分不会输出。我们来看个例子：这是 module A：modAmodule.exports.test = 'A';const modB = require('./modB');...原创 2018-08-22 11:28:57 · 189 阅读 · 0 评论 -
关于 CSS
css: cascading style sheet 层叠样式表各种选择器以及不同选择器的搭配，其中最常用的还是类选择器, 不过工作中用的 less, 那些搭配其实也用不太到, 说到 less , 当时直接上手就用了, 也没好好看下, 等有时间了去看下 less 文档, 看看有没有什么知识点遗漏的(肯定会有)继承性层叠性!important 提升权重, 尽量不用一个查看...原创 2018-08-22 11:21:11 · 202 阅读 · 0 评论 -
关于 HTTP
html 骨架<!DOCTYPE...><html> <head> </head> <body> </body></html>html:负责语义，结构css:负责样式js:负责交互 其实想看的就是这些，当你知道他比较本质的东西，很多时候就好做决定了原创 2018-08-22 11:19:30 · 144 阅读 · 0 评论 -
Promise / generator / async / await 整理
Promise主要是用来解决异步操作。同步：串行 简单，方便异步：并行 性能高，体验好这是 promise 的基本用法let p = new Promise((resolve, reject) => { $.ajax({ url: '1.txt', dataType: 'json', success(json){ ...原创 2018-09-18 11:38:57 · 316 阅读 · 0 评论