- 博客(135)
- 收藏
- 关注
RSS订阅
原创 小程序云开发初体验
小程序·云开发开发者可以使用云开发开发微信小程序、小游戏，无需搭建服务器，即可使用云端能力。云开发为开发者提供完整的云端支持，弱化后端和运维概念，无需搭建服务器，使用平台提供的 API 进行核心业务开发，即可实现快速上线和迭代，同时这一能力，同开发者已经使用的云服务相互兼容，并不互斥。核心功能包括：云存储、云数据库和云函数。音视频和智能图像服务是增值服务。云数据库云开发提供了一个 JS...
2019-05-07 15:52:05
513
原创 小程序授权
相关授权配置部分接口需要经过用户授权同意才能调用。我们把这些接口按使用范围分成多个 scope ，用户选择对 scope 来进行授权，当授权给一个 scope 之后，其对应的所有接口都可以直接使用。获取用户授权设置开发者可以使用 wx.getSetting 获取用户当前的授权状态。wx.getSetting({ success(res) { console.log(res.a...
2019-04-03 21:30:23
205
原创 小程序自定义头部
相关头部设置小程序全局配：小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。页面配置：每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置项。由于自定义头部为白色时，状态栏时间、电量等需要设置为黑色。微信版本7.0.0以上支持单个页面进行头部配置，6.6...
2019-04-03 11:19:44
12073
原创 jest学习笔记
function.jsexport default { sum(a, b) { return a + b; }, getAuthor() { return { name: 'LITANGHUI', age: 24, } }, getIntArray(num) { if (!Number.isInteger(num))...
2020-04-27 14:35:39
255
转载 深入理解javascript原型和闭包笔记
读完 深入理解javascript原型和闭包 的一些摘录。javascript原型和闭包一切都是对象四种（undefined, number, string, boolean）属于简单的值类型，不是对象。剩下的几种情况——函数、数组、对象、null、new Number(10)都是对象。他们都是引用类型。值类型的类型判断用typeof，引用类型的类型判断用instanceof。一切（引用...
2020-01-09 17:52:12
258
转载 React16 新特性总结
createPortalcreatePortal 的出现为 弹窗、对话框 等脱离文档流的组件开发提供了便利，Portals 提供了一种很好的将子节点渲染到父组件以外的 DOM 节点的方式。const modalRoot = document.body;class Modal extends React.Component { constructor(props) { ...
2020-01-08 13:45:02
449
转载 浏览器地址栏输入URL，回车后究竟发生了什么
基本流程①查询ip地址②建立tcp连接，接入服务器③浏览器发起http请求④服务器后台操作并做出响应⑤网页的解析与渲染查询ip地址①浏览器解析出url中的域名。②查询浏览器的DNS缓存。③浏览器中没有DNS缓存，则查找本地客户端hosts文件有无对应的ip地址。④hosts中无，则查找本地DNS服务器（运营商提供的DNS服务器）有无对应的DNS缓存。⑤若本地DNS没有DNS缓...
2019-12-05 15:50:25
153
转载 浏览器缓存知识
浏览器缓存分类目前主流的浏览器缓存分为两类，强缓存和协商缓存：强缓存：直接从本地副本比对读取，不去请求服务器，返回的状态码是 200。协商缓存：会去服务器比对，若没改变才直接读取本地缓存，返回的状态码是 304。它们的匹配流程如下：（1）浏览器发送请求前，根据请求头的expires和cache-control判断是否命中强缓存策略，如果命中，直接从缓存获取资源，并不会发送请求。如果没...
2019-12-05 11:51:47
175
1
转载 jsonp和Nginx跨域
JSONP先说说JSONP是怎么产生的：其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，着用自己的方式来阐释一下这个问题，看看是否有帮助。1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准。2、不过我们又发现，Web页面上调用js文件时则不...
2019-12-04 17:36:05
468
转载 手动清除Google Chrome DNS缓存
DNS缓存为了获得更好的互联网访问性能，Google Chrome 流量器内建了一个缓存系统，不仅可用于缓存网站内容，还可以进行 DNS 记录的缓存。Chrome 内置的 DNS 缓存系统有一个隐藏选项，它可以允许用户手动清除 Chrome DNS 主机缓存。刷新 DNS 缓存可以帮助用户修复访问某些网页时可能遇到的主机连接问题。当更改了操作系统的 DNS 设置时，如果只清除操作系统的 DNS...
2019-12-02 11:53:26
200
原创 通用方法记录
判断数据类型可判断类型：undefined、null、string、number、boolean、array、object、symbol、date、regexp、function、asyncfunction、arguments、set、map、weakset、weakmapfunction DataType(tgt, type) { const dataType = Object.pr...
2019-10-31 11:25:58
176
原创 react相关知识点记录
1. async/await理解 JavaScript 的 async/awaitasync 的作用async 函数返回的是一个 Promise 对象如果在函数中 return 一个直接量，async 会把这个直接量通过 Promise.resolve() 封装成 Promise 对象，直接可以用then() 链来处理这个 Promise 对象如果 async 函数没有返回值，会返回 P...
2019-10-29 15:03:33
201
原创 小程序wx.request和promise
1.Promise对象基础1.1 Promise 的状态Promise有3种状态：Pending：进行中Resolved(Fulfilled)：已完成Rejected：已失败1.2 .then() 和 .catch()Promise构造器接受一个函数作为参数，这个函数有两个参数：resolve，reject，分别代表这个Promise实例成功之后的回调函数和失败之后的回调函数。...
2019-08-02 11:38:54
919
转载 git的一些记录
从一个git仓库迁移到另外一个git仓库1). 从原地址克隆一份裸版本库，比如原本托管于 GitHub。git clone --bare git://github.com/username/project.git–bare 创建的克隆版本库都不包含工作区，直接就是版本库的内容，这样的版本库称为裸版本库。2). 然后到新的 Git 服务器上创建一个新项目，比如 GitCafe。3). 以镜...
2019-06-03 17:14:01
120
转载 小程序的一些基本内容记录
小程序基础小程序与普通网页开发的区别小程序框架本身所具有的快速加载和快速渲染能力。网页开发渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导致页面失去响应。而在小程序中，二者是分开的，分别运行在不同的线程中。网页开发者可以使用到各种浏览器暴露出来的 DOM API，进行 DOM 选中和操作。小程序的逻辑层和渲染层是分开的 ，逻辑层运行在 JSCore 中，并没有一个完整浏...
2019-05-29 14:23:30
1389
原创 table九宫格hover实现
Month Savings January $100 cellpadding 规定单元边沿与其内容之间的空白。cellspacing 规定单元格之间的空白。九宫格 1 2 3 4 5 6 7 8 9 CSS t
2017-07-31 12:59:54
1361
原创 CSS实现tip框三角形
CSS实现tip框方法一：利用盒模型border利用长宽设为0，border设为一定宽度，上下左右一边设为三角形颜色，另外的transparent.parent1{ width: 0; height: 0; border-width: 30px; border-style: so
2017-07-10 20:19:55
2052
转载 前后端路由
路由路由是根据不同的 url 地址展示不同的内容或页面。在过去，服务器端处理来自浏览器的请求时，要根据不同的Url路由，拼接出对应的视图页面，通过Http返回给浏览器进行解析渲染。后端路由每次访问一个新页面的时候都要向服务器发送请求，然后服务器再响应请求，这个过程肯定会有延迟。前端路由前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做。前端路由在访
2017-07-10 16:24:52
1002
原创 jQuery公告栏文字滚动插件
jQuery插件关于jQuery插件，http://www.cnblogs.com/ajianbeyourself/p/5815689.html 这篇文章写得真心不错（1）通过$.extend()来扩展jQuery （2）通过$.fn 向jQuery添加新的方法方法一仅是在jQuery命名空间或者理解成jQuery身上添加了一个静态方法而以。所以我们调用通过$.extend()添加的
2017-07-09 20:48:41
3767
1
原创 jQuery.fn.extend() 和 jQuery.extend()
jQuery为开发插件提拱了两个方法，分别是：jQuery.fn.extend(); jQuery.extend()；jQuery.fn:jQuery.fn = jQuery.prototypejQuery便像一个封装得非常好的类，比如语句$(“#btn1″) 会生成一个 jQuery类的实例jQuery.extend(object):
2017-07-09 14:43:05
344
原创 二叉排序树、平衡二叉树和红黑树
二叉排序树（二叉查找树）二叉排序树或者是一棵空树，或者是具有下列性质：若左子树不空，则左子树上所有结点的值均小于或等于它的根结点的值；若右子树不空，则右子树上所有结点的值均大于或等于它的根结点的值；左、右子树也分别为二叉排序树；没有键值相等的节点。中序遍历二叉排序树时，可以得到一个有序的序列。构造一颗二叉排序树的目的，并不是为了排序，而是为了提高查找和插入删除关键字的速度。
2017-07-08 17:24:51
1140
原创 javascript中Get/Set访问器
Get/Set访问器可以限制一个变量是否可以被访问或是否可以被重写。另外还有一个功能是，我们在访问或重写时可以执行其他语句进行处理get是得到 一般是要返回的， set是设置不用返回如果调用对象内部的属性约定的命名方式是_age ==================未完
2017-07-07 21:00:51
565
转载 HTTP请求报文（请求行、请求头、请求体）
HTTP请求报文HTTP请求报文由3部分组成（请求行+请求头+请求体）：请求行：①是请求方法，GET和POST是最常见的HTTP方法，除此以外还包括DELETE、HEAD、OPTIONS、PUT、TRACE。②为请求对应的URL地址，它和报文头的Host属性组成完整的请求URL。③是协议名称及版本号。请求头：④是HTTP的报文头，报文
2017-07-07 15:09:43
104303
10
转载 JSONP跨域请求原理及实现
什么是JSONP？ 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准。 2、不过我
2017-07-06 20:19:25
2489
原创 理解双飞翼布局
双飞翼布局主要解决俩问题：1、三列布局，中间宽度自适应，两边定宽； 2、中间栏要在浏览器中优先展示渲染。在css布局中，有三种技术是经常被使用的：（1）浮动 （float）（2）负边距 （negative margin）（3）定位 （position）这是实现布局的三个最基本的原子技术。只要巧妙组合，并加以灵活运用，就能“拼”出各种布局的实现方案。如果三列布局不
2017-07-05 12:49:48
736
原创 原生js瀑布流布局+图片懒加载
瀑布流布局function waterfall(ele,col,eleWidth){ var hArr = []; for(var i = 0;i < ele.length;i++){ if(i < col){ hArr.push(ele[i].offsetHeight); }else{ //min
2017-07-01 20:58:44
5873
2
转载 js中setTimeout
什么是阻塞机制 Js阻塞机制，跟Js引擎的单线程处理方式有关，每个window一个JS线程。所谓单线程，在某个特定的时刻只有特定的代码能够被执行，并阻塞其它的代码。 由于浏览器是事件驱动的（Event driven），因此浏览器中很多行为是异步（Asynchronized）的，很容易有事件被同时或者连续触发。当异步事件发生时，会创建事件并放入执行队列中，等待当前代码执行完成之后再执行这
2017-07-01 20:31:09
253
转载 js深拷贝和浅拷贝
在 JS 中有一些基本类型像是Number、String、Boolean，而对象就是像这样的东西{ name: 'Larry', skill: 'Node.js' }，对象跟基本类型最大的不同就在于他们的传值方式。基本类型是按值传递，像是这样：在修改a时并不会改到bvar a = 25;var b = a;b = 18;console.log(a);//25console.lo
2017-06-30 20:29:54
691
转载 JavaScript实现继承的方式优化
组合继承将原型链和借用构造函数的技术组合在一块，从而发挥两者之长的一种继承模式。var Parent = function(name){ this.name = name || 'parent';};Parent.prototype.getName = function(){ return this.name;}Parent.prototype.obj = {a:1};
2017-06-30 19:21:11
294
转载 JavaScript 函数参数传递到底是值传递还是引用传递
保存对象的变量，它里面装的值是这个对象在堆内存中的地址。以下是详细分解：数据类型在 JavaScript 中数据类型可以分为两类：原始数据类型值 primitive type，比如Undefined,Null,Boolean,Number,String。引用类型值，也就是对象类型 Object type,比如Object,Array,Function,Date等。
2017-06-20 11:10:31
595
原创 echarts基本使用
项目中要做图形报表，要求使用echarts实现，以前有用过，不过忘得差不多了，现在重新学学。echarts官网提供了源码和说明文档，使用echarts需要先到官网下载需要的js源文件，如果用到主题和地图，也需要到官网进行下载。可以在使用 webpack 的项目中引入和打包 ECharts1.npm 安装 EChartsnpm install echarts --save
2017-06-03 21:03:36
1564
3
转载 JavaScript 中的 this 用法以及 call(apply) 的理解
this是什么this是 JavaScript 中的一个关键字。它用在对象的方法中。this总是指向调用该方法的对象this在对象的方法中var obj = { name : 'object', sayName : function () { alert(this.name); }};obj.sayName(); // objec
2017-04-24 18:58:22
372
1
转载 原生JS写Ajax的请求函数
JS原生ajaxajax：一种请求数据的方式，不需要刷新整个页面；ajax的技术核心是 XMLHttpRequest 对象；ajax 请求过程：创建 XMLHttpRequest 对象、连接服务器、发送请求、接收响应数据；·下面简单封装一个函数，之后稍作解释 ajax({ url: "./TestXHR.aspx", //请求地
2017-04-24 16:33:46
625
原创 【小作品】react构建简单SPA（react+webpack+router+es6）
我将前段时间练手的demo用es6重写，路由使用React Router，使用webpack打包，构成了一个简单的单页面应用。url-loader来打包图片，file-loader来打包MP3文件package.json{ "name": "webpacktest", "version": "1.0.0", "description": "just for webp
2017-04-13 18:43:09
1946
1
原创 【demo】react+webpack音乐播放器
使用react+webpack做了一个简单的音乐播放界面使用H5的audio作为播放器音乐播放时唱片图片顺时针旋转，音乐停止时图片也停止旋转url-loader和file-loader 都是用于打包文件和图片一般限制小图片转 base64 可以用 url-loader，其他情况都用 file-loader。url-loader应该是file-loader上加了一
2017-04-11 10:59:24
2829
1
原创 React-Router 学习笔记
传统开发中的路由，是由服务端根据不同的用户请求地址 URL，返回不同内容的页面，而前端路由则将这些任务通过 JS 在浏览器端完成（前端路由有2种实现方式，一种是html5推出的historyapi，另一种是hash路由，就是常见的 # 号，这种方式兼容性更好）。SPA应用则是前端路由的最佳适用场景，因为它结构简单，只需更新页面部分显示内容也不必每次都从服务端获取内容。react-route
2017-04-08 17:53:13
1106
原创 【demo】React+Webpackt做一个微博发送表单
使用React实现一个微博发送表单表单的需求：（1）输入框获取焦点时，输入框边框变为橙色，右上角显示剩余字数的提示；输入框失去焦点时，输入框边框变为灰色，右上角显示热门微博。（2）输入字数小于且等于140字时，提示显示剩余可输入字数；输入字数大于140时，提示显示已经超过字数。（3）输入字数大于0且不大于140字时，按钮为亮橙色且可点击，否则为浅橙色且不可点击。GitH
2017-04-04 17:33:51
820
原创 【demo】使用React+Webpackt做一个简单的todolist
使用Reactk实现一个简单的todolist，实现基本的增删功能创建项目创建的todo主要采用node包的方式，使用webpack打包初始化项目并创建一些基础文件初始化项目之后，就需要安装所需要的库及其依赖。npm安装方式可以为开发环境或生产选择所安装的依赖。安装完所需要的依赖之后，配置webpack。webpack.config.js:var pat
2017-04-02 10:59:59
2287
1
转载 JavaScript实现类的private、public
定义Js中的类，实际上用的是function，这个语法其实是用来定义函数的。不同于定义函数的是，我们可以在function中通过this.xxx的方式来定义属性和方法。this.xxx只能定义公有属性和方法，那私有属性和方法怎么办呢？这个可以用到js闭包的知识来解决对象可以由初始化对象的方法 -- 构造函数产生。构造函数提供在其他编程语言中类提供的特性，包括静态变量和方法。
2017-04-01 16:39:06
6220
原创 javascript正则检测连续重复字符串
元字符 \1~\9 作用：用来表示前面以匹配的字符或分组的一个引用//一般情况，当我们想匹配任意两个相同的字符(复杂一点就是两个相同的分组)时,往往可以借助下面的写法//说明：//(\w)用来匹配任何除了换行和制表符的字符, 而\1是对(\w)的一个引用, 所以你可以理解成: (\w)\1 就是(\w)(\w)//但是,//(\w)\1 和 (\w)(\w)的不同之处在于, (\
2017-03-31 18:32:40
12711
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人