- 博客(32)
- 收藏
- 关注
原创 防抖与节流基本思路
```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 336
原创 握手的简单记录
tcp为什么是三次握手而不是两次握手主要是为了防止第一次握手时超时,导致二次握手成功后,已经在连接状态而超时后会再次发出握手请求,这样相当于连接了两次,造成资源浪费tcp四次握手可以不每次握手都是对收到上次握手的确认,却不能保证本次握手就能顺利到达。换句话说,握手发出的那一刻,只能说明上一次消息传递是顺畅的,却不能保证现在网络是畅通的。所以陷入死循环,无论多少次握手,严格意义上来说都不...
2020-03-01 15:37:21 207
原创 记录一个H5的margin兼容性问题
正确写法width: 100%;padding: .5rem;box-sizing: border-box;错误写法width: 9.8rem;margin: .63rem auto .37rem;
2020-02-11 17:59:22 291
原创 使用装饰者模式实现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 143
原创 null只有和null和undefined比较才会返回true
什么是null,undefinedjavascript高级程序设计:使用var声明变量但未对其加以初始化时这个变量的值是undefined。null值则是表示空对象指针。所以typeof null返回objecttypeof undefined // undefinedtypeof null // objectnull只有和null和undefined比较才会返回tru...
2020-01-15 13:43:11 839
原创 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 319
原创 getDerivedStateFromProps的简单用法
static getDerivedStateFromProps(nextProps, state) {//在getDerivedStateFromProps里不能使用this if (nextProps.navIndex !== state.navIndex) { return { navIndex: nextProps.navIndex ...
2019-12-26 16:17:01 2407 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 945
原创 safari 浏览器 JSON Parse error: Unterminated string
本人用的windows系统,在别的浏览器上都没报错,在safari上直接白屏,报JSON Parse error: Unterminated string之后参考 https://blog.csdn.net/qq_26834399/article/details/80493586 后才知道Safari不允许非ASCII码作为cookie的值存储,也就是不能存储汉字,之后用本地存储localS...
2019-12-25 11:52:41 1191
原创 通过普通函数调用获取实例
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 166
原创 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 142
原创 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 280
原创 避免构造函数的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 136
原创 通过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 1588
原创 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 12458
原创 promise的一些特点
promise基本概念//resolve进入then,reject进入catchnew Promise(function (resolve, reject) { resolve(123);}).then(function (res) { console.log(res)//123})new Promise(function (resolve, reject) { ...
2019-12-10 10:46:08 335
原创 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 687
原创 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 246
原创 express根据token获取用户id
//登陆时注册tokendb.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 2541
原创 在ios下报Unhandled promise rejection,window无报错导致白屏
公司的的后端接口未登录是直接返回一个401错误的,我在window上只写then没有catch是没有问题的,但是在ios上就会报错白屏;这就需要写catch处理,这样在ios下就会继续运行;解决问题很简单,但是找问题很麻烦...
2019-11-14 11:37:36 774
原创 react 引入eslint
npm install --save-dev eslint-loader eslint eslint-plugin-react babel-eslint npm install --save-dev eslint-config-airbnb//webpack.config.jsrules:[{//匹配所有以js或者jsx结尾的文件,并用 babel-preset-env和bab...
2019-11-08 10:50:24 251
原创 手写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 133
原创 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 737
原创 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 916
原创 使用mockjs创建假数据
npm install mockjs 创建mock文件夹,在mock文件夹下创建1.js1.jsimport Mock from 'mockjs' // 引入mockjsexport default Mock.mock('/postdata1','post',{ success: true, message: '@cparagraph', // 属性 list 的...
2019-08-19 11:04:16 944
原创 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 129
原创 个人理解的异步
这篇文章是我看了多篇博客后自己的归纳总结:给有需要的朋友一些帮助:什么是同步,什么是异步简单表达就是同步任务指的是,在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务;异步任务指的是,不进入主线程、而进入"任务队列"(task queue)的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。当然这篇文章主要是讲异步的详情首先要了解一个知...
2019-05-16 21:55:52 99
原创 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 6216
原创 一文读懂异步在for循环下的不同表现
// var出的变量是函数级作用域,// 作用范围是在函数开始阶段和函数执行完成之前内都是存在的;并且如果该函数内部还存在匿名函数等特殊函数,这个var出的变量在匿名函数中任然可以用; // let出的变量作用域是 块作用域,在离开某一代码块,该变量就会被销毁不存在. //这段代码的步骤简述//0.创建一个var i到顶部,这个时候的i是个全局变量,因此只有一个全局变量i,此处可以了...
2019-03-15 20:01:48 212
原创 for循环时var变量的作用域情况
var的作用范围是在函数开始阶段和函数执行完成之前都是存在的1.在非函数的情况下使用var 来for循环,此时的var会变成 全局变量for(var i=0;i<5;i++){} console.log(i)//5function fn(i) { console.log(i)}fn(i)//52.在函数内用var 来for循环,此时的function fn1() { ...
2019-03-13 15:59:49 1504
原创 box-sizing与盒模型
标准盒模型:width+padding+border+marginie盒模型:width(contentWidth+padding+border)+marginbox-sizing兼容性:Internet Explorer、Opera 以及 Chrome 支持 box-sizing 属性。Firefox 支持替代的 -moz-box-sizing 属性。box-sizing语法:box...
2019-03-12 13:21:41 384
原创 作用域之全局变量和局部变量
啥是作用域:一句话概括就是变量和函数的可访问范围作用域分为三种:全局作用域(全局变量),局部作用域(局部变量),块级作用域(es6新增)什么是全局变量(在函数外定义的变量)什么是局部变量(在函数内定义的变量)为什么刚学习js的时候都说要少用全局变量呢?因为全局变量可以被每个函数调用,可能不经意的修改就影响到其他函数var num=1;if(1==1){ var num=2; ...
2019-03-10 16:45:04 3490
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人