- 博客(18)
- 收藏
- 关注
RSS订阅转载 npm基本命令
1、npm是什么？npm（Node Package Manager）意思是 node 的包管理器，它是随着 NodeJs 安装时一起被安装的；无论是在前端还是在前端开发中都会使用到 npm 包管理器。（前端框架开发react、Vue...，后台 node 开发）；2、安装去官网下载对应操作系统的 nodeJS，官网地址：https://nodejs.org/en/down...
2019-09-05 20:17:00
174
转载 ES6中Set和Map
1、Set 实例的创建Set实例它类似于数组，但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数用来生成Set数据结构。Set 函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数， 用来初始化。[...new Set(array)] // 去除数组的重复成员2、Set实例的属性和方法①属性：Set.p...
2019-09-01 21:48:00
107
转载 ES6数组扩展
1、扩展运算符扩展运算符（spread）是三个点（...）.它好比rest参数的逆运算，将一个数组转化为用逗号分隔的参数序列；console.log(...[2,3,4,99]) // 2,3,4,992、Array.from 用于将两类对象转为真正的数组：类数组对象（array-like object）(包含length属性，索引：0~n)和可遍历（ite...
2019-09-01 21:25:00
80
转载 ES6函数扩展
1、函数的 length 属性ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。function test(x, y = 'World') { console.log(x, y);}注意:函数的length属性，将返回没有指定默认值的参数个数。如果遇到有默认值的参数 就停止。function test(x, m,y = 'World'...
2019-09-01 20:35:00
79
转载 ES6对象扩展
1、属性简写ES6允许直接写入变量和函数，作为对象的属性和方法，这时，当对象属性名与属性值名（注意：此时属性值用一个变量代替）相同时可以简写；var name = 'zhangsan';var user = {name}; //等同于 var user = {name:name}2、方法简写//对象方法 ES5 写法var user = { ...
2019-09-01 19:16:00
94
转载 ES6之解构
1、ES6允许按照一定的模式，从数组中和对象中提取值，对变量进行赋值，这种称为解构（Distructuring）；let [a,b,c] = [3,5,6];// 相当于 a=3,b=5,c=6本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。如果解构不成功，变量的值就等于 undefined另一种情况是不完全能解构，即等号左边的...
2019-09-01 18:04:00
93
转载 XHTML 和 HTML 中的 iframe
1、 XHTML 有什么？XHTML是更严谨更纯净的HTML版本。2、HTML和XHTML之间的差异①XHTML元素必须被正确的嵌套/！--错误写法--/<p><i>hello<p><i>/！--正确写法：必须正确嵌套--/<p><i>hello<i><p>...
2019-08-31 12:19:00
170
转载 CSS文件引入link和@import 区别
1、（本质区别）link 属于 HTML 标签，而 @import 完全是 css 提供的一种导入 css 文件的规则。2、文件加载时机有差别：当一个页面被加载的时候，link 引用的 css 会被同时加载，而 @import 引用的 CSS 会等到页面全部被加载完才被加载所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁)，网速慢的时候还挺明显。3、...
2019-08-31 00:01:00
314
转载 ES6之模块化导入导出
1、概述在js的历史上一直没有模块（module）体系，无法将一个大程序拆分成相互依赖的小文件，再用简单的方法拼装起来，这对开发大型的、复杂的项目形成了巨大障碍。在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。前者用于服务器，后者用于浏览器。ES6 在语言标准的层面上，实现了模块功能，而且实现得相当简单，完全可以取代 Common...
2019-08-30 10:18:00
296
转载 JS之clientWidth、offsetWidth等属性介绍
一、clientXXX 属性代码演示// css 部分<style> .test{ width:100px; height:100px; border:1px solid red; padding:20px;} </style>// body 和 js 部分<div cl...
2019-08-29 11:03:00
202
转载 React之react-redux
react-redux相关概念及设计思想介绍1、react-redux 将所有组件分为两大类 UI组件（负责UI的呈现） 和 容器组件（负责管理数据和逻辑）。2、UI组件特点只负责UI的呈现，不带有任何业务逻辑没有状态（即不使用this.state这个变量），注意：使用react-redux后推荐组件用函数声明，而不是类声明。所有的数据都由参数（this.prop...
2019-08-28 19:45:00
89
转载 javascript之操作数组方法
掌握如何操作数组，会让你的开发变得更加高效1、栈和队列方法(以下四个方法都改变原数组)arr.push() //接受任意类型的参数，逐个添加到数组的末尾，并返回数组的长度 改变原数组arr.pop() //从数组的末尾移除最后一项，减少数组的length值，返回移除的项arr.shift() //移除数组中的第一个项并且返回该项，同时将数组的长度...
2019-08-28 10:22:00
116
转载 原生js之Math对象
1、比较方法(常用)Math.min() //求一组数中的最小值 不能是数组，和对象等等。Math.max() //求一组数中的最大值eg：Math.min(5,3,5) // 32、取整（常用）Math.ceil() // 向上取整Math.round() // 四舍五入Math.floor() // 向下取整3、随机...
2019-08-27 23:26:00
105
转载 React之 redux 的简单介绍及使用
1、为什么使用redux？在小型react项目的开发中 ，view（视图层）中的数据模型（即数据），可以存放在组件中的 state 对象，换句话说页面中的动态数据存放在 state 中。但对于开发大型复杂的项目来说，单页面管理的状态（state）会有很多很多。管理不断变化的状态非常困难，状态的改变可能会引起页面的变化，而页面的变化也会引起状态的变化，这种变化异常复杂，以至于我们很...
2019-08-27 21:58:00
152
转载 前端测试工具之 postman
1、不论你是一个前端工程师还是一个后端工程师相信这款工具都会使你的开发更加简便。2、在此我推荐的一款软件工具是 postman 。在这里我对 postman 做一个简单的介绍：①它能够模拟表单发送 http 请求。②测试你写的后台接口是否有效。③省去写前台界面验证接口的时间。（小声bb由于用的时间不是很长我还没完全玩明白，只体会到了以上三点好处）3、postm...
2019-08-26 23:57:00
1036
转载 ES6之let和const
1、在ES5中我们定义一个变量是通过 var 关键字来定义的。如：var name = 'zjl' var obj = {name:'zjl',age:'18'}2、在ES6中新引进了两个定义变量的关键字 let 和 const。3、ES6之 let：let 的用法和 var 很类似，但它存在自己的特性 主要有以下几点：let 所声明的变量，只在 let 命...
2019-08-26 23:24:00
73
转载 原生js之Ajax
1、什么是Ajax？全称：Asynchronous JavaScript and XML （异步的 JavaScript和 xml），是前后端数据交互的一种技术（前端通过 Ajax 发送http请求->后台接受前端数据并处理->处理完毕返回响应数据）。原理简单但功能强大。核心优点：在不刷新整个页面的情况下实现局部数据刷新。大大节省了资源的消耗。应用范围：现阶段的...
2019-08-26 22:50:00
82
转载 jQuery实现发送验证码30s倒计时，且刷新页面时有效
在这里讲一讲这个案例的实现思路吧（个人见解）。。核心思想：为防止页面刷新时倒计时失效的解决方案是：当每次刷新一次页面时都执行一个函数 即下面讲到的 setStyle() 函数。这个函数会根据当前的 cookie 值判断 是否处于倒计时阶段 ，因为 cookie 值不会随着 网页的刷新而改变。最后面已附上全部代码可直接复制下来借鉴一下。1、本案例用到了 jQuery，第一步：页面引...
2019-08-25 11:29:00
624
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人