2020-10-10 10:39:30
23. DOM 操作——怎样添加、移除、移动、复制、创建和查找节点?(1)创建新节点 createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点(2)添加、移除、替换、插入appendC
2020-10-09 16:54:08
一个DOM元素绑定两个事件,一个冒泡,一个捕获,则事件会执行多少次,执行顺序如何。这次不卖关思了,直接给你个答案。不理解你就继续往下看。绑定在被点击元素的事件是按照代码顺序发生,其他元素通过冒泡或者捕获“感知”的事件,按照W3C的标准,先发生捕获事件,后发生冒泡事件。
所有事件的顺序是:其他元素捕获阶段事件 -> 本元素代码顺序事件 -> 其他元素冒泡阶段事件 。addEventListener参数element.addEventL
2020-10-09 15:06:05
HTML&CSS:浏览器内核盒模型、flex布局、两/三栏布局、水平/垂直居中;BFC、清除浮动;css3动画、H5新特性。JavaScript:继承、原型链、this指向、设计模式、call, apply, bind,;new实现、防抖节流、let, var, const 区别、暂时性死区、event、loop;promise使用及实现、promise并行执行和顺序执行;async/await的优缺点;闭包、垃圾回收和内存泄漏、数组方法、数组乱序, 数组扁平化、事件委托、事件监听、事件
2020-09-30 10:41:25
介绍本文中针对使用create-react-app创建的项目进行项目打包优化,有关Vue项目中的打包优化可以参考Vue-Cli3+eleUI项目打包优化。路由懒加载默认情况下,当下项目根路径下执行npm run build时,create-react-app内部使用webpack将src/路径下的所有代码打包成一个JS文件和一个CSS文件。 当项目代码量过多时,这样就不合适了。 试想,当用户访问登录页面时,浏览器加载的JS文件还包含其他页面的代码,这会延长网页的加载时间,给用户带来不好的体验。
2020-04-19 20:24:37
npm install xlsx-style 没有验证,应该差不多npm install js-xlsx 亲自验证import引入报错,提示fs模块错误,修改node_modules中package.json,参考xlsx加入下面代码"browser": {
"buffer": false,
"crypt
2020-04-04 13:30:58
在项目中使用fetch操作文件流,因为没有用到axios,而且fetch的使用方式和axios还有一定的区别,所以写一篇博文,具体细致的描述下fetch的基本使用。一、Fetch在项目中的基本使用Fetch API提供了一个 JavaScript 接口用于访问和操作HTTP管道的零件,如请求和响应。它还提供了一种全局fetch()方法,可以提供一种简单,合理的方式在网络上异步获取资源。1. 常用基本的json格式响应fetch(url).then(function(response)
2020-03-11 16:01:55
用数组或者对象挂载就行了 this.refs = [ ]; 或者 this.refs = {};{
srcs.map((src, i) => {
const frameStyle = {zIndex: 99 - i};
&n
2020-03-03 15:02:52
RL重写 的问题导致的。下面我们来图形化配置,简单的配置下IIS打开IIS使用 Web平台安装程序搜索 url 关键字,您会看到 直接安装关掉IIS 重新打开IIS在站点右边的控制面板可以看到一个URL重写的功能新增配置如下也可以直接 使用我的配置配置如下 关键节点是: rewrite<?xml version="1.0" encoding="UTF-8"?>
<co
2020-03-03 15:01:18
使用React开发新项目时,遇见了刷新页面,直接访问二级或三级路由时,访问失败,出现404或资源加载异常的情况,本篇针对此问题进行分析并总结解决方案。背景使用webpack-dev-server做本地开发服务器时,正常情况只需要简单使用webpack-dev-server指令启动即可,但是当项目处于以下两种情况时,往往需要有嵌套路由和异步加载路由:我们使用react-router这种路由库构建单页面应用路由;使用html-webpack-plugin插件动态将加载js的<script>