- 博客(33)
- 收藏
- 关注
RSS订阅转载 ES6异步操作Promise
什么是PromisePromise是异步编程的一种解决方案,说白了就是一个构造函数,带有all,reject,resolve这几个方法,圆形上有then,catch等方法Promise的特点对象的状态不受外界影响，他的对象代表的是一个异步操作，只有三种状态，pending（进行中）、fulfilled（已成功）和rejected（已失败）只有异步操作可以决定当前是哪一种状态，其他...
2019-08-20 23:29:00
119
转载 JavaScript数组去重
数组去重的方法ES6的新方法实现数组去重ES6里新添加了两个很好用的东西，set和Array.from。set:set是一种新的数据结构，它可以接收一个数组或者是类数组对象，自动去重其中的重复项目。var arr = [1,1,2,2,3,3,4,4,nan,nan,null,null,undefined,undefined]console.log(new Set(arr...
2019-08-15 20:11:00
128
转载 vue双向数据绑定
vue双向绑定原理分析当使用vue的时候，其双向绑定为我们开发带来了诸多便捷，今天我们就来分析一下vue双向绑定的原理## .vue双向绑定原理vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。我们先来看Object.define...
2019-08-15 17:32:00
122
转载 nginx部署项目
nginx介绍Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，在BSD-like 协议下发行。其特点是占有内存少，并发能力强，事实上nginx的并发能力确实在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等。负载均衡、反向代理安装nginxyum install -y nginx...
2019-08-15 17:17:00
144
转载 js中call，apply，bind方法的用法
call 、apply、和bind以上这三个方法都是js function函数当中自带的方法，用来改变当前函数this的指向。call()方法语法格式:fun.call(thisArg[,arg1[, arg2[, ...]]])该方法可以传递一个thisArgs参数和一个参数列表，thisArgs指定了函数在运行期的调用者，也就是函数中的this对象，而参数列表会被传入调用函...
2019-08-15 16:46:00
114
转载 node.js封装数据库增删改查
数据库增删改查的封装小编不容易const sql = { insert: function (Collection, insertData) { return new Promise((resolve, reject) => { Collection.insertMany(insertData, (err) => { if (err...
2019-08-15 16:27:00
203
转载 async/await的使用
关于async和await使用在每一个函数前面的都加上async，函数内部，如果是异步操作，直接在其前面加上await即可，等待一步函数执行的结果。await后面可以接任何变量，可以是常量或者promise。async修饰的函数自动变成一个promise.正常情况下，await命令后面是一个 Promise 对象。如果不是，会被转成一个立即resolve的 Promise 对象。...
2019-08-10 15:36:00
222
转载 nginx反向代理解决跨域问题
Vue Nginx反向代理配置 解决生产环境跨域Vue 本地代理编辑好后，能实现跨域获取接口数据，但是打包后在生产环境接口报错404.要怎样才能解决生产环境跨域问题呢？在开发环境配置好本地代理后，使用Nginx反向代理解决生产环境跨域问题！demo: 修改Nginx的配置文件 xxx.conflocation /api { rewrite ^.+api/?(.*)$ /...
2019-07-26 20:28:00
94
转载 react生命周期钩子函数
render在更新阶段和挂在阶段都会执行class App extends Component { render() { return ( <div> <h1>reacet生命周期的周期函数</h1> <h2>挂载时 --- ...
2019-07-24 20:17:00
80
转载 React 引入import React 原理
本质上来说JSX是React.createElement(component, props, ...children)方法的语法糖。所以我们如果使用了JSX，我们其实就是在使用React，所以我们就需要引入React前言React是前端最受欢迎的框架之一，解读其源码的文章非常多，但是我想从另一个角度去解读React：从零开始实现一个React，从API层面实现React的大部分功能...
2019-07-23 20:38:00
214
转载 Wbbpack --3配置
Wbbpack --3配置什么是webpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包(modulebundler)当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundlemodule.exports = {//新建一个文件...
2019-07-23 20:31:00
68
转载 jq 轮播图 转载-周菜菜
<style>li{list-style-type:none ; display:inline; width:90px; height:160px; float:left; }.pic-all{ width:100px; height:180px; position:relative; overflow:hi...
2019-06-14 08:39:00
134
转载 php实现隔行换色
<?php$i = 0 ;//声明一个变量echo "<table width='800' border='1px'>";//表格开头 设置宽度边框while($i<100){ //循环插入100个单元格 if ($i%5 == 0){ //判断$i的值能否被5整除,如果可以在进行下一步判断,否则第一行就不是白色了 ...
2019-05-27 17:14:00
1590
转载 面向对象知识点整理
JavaScript面向对象编程基础知识整理1前言面向对象编程是一种主流的变成模式，它将真实世界里的各种复杂关系，抽象为一个个的对象，然后由对象之间的分工与合作，完成对真实世界的模拟。每一个对象都是功能中心，具有明确分工。可以完成接受信息处理，处理数据发出信息等任务。对象可以复用，通过继承机制还可以被定制。因此，面向对象编程有灵活，代码可服用，高度模块化等特点，容易维护和开发，比由...
2019-05-21 19:50:00
86
转载 js改变this指向
js中修改this的指向方法整理call，apply，bind以上的三哥方法都是用来改变js中this的指向call使用方法：fun.call(thisArg[,arg1[, arg2[, ...]]])该方法传递一个thisArgs和一个参数列表，thisArgs制定了函数在运行中的调用者，也就是函数中的this对象，而参数列表会被传入调用函数中。call 方法可以在一...
2019-05-21 19:18:00
63
转载 DOM内容梳理2
JavaScript-DOM2（内容整理）这两天新的知识有点多有点杂一时半会没有整理过来，以后不出意外会一直更行。js节点类型（NODETYPE）查看节点类型 nodetype属性，返回的结果会根据对象节点的不同返回不同的值。文档节点（document） 返回值9为对应的常量Node.document_node元素节点 （element）返回值1为对应常量Node.EL...
2019-05-18 00:18:00
120
转载 纯js制作九宫格
Demo实现了对任意方格进行拖拽，可以交换位置，其中Demo-1利用了勾股定理判断距离！Demo-1整体思路：1.首先div实现自由移动，一定需要脱离标准文档流，所以我们给它使用绝对定位。2.利用视觉欺骗，点击鼠标悬浮的其实是利用JS生成的一个Div，交换信息的两个Div并没有位置交换，只是把双方属性进行了交换。3.利用了勾股定理去判断距离。<html><...
2019-05-17 20:19:00
314
转载 正则表达式内容梳理
正则、（RegExp）正则表达式是一个描述字符模式的对象，在js中，RegExp表示正则对象。正则的功能十分强大，可以大幅度简化代码。正则的功能正泽德功能可以匹配检索大批量数据。切使用范围非常广泛验证用户数据（登陆注册）采集数据/爬虫 （爬数据）符号匹配 （检索）验证网页信息（匹配）创建正则表达式script var rel = /abc/ //创建一个正则表达...
2019-05-16 00:58:00
139
转载 jsDOM分享1
java scrip-DOM概念分享在java script中有三大核心分别为：javascript语法，DOM,BOM.今天分享一下在学习dom后的一些理解，希望大家支持。绑定事件之前学习过一个鼠标单击事件，onclickvar btn = document.getElementById("btn");//获取网页元素btn.onclick = function(){/...
2019-05-14 00:33:00
85
转载 闭包函数详解
从技术的角度讲，所有的JavaScript函数都是闭包：它们都是对象，它们都关联到作用域链。当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行。闭包的作用闭包的应用比较典型是定义模块，我们将操作函数暴露给外部，而细节隐藏在模块内部。function fn1() { var name = 'iceman'; function fn2() { co...
2019-05-11 20:09:00
163
转载 js傻瓜式制作电子时钟
js傻瓜式制作电子时间使用到的知识点setInterval函数构建函数new Dateif判断demo://css样式请自行设置<span id="timer"><span><script>var timer = document.getElementById("timer");//获取标签setInterval ( func...
2019-05-11 20:02:00
110
转载 数组（Array）的常规操作2
数组的常规操作2常用属性length属性：数组的长度；prototype：原型常用数组（Array）操作方法form 在一个类数组中创建一个新的数组实列isArry is就是判断是否为Array，isArray用于确认传递的值是否为数组（Array）Array.isArray([1,2,3,]);//ture 括号里传递的值是否为数组。//通常用于判断concat...
2019-05-11 01:41:00
211
转载 div+css制作哆啦A梦
纯CSS代码加上制作动画版哆啦A梦（机器猫）哆啦A梦（机器猫）我们大家一定都很熟悉，今天给大家演示怎么用纯CSS。代码，来做一个动画版的哆啦A梦.效果图：下面代码同学可以查看一下，每个线条及椭圆都是纯CSS代码生成。首先分析结构根据原图，将哆啦A梦分为几个结构，然后再分解其他部位。画出各部分的形状和颜色，然后使用绝对定位（absolute）和相对定位（relative）改变其...
2019-05-10 12:08:00
256
转载 数组的常规操作1
数组数组（Array）数组指的是按次序排列的一组值，其中每一个值都有一个编号，这个编号被称之为索引值，从0开始0.1.2.3进行排列数组通常用来存储一系列的值。created（创建）创建数组通常使用两种方式，一种事通过直接量进行创造，另一种是通过构造函数创造demo:通过直接量的方式；var test_arr = [10,20,30,40]//通过直接量的形式创建了一个数...
2019-05-10 01:44:00
106
转载 冒泡排序
冒泡所谓的冒泡排序，其实指的是对数组中的数据进行排序，按照从小到大的顺序来进行排列.它重复地走访过要排序的元素列，依次比较两个相邻的元素，如果他们的顺序（如从大到小、首字母从A到Z）错误就把他们交换过来。走访元素的工作是重复地进行直到没有相邻元素需要交换，也就是说该元素列已经排序完成。这个算法的名字由来是因为越大的元素会经由交换慢慢“浮”到数列的顶端（升序或降序排列），就如同碳酸饮...
2019-05-09 20:41:00
59
转载 构建函数
JavaScript构造函数在js中有两种方式可以创建对象，一种是直接同构关键字'new'创建的函数也成为构造函数，另一种则是通过直接量来创建函数。在js中一切皆为对象，并且每一个对象都有一个constructor属性，这个属性可以用来查看每一个对象的构造函数。demo;var a = "我是品如";console.log(a.constructor)//输出的结果为（f...
2019-05-09 20:30:00
293
转载 函数作用域
函数作用域变量的与函数的作用范围作用域，顾名思义就是作用范围，也被称为生存范围或者说存在的范围；在ECMAScript 5 的规范中，作用域只有两种，一种是‘全局作用域’，一种是函数作用域在函数外部声明的变量可以给当前代码块所有的函数使用对所有函数都有效，也成为‘全局作用域’。在函数内部声明的变量只能影响到变量所在函数体本身，无法从外部对函数内部的变量进行调用，被称为‘函数作...
2019-05-09 01:17:00
252
转载 函数的属性
函数的属性Name属性函数的name属性可以返回函数的名字demo:function s1(){}s1.name()//函数的名字如果函数是以变量的方式声明的话并且匿名函数的话，变量名即为函数名.demo:var a = function (){}a.name（）//函数的名字 a如果说我们给一个匿名函数加了一个函数名，通过调用这个匿名函数的name属性不再是变量...
2019-05-08 17:10:00
145
转载 函数基本知识点
递归函数function fib(sun){if (sun === 0) return 0;if (sun === 1) return 1;return fib(sun-2)+fib(sun-1);}fib（6）//输出是8将sun=6代入函数中，所得分裂为4和5。4和5同时进行循环，实际内容（4-2=2，4-1=3）+（5-2=3,5-1=4）以此类推，直到最后为1...
2019-05-07 18:04:00
87
转载 Function函数的声明方式
函数函数是一段可以反复利用的代码Function函数的声明方式,+通过变量，把函数存储到变量容器里var a=function（）{console.log("大瓜皮")} //因为没有名字也被称为匿名函数后续需要调用代码块可直接使用变量名a（）+直接声明函数，function a（）{console.log(a)}调用代码块方法a()+在函数内部调用自身的声...
2019-05-07 12:06:00
456
转载 for循环计算
计算0-100之间所有偶数的和；var a = 0 ; //声明一个变量for (var i = 0; i<100 ; i++){ //起始条件 判断条件 结束条件if (i%2===0){ //执行内容a = a + i;//因为a本身是0，所以将循环内容赋值给啊，每一次循环结束后a的值就是上一次的i+i的值}}console.log(a)计算100以内的乘积v...
2019-05-06 16:47:00
644
转载 使用for循环签到嵌套制作直角三角形
注意代码的运行顺序；for(i = 0 ; i<9 ; i++){for(j = 0 ; j<i-1 ; j++){document.write("*")//**内层循环}document.write("")}外层循环转载于:https://www.cnblogs.com/wangjiahui/p/10819864.html...
2019-05-06 15:29:00
348
转载 使用if和switch制作简单的年龄生肖判断
-年查询-->var oDiv =document.getElementById("cont");var oYear = document.getElementById("year");var oBtn = document.getElementById("btn");oBtn.onclick = function () {var val = oYear.valu...
2019-05-05 19:44:00
1003
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人