air_lemontree-优快云博客

原创 elementUI使用中遇到的一些坑

1.表格多选，回显时不反选，解决方法：tableShowNormal() { let projectIds = this.currentUser.projectId this.multipleSelection= [] this.$nextTick(() => { projectIds.forEach(id =...

2019-06-22 19:48:52 1541 1

原创 vue+elementUI写一个前端分页简单方法的小例子

<template> <div> <el-table :data="list.slice((this.query.pageNum - 1) * this.query.pageSize, this.query.pageNum * this.query.pageSize)"> <el-table-column label=...

2019-06-22 15:54:51 1006

原创 vue父子组件互相传值；各组件间传值

1. 父组件向子组件传值，父组件中定义值，子组件中props来接收例：父组件中 <div>这是父组件 <child ：received='fromParent'/> <div> 子组件中 <div>这是子组件 <p>{{ received }}<...

2019-02-03 12:19:01 236

原创 vue的生命周期

1.beforCreate（$el和$data并未初始化） |（1,2之间初始化事件，进行数据的观测） |2.created(完成$data初始化，数据和data属性进行绑定，data中属性变化时，视图也会改变） |（2，3之间判断对象是否有el选项。若有就继续向下编译，若无则停止编译，即停止生命...

2019-01-11 18:20:03 110

原创 import和require的区别

import和require都是被模块化使用1. a. require是CommonJs的语法（AMD规范引入方式），CommonJs的模块是对象。 b. import是es6的一个语法标准（浏览器不支持，本质是使用node中的babel将es6转码为es5再执行，import会被转码为 require），es6...

2018-12-14 18:24:52 958

原创 js深拷贝和浅拷贝

深拷贝，创建一个新的数组或对象，它的各级键值从原对象（数组）复制了一份（就是引用地址复制了一份，值也复制了，这两个栈内存中的地址指向各自的堆内存中的值）浅拷贝，就是把原对象（数组）的引用地址赋给了新对象，新对象和原对象的地址指向的是同一个堆存储地址深拷贝分两种：1. 只对第一层级拷贝（第一层级的元素值都是基本数据类型的）方法： a. 遍...

2018-12-07 19:26:14 160

原创 var 、let 、const的区别

1. a. var创建的变量是词法作用域（函数内部可访问外部变量，函数外部不可访问函数内部变量；作用域链，从内部开始往外层找，一层一层访问，找到为止） b. var在预编译阶段会变量提升 c. var定义的变量可以修改，如果不初始化会输出undefined，不会报错 d. 在同一作用域内，如果使用var 声明同一个变量，则后面的会覆盖前面的2. a...

2018-12-06 18:21:46 142

原创 HTML语义化

HTML语义化，指HTML结构，用有一定语义的标签来表示，标记，能很好地呈现出内容的结构，代码的结构，这样的代码容易阅读，书写和理解。 HTML语义化的好处：1. 这样在没有css代码时，也能呈现出很好的内容结构、代码结构，可读性强；2. 提高用户体验，如title，alt用于解释名词和图片信息；3. 利于SEO，语义化能和搜索引擎建立起良好联系，便于爬虫抓取更多的有效信息；（...

2018-11-27 11:45:50 259

原创 typescript

1、ES5,ES6,Javascript,Typescript的关系ES是客户端脚本语言的规范，ES5和ES6是规范的两个不同版本，Javascript和Typescript是两种客户端脚本语言JavaScript实现了ES5规范，Typescript实现了ES6规范2、typescript优势：支持es6规范；强大的IDE支持；（编辑器内，类型检查，...

2018-11-27 11:20:03 162

原创 React router

底层机制：React: state/props-->Components-->UIRouter： location-->Router-->UI常用的方法 Router Route hashHistory(前进后退) Link(to) 例： <Router history={hashHistory}> ...

2018-08-02 14:17:27 144

原创前端性能优化

原则：多使用内存和缓存等存储，减少CPU计算，减少网络请求。从加载页面和静态资源，及页面渲染这两方面入手1. 加载资源优化 a. 静态资源的压缩合并 b. 静态资源缓存 c. 使用CDN让资源加载更快（如<link href="https://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap...

2018-07-11 11:27:11 149

原创浏览器的渲染过程

大致的总结一下：在浏览器中从输入一个url到页面渲染完成，浏览器中发生的事情。 1. 根据url连接上对应的服务器，请求到入口文件index.html/index.jsp（根据doctype告诉浏览器以何种文档类型解析） 2.入口文件内容由上到下加载，遇到图片路径，或引入css，浏览器再重新发送一个请求，获取资源文件 3.html pars...

2018-07-06 18:34:45 143

air_lemontree的博客