- 博客(17)
- 收藏
- 关注
RSS订阅
1原创 Cpo 3.1.0 review
Cpo 3.1.0 review2021-11-25问题产生原因：1、不能更加全面的思考到问题可能出现的情景例如在来回切换分组时，就没有能完全的清除到所用的全部参数，亦或 没有能够考虑完全更新数组长度的实际情况。2、编写代码之后不能完全review到自己所出现的问题例如，在修复一个问题之后可能会出现新的问题引入，可能是错误修改了一个字段名，或者去除了不应该去除掉的字段。3、需求不明确或者变动例如，系统维度在最开始说是不用变动，到后来需要进行不同类型的互斥校验，到最后的保持统一，在不明确的需求
2021-11-25 17:29:31
162
原创 MutationObserver动态监视一个元素的变化
动态监视一个元素的变化最近有点反应不过来了，遮罩层不会写了，但是想到了动态监视元素的某个属性的变化来回去到值，找掉了Mutation Observer API 这个东西，是原生的API，具体详细的可以看这里，有详细的解读，我这用了jQuery，不喜欢的可以自己改一下，原文大佬文章在这百度到都是window.onresize，没找到对单个元素的监听，下面是大牛推荐的方法: MutationObserver<!DOCTYPE html><html lang=""><he
2021-07-15 10:58:25
299
转载 Lodash的零碎学习分享
_.flatMap(collection, [iteratee=_.identity])创建一个扁平化（注：同阶数组）的数组，这个数组的值来自collection（集合）中的每一个值经过 iteratee（迭代函数） 处理后返回的结果，并且扁平化合并。 iteratee 调用三个参数： (value, index|key, collection)。参数collection (Array|Object): 一个用来迭代遍历的集合。[iteratee=_.identity] (Array
2021-06-16 10:49:06
120
原创 “Cannot read property ‘push‘ of undefined”问题的解决方法
app.jsx内容如下import React, { Component } from 'react'import AddPerson from './containers/AddPerson'import ShowPerson from './containers/ShowPerson'import EditPerson from './containers/EditPerson'import { Route, Redirect, Switch } from 'react-router'im
2021-04-28 10:08:59
1923
原创 对于browserouter路由刷新是会出现can not get /路径名
问题对于BrowseRouter路由刷新是会出现can not get /路径名解决办法修改webpack.config.js文件，在output中添加publicPath:'/'devServer中加上historyApiFallback: true
2021-04-26 18:36:31
202
转载 关于学习react-router的总结
一、todoList案例相关知识点 1.拆分组件、实现静态组件，注意：className、style的写法 2.动态初始化列表，如何确定将数据放在哪个组件的state中？ ——某个组件使用：放在其自身的state中 ——某些组件使用：放在他们共同的父组件state中（官方称此操作为：状态提升） 3.关于父子之间通信： 1.【父组件】给【子组件】传递数据：通过props传递 2.【子组件】给【父组件】传递数据：通过props传递，要求父提前给子传递一个函数 4.注意defa
2021-04-21 16:38:42
70
原创 Invalid configuration object.Webpack has been initialized using a
题目："Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema."出现错的解决办法@babel/[email protected]将这个包下载下来，对于webpack.config.js进行如下配置{ test: /\.(js|jsx)$/,
2021-04-16 18:33:02
1145
原创 webpack中img进行处理
在webpage中会需要对img进行处理，比如说在css或者less中引入html { padding: 0; margin: 0; background-color: pink;}#d1 { width: 300px; height: 300px; background-image: url(./img/1.jpg); }此时我们只需要在webpack.config.js中进行如下操作即可const { resolve } = require("path");co
2021-04-09 13:29:25
347
原创 webpack入门学习总结
原作者 原视频一、Webpack 简介1.1 webpack 是什么webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。在webpack 看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。1.2 webpack 五个核心概念1.2.1 Entry入口(Entry)：指示 webpack 以哪个文件为入口起点开始
2021-04-08 14:05:01
71
原创 js跨域问题的解决方式
JavaScript跨域问题的解决方式首先我们要了解什么是跨域？当一个请求url的 协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。JSONP (JSON with Padding)通过动态创建 script，再请求一个带参网址实现跨域通信。CORS (跨域资源共享)CORS的基本思想就是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定请求或响应是应该成功还是失败。普通跨域请求：只需服务端设置 Access-Control-Allow-Origin 即可，前端无须设置，
2021-03-21 12:19:49
394
原创 JavaScript的可迭代对象
JavaScript的可迭代对象1）数组Arrays console.log([][Symbol.iterator]) for(let x of ['a','b']) console.log(x)2）字符串Stringsconsole.log(""[Symbol.iterator])for(let x of "abc") console.log(x) 3）Maplet map = new Map().set('a', 1).set('b', 2);console
2020-11-30 23:10:51
247
原创 some以及every的区别
扩展方法everyevery 用于递归的检测元素，要所有元素操作都要返回真结果才为真。查看班级中同学的JS成绩是否都及格const user = [ { name: "李四", js: 89 }, { name: "马六", js: 55 }, { name: "张三", js: 78 }];const resust = user.every(user => user.js >= 60);console.log(resust);标题的关键词检查let words
2020-11-30 20:20:19
1011
原创 2020-11-30错题分享
let arr = [1, 3, 2, 4, 99];arr = arr.sort((a, b) => { return a - b;});console.log(arr);var data = [10, 20, 30];data.unshift(40, 50); console.log(data);data.pop(); console.log(data);data.push(60, 70);data.shift();var A = { n: 4399 };var B
2020-11-30 10:14:20
108
原创 js实现继承的方式
一、JavaScript 的继承在 JavaScript 中由于函数没有签名也就无法实现接口继承，而只支持实现继承，而且实现继承主要通过原型链来实现的。先引述下官方文档对于原型链的描述：其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。要理解这个概念要先弄清楚构造函数，原型，和实例的关系：每个构造函数（只要是函数）都有一个 prototype 属性该属性指向一个对象（这个对象就是构造函数的原型对象）；原型对象（只要是对象）中都有一个 constructor 属性该属性指向一个构造函数；而
2020-11-28 09:47:29
209
原创 回流（reflow）和重绘（repaint）
简要：整个在浏览器的渲染过程中（页面初始化，用户行为改变界面样式，动画改变界面样式等）reflow(回流)和repaint(重绘) 会大大影响web性能，尤其是手机页面。因此我们在页面设计的时候要尽量减少reflow和repaint。什么是reflow和repaint（原文链接：http://www.cnblogs.com/Peng2014/p/4687218.html）reflow：例如某个子元素样式发生改变，直接影响到了其父元素以及往上追溯很多祖先元素（包括兄弟元素），这个时候浏览器要重新去渲染这个
2020-11-27 20:48:10
119
原创 Javascript中创建对象的方法
前提引入~一个人称小仙女的妹子和一个苦逼埋头敲代码的程序猿的对话：妹子：你缺对象吗程序猿：缺对象还不简单么，自己创建一个就好了所以在座的各位没有对象的，赶快new起来。思考：如何创建对象？？？new 操作符 + Object 创建对象var person = new Object(); person.name = "lisi"; person.age = 21; person.family = ["lida","lier","wangwu"]; person.
2020-10-29 10:47:42
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人