乐此不疲的前端搬运工
07 2019 档案
摘要：filter() 定义和用法 filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 注意： filter() 不会对空数组进行检测。 注意： filter() 不会改变原始数组。 语法 实例 返回数组 ages 中所有元素都大于 18 的元素: 输出结果为:
阅读全文
摘要：编辑器设置的样式 浏览器显示出来的样式 很明显 丢失了一行代码 解决方法 在丢失的代码前加一行代码 成功解决了
阅读全文
摘要：转载 官方文档：https://github.com/CJY0208/react-router-cache-route/blob/master/README_CN.md CacheRoute 搭配 react-router 工作的、带缓存功能的路由组件，类似于 Vue 中的 keep-alive 功
阅读全文
摘要：当组件更新时，如果组件的props和state都没发生改变，render方法就不会触发，用 PureComponent 省去 Virtual DOM 的生成和比对过程，达到提升性能的目的。 反之如果组件的props和state经常发生改变则用Component
阅读全文
摘要：引入方式 Fragments与Vue.js的<template>功能类似，可做不可见的包裹元素。
阅读全文
摘要：转载：https://juejin.im/post/5bd70def6fb9a05d38282c30 react 16.6 发布了新的功能 lazy ，和一个组件 Suspense 下面我们看一下他的用法 首先我们先创建两个组件 LazyTest.1 和 LazyTest.2，内容相同 然后在 Ap
阅读全文
摘要：描述 encodeURIComponent 转义除了字母 数字 ( ) . ! ~ * ' - 和_ 之外的所有字符。 作用 为了避免服务器收到不可预知的请求，对任何用户输入的作为URI部分的内容你都需要用encodeURIComponent进行转义。
阅读全文
摘要：forEach是ES5新增的方法，有三个返回值 第一个返回值是当前项 correntvalue 第二个返回值是当前项的索引 index 第三个返回值是调用forEach的数组 array
阅读全文
摘要：组件: 页面上的任何一个部分都是组件 好处:复用 灵活 组成： html + css html + css + js 组件创建的方式 全局组件 Vue.component 参数1:组件的名称 如果需要使用的时候则当做标签使用即可 参数2:组件的配置项 对象 : new Vue中的配置项有什么东西。这
阅读全文
摘要：生命周期-->生命周期钩子函数：一个组件从创建到销毁的一个过程就是生命周期 beforeCreate：创建前 1、组件创建会执行的一个生命周期函数，我们可以在当前生命周期中创建一个loading.当页面加载完成的时候讲loading移除 2、在当前生命周期函数中是访问不到其他生命周期函数以及data
阅读全文
摘要：思路 emit(eventName,[params]) 判断当前事件是否存在 如果存在则拿到当前事件名称的数组，将其遍历调用，如需传递
阅读全文
摘要：Document {{msg}} {{age}} 挂载 卸载 强制更新
阅读全文
摘要：Document {{msg | reverse}} {{price | sign('￥')}}
阅读全文
摘要：Document {{goods.goodsName}} - + 单价：{{goods.goodsPrice}} 运费:{{goods.fee}} 总价:{{count}}
阅读全文
摘要：Document 点击 对比 methods:-----{{c}} computed:-----{{count}}
阅读全文
摘要：Document {{item}} {{item}}
阅读全文
摘要：Document 抽烟: 喝酒: 烫头: 大保健: {{item}} ...
阅读全文
摘要：vuev-text vuev-html vuev-ifv-show vuev-for vuev-bind vuev-on vuev-model 其他不常用的指令
阅读全文
摘要：1、为什么要学习vue 学习Vue之前我们先来谈谈JQ的优点: 链式操作DOM 抹平各个浏览器之间的差异 学习Vue之前我们先来谈谈JQ的优点: 链式操作DOM 抹平各个浏览器之间的差异 频繁的操作DOM会造成什么呢？ 回流和重绘： 页面布局流发生改变就叫做回流 重绘元素自身的额样式发生改变但是不会
阅读全文
摘要：CSS3-动画 @keyframes 规则 用于创建动画。在 @keyframes 中规定某项 CSS 样式，能创建由当前样式逐渐改为新样式的动画效果。 animation-name规定 @keyframes 动画的名称。 animation-duration规定动画完成一个周期所花费的秒或毫秒。默
阅读全文
摘要：CSS3-背景渐变 CSS3 渐变（gradient）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前，你必须使用图像来实现这些效果，现在通过使用 CSS3 的渐变（gradients）即可实现。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。 CS
阅读全文
摘要：CSS怪异盒子模型 box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素 content-box 这是由 CSS2.1 规定的宽度高度行为。 宽度和高度分别应用到元素的内容框。 在宽度和高度之外绘制元素的内边距和边框。 border-box 为元素设定的宽度和高度决定了元素的边框盒
阅读全文
摘要：CSS3-弹性盒模型 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对
阅读全文
摘要：CSS3的概念和优势 CSS3是css技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。 CS
阅读全文
摘要：HTML5 发展史 HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG（网页超文本应用技术工作小组）提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然
阅读全文
摘要：Handle(添加组件) import React, { Component } from 'react'; class Handle extends Component { state = { inputVal: '' } render(){ let {inputVal} = this.state
阅读全文
摘要：父组件js 子组件js 父组件css 子组件css
阅读全文
摘要：父组件js 父组件css 子组件js 子组件css
阅读全文
摘要：1.v-model react没有实现 2.在react中数据是单向的 js >dom 3.在react中如果需要数据双向绑定，js >dom的绑定，有自己实现onChange事件 4.可以实现双向绑定的标签有input:text textarea select import React, { Co
阅读全文
摘要：v-text v-if v-bind class 与 style let isExist = true; v-show v-for v-on
阅读全文
摘要：1.是一个 JavaScript 的语法扩展。 2.可以很好地描述 UI 应该呈现出它应有交互的本质形式。 3.JSX 可能会使人联想到模版语言，但它具有 JavaScript 的全部功能。 为什么使用 JSX？ React 认为渲染逻辑本质上与其他 UI 逻辑内在耦合，比如，在 UI 中需要绑定处
阅读全文
摘要：一：Git是什么？ 一：Git是什么？ Git是目前世界上最先进的分布式版本控制系统。 二：SVN与Git的最主要的区别? SVN为集中式版本控制系统，版本库是集中存放在中央服务器的； GIT为分布式版本控制系统根本没有“中央服务器”，每个人的电脑上都是一个完整的版本库。 GitHub,免费的远程仓
阅读全文
摘要：Gulp 什么是Gulp Gulp是基于Node.js的前端自动化构建工具 为什么使用Gulp Gulp自动化构建工具可以增强你的工作流程！ 易于使用、易于学习、构建快速、插件高质！ 在日常开发中，可以借助Gulp的一些插件完成很多的前端任务。 如：代码的编译（sass、less）、压缩css，js
阅读全文
摘要：Sass Sass是什么 CSS用来编写网页样式，为CSS加入编程元素，这被叫做"CSS预处理器"（css preprocessor）。 SASS (Syntactically Awesome StyleSheets)是一种动态的CSS（CSS预处理器），它扩展了 CSS 语法，定义了一套新的语法规
阅读全文
摘要：Nodejs node.js官网： https://nodejs.org/en/ node.js中文： http://nodejs.cn/ node.js社区： https://cnodejs.org/ Node.js简介 Node.js 是一个基于 Chrome V8 引擎的 JavaScript
阅读全文
摘要：设计模式 设计模式：针对特定问题的简洁而优雅的解决方案。 这些优秀的解决方案经过了大量实际项目的验证。 通俗一点说，设计模式就是给这些优秀的解决方案取个名字。 设计模式最初是静态类型语言中的设计模式，但设计模式实际上是解决某些问题的一种思想，与具体使用的语言无关。 在许多大型Web项目中，JavaS
阅读全文
摘要：jQuery事件 blur() focus() click() dblclick() keyup() keydown() mouseenter() mouseleave() mouseover() mouseout() mousedown() mousemove() mouseup() change
阅读全文
摘要：jQuery简介 jQuery也就是JavaScript和查询（Query）即 辅助JavaScript开发的类库。 jQuery是一个兼容多浏览器的javascript库。 核心理念是 write less,do more (写得更少,做得更多)。 jQuery在2006年1月由美国人John R
阅读全文
摘要：classList 对象 在HTML5新API里，页面里的每个DOM节点上都有一个classList对象 可以使用classList对象里面的方法新增、删除、修改及判断节点上的CSS类 classList对象里一些很有用的属性方法： length 类名个数 item(index) 获取类名 add(
阅读全文
摘要：闭包、原型链和继承 闭包（closure） 闭包的概念 官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。 闭包是指有权访问另一个函数作用域中的变量的函数 闭包就是能够读取其他函数内部变量的函数 闭包可以理解成定义在一个函数内部的
阅读全文
