- 博客(32)
- 收藏
- 关注
RSS订阅原创 防抖与节流基本思路
```javascript <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-s...
2020-05-01 01:24:13
439
原创 握手的简单记录
tcp为什么是三次握手而不是两次握手 主要是为了防止第一次握手时超时,导致二次握手成功后,已经在连接状态 而超时后会再次发出握手请求,这样相当于连接了两次,造成资源浪费 tcp四次握手可以不 每次握手都是对收到上次握手的确认，却不能保证本次握手就能顺利到达。换句话说， 握手发出的那一刻，只能说明上一次消息传递是顺畅的，却不能保证现在网络是畅通的。 所以陷入死循环，无论多少次握手，严格意义上来说都不...
2020-03-01 15:37:21
293
原创 记录一个H5的margin兼容性问题
正确写法 width: 100%;padding: .5rem;box-sizing: border-box; 错误写法 width: 9.8rem;margin: .63rem auto .37rem;
2020-02-11 17:59:22
403
原创 使用装饰者模式实现ajax loading效果
var myajax = $.ajax; $.ajax = function (params) { alert('load') myajax.call(this, params) } $.ajax({ url: 'http://xuexi.hzcqt.com/api/v1/jpkc/course/category_tree.xhtml', type: "GET",...
2020-01-30 23:27:50
215
原创 null只有和null和undefined比较才会返回true
什么是null,undefined javascript高级程序设计： 使用var声明变量但未对其加以初始化时这个变量的值是undefined。 null值则是表示空对象指针。 所以typeof null返回object typeof undefined // undefined typeof null // object null只有和null和undefined比较才会返回tru...
2020-01-15 13:43:11
940
原创 js执行顺序一步步解析
var set1=setTimeout(function () { console.log('s1') var p0=new Promise(function (resolve, reject) { resolve(789); }).then(function (res) { console....
2020-01-10 14:20:47
400
原创 getDerivedStateFromProps的简单用法
static getDerivedStateFromProps(nextProps, state) { //在getDerivedStateFromProps里不能使用this if (nextProps.navIndex !== state.navIndex) { return { navIndex: nextProps.navIndex ...
2019-12-26 16:17:01
2573
1
原创 个人对antd的axios封装
import axios from 'axios'; import qs from 'qs'; import {ant} from '../store'; const service = axios.create({ // baseURL:'/', //api的baseurl timeout:5000 //请求超时时间 }) function getTokenByL...
2019-12-25 17:30:18
1087
原创 safari 浏览器 JSON Parse error: Unterminated string
本人用的windows系统,在别的浏览器上都没报错,在safari上直接白屏,报 JSON Parse error: Unterminated string 之后参考 https://blog.youkuaiyun.com/qq_26834399/article/details/80493586 后才知道 Safari不允许非ASCII码作为cookie的值存储,也就是不能存储汉字,之后用本地存储localS...
2019-12-25 11:52:41
1330
原创 通过普通函数调用获取实例
let a=(function(){//函数自执行后返a=function(){return new Fn()} function Fn(){ this.customAlert=function(){ alert(1) } }; return function(){ return new Fn() ...
2019-12-24 17:48:58
245
原创 jquery的ready与原生onload的区别
window.onload=function(){ console.log(111) } window.onload=function(){ console.log(222) } $(document).ready(function(){ console.log(333) }) $(document).ready(function(){ console.log...
2019-12-24 13:34:49
235
原创 this指向注意点
下面的两段代码完美的说明了this指向,谁调用指向谁 var length=10; function fn() { console.log(this.length) } var obj={ length:11, arr:[fn,'222','222','111'], q:function () {//这里是this.arr也就是arr这个数组调用,所以返回了数组长...
2019-12-16 16:35:35
376
原创 避免构造函数的constructor被替换
function Aaa(){ } Aaa.prototype.name = 'hello'; Aaa.prototype.age = '30' var a1 = new Aaa(); alert( a1.constructor );//Aaa //这种写法是json对prototype的覆盖 Aaa.prototype = { name : 'hello', age : 30 }; v...
2019-12-15 21:29:18
204
原创 通过getElementsByTagName具体是怎么更改dom属性的
<body> <p>111</p> <p>222</p> <p>333</p> <script> var p=document.getElementsByTagName('p'); console.log(typeof p)//object // 0: p // 1: p // ...
2019-12-15 21:19:04
1757
原创 antd ConfigProvider全局化配置转换为中文
import React from 'react'; import ReactDOM from 'react-dom'; import Routes from './router/index'; import zhCN from 'antd/es/locale/zh_CN'; import { ConfigProvider } from 'antd'; import 'moment/locale/...
2019-12-10 11:51:00
12639
原创 promise的一些特点
promise基本概念 //resolve进入then,reject进入catch new Promise(function (resolve, reject) { resolve(123); }).then(function (res) { console.log(res)//123 }) new Promise(function (resolve, reject) { ...
2019-12-10 10:46:08
424
原创 react 微信公众平台实现支付功能
注意点 1.window.WeixinJSBridge.invoke 在编辑器里面是会报错的,请无视,要在微信上才能测试 2.支付成功后注意this指向 let that=this; jpkc.h5_single_buy(this.props.match.params.id).then(res => { let result = res.data[0]; window.Wei...
2019-12-06 17:15:18
801
原创 react 快速获取input 值
getComment=({ target: { value } })=>{ console.log(value) this.props.callback(value); } render() { return ( <div className='Activity__container'> <input onCha...
2019-12-06 12:49:35
308
原创 express根据token获取用户id
//登陆时注册token db.query(`select * from user where name=${username} and password='${password}'`, (result) => { if (result.length == 1) { //jwt.sign({userId:result[0].id} 在注册的时候加入用户id ...
2019-11-20 18:13:41
2896
原创 在ios下报Unhandled promise rejection,window无报错导致白屏
公司的的后端接口未登录是直接返回一个401错误的,我在window上只写then没有catch是没有问题的,但是在ios上就会报错白屏; 这就需要写catch处理，这样在ios下就会继续运行; 解决问题很简单,但是找问题很麻烦 ...
2019-11-14 11:37:36
901
原创 react 引入eslint
npm install --save-dev eslint-loader eslint eslint-plugin-react babel-eslint npm install --save-dev eslint-config-airbnb //webpack.config.js rules:[ {//匹配所有以js或者jsx结尾的文件，并用 babel-preset-env和bab...
2019-11-08 10:50:24
300
原创 手写each,以及个人对call的理解
var arr = [2, 3, 1, 4324234, 213]; //我(callback) 啥家务都不会, //用call 就请了个保姆(arr)做家务, //arr保姆不止会做家务,顺便还能帮我照看小孩,以及倒垃圾 //第一个arr[i] 每当我不想动的时候就让保姆干活 //第二个arr[i] 做完后给我个标准格式的答复 function each(arr, callback) { ...
2019-11-06 23:16:58
192
原创 react用hover操作animate.css
import React from 'react' class Index extends React.Component { constructor(props) { super(props); this.state = { itemHoverIndex:'', demo:[{},{},{}] ...
2019-11-06 18:15:38
831
原创 react pc端下拉加载
import React from 'react' import {article} from '../../api' import './index.scss' import debounce from 'lodash/debounce'; export default class Index extends React.Component { constructor(props) {...
2019-10-31 13:24:33
1008
原创 使用mockjs创建假数据
npm install mockjs 创建mock文件夹,在mock文件夹下创建1.js 1.js import Mock from 'mockjs' // 引入mockjs export default Mock.mock('/postdata1','post',{ success: true, message: '@cparagraph', // 属性 list 的...
2019-08-19 11:04:16
1048
原创 webpack安装react
初始化 npm install --save-dev webpack npm init -y npm install webpack webpack-cli --save-dev 在package.json 里面+ “private”: true,确保我们安装包是私有的(private)，并且移除 main 入口。这可以防止意外发布你的代码。 安装一些必备的插件,详情可以看官网 ...
2019-08-08 16:40:42
181
原创 个人理解的异步
这篇文章是我看了多篇博客后自己的归纳总结:给有需要的朋友一些帮助: 什么是同步,什么是异步简单表达就是 同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务； 异步任务指的是，不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。 当然这篇文章主要是讲异步的详情 首先要了解一个知...
2019-05-16 21:55:52
163
原创 promise和async中断或取消的办法
promise和async取消的办法:return 一个空的promise 直接return 一个false是没有效果的 async fn1() { await articleItems().then(res => {return false}) await articleItems().then(res => {console.log(3)}) console.log(4...
2019-03-22 22:35:23
6682
原创 一文读懂异步在for循环下的不同表现
// var出的变量是函数级作用域, // 作用范围是在函数开始阶段和函数执行完成之前内都是存在的;并且如果该函数内部还存在匿名函数等特殊函数,这个var出的变量在匿名函数中任然可以用; // let出的变量作用域是 块作用域,在离开某一代码块,该变量就会被销毁不存在. //这段代码的步骤简述 //0.创建一个var i到顶部,这个时候的i是个全局变量,因此只有一个全局变量i，此处可以了...
2019-03-15 20:01:48
289
原创 for循环时var变量的作用域情况
var的作用范围是在函数开始阶段和函数执行完成之前都是存在的 1.在非函数的情况下使用var 来for循环，此时的var会变成 全局变量 for(var i=0;i<5;i++){ } console.log(i)//5 function fn(i) { console.log(i) } fn(i)//5 2.在函数内用var 来for循环，此时的 function fn1() { ...
2019-03-13 15:59:49
1612
原创 box-sizing与盒模型
标准盒模型：width+padding+border+margin ie盒模型：width（contentWidth+padding+border）+margin box-sizing兼容性： Internet Explorer、Opera 以及 Chrome 支持 box-sizing 属性。 Firefox 支持替代的 -moz-box-sizing 属性。 box-sizing语法： box...
2019-03-12 13:21:41
458
原创 作用域之全局变量和局部变量
啥是作用域：一句话概括就是变量和函数的可访问范围 作用域分为三种：全局作用域（全局变量），局部作用域（局部变量），块级作用域（es6新增） 什么是全局变量（在函数外定义的变量） 什么是局部变量（在函数内定义的变量） 为什么刚学习js的时候都说要少用全局变量呢？因为全局变量可以被每个函数调用，可能不经意的修改就影响到其他函数 var num=1; if(1==1){ var num=2; ...
2019-03-10 16:45:04
3680
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人