笔记记录

杂记

JavaScript知识点(二)

23. DOM 操作——怎样添加、移除、移动、复制、创建和查找节点?(1)创建新节点  createDocumentFragment()    //创建一个DOM片段   createElement()   //创建一个具体的元素   createTextNode()   //创建一个文本节点(2)添加、移除、替换、插入appendC

一个DOM元素绑定多个事件时,先执行冒泡还是捕获

一个DOM元素绑定两个事件,一个冒泡,一个捕获,则事件会执行多少次,执行顺序如何。这次不卖关思了,直接给你个答案。不理解你就继续往下看。绑定在被点击元素的事件是按照代码顺序发生,其他元素通过冒泡或者捕获“感知”的事件,按照W3C的标准,先发生捕获事件,后发生冒泡事件。 所有事件的顺序是:其他元素捕获阶段事件 -> 本元素代码顺序事件 -> 其他元素冒泡阶段事件 。addEventListener参数element.addEventL

JavaScript知识点(一)

HTML&CSS:浏览器内核盒模型、flex布局、两/三栏布局、水平/垂直居中;BFC、清除浮动;css3动画、H5新特性。JavaScript:继承、原型链、this指向、设计模式、call, apply, bind,;new实现、防抖节流、let, var, const 区别、暂时性死区、event、loop;promise使用及实现、promise并行执行和顺序执行;async/await的优缺点;闭包、垃圾回收和内存泄漏、数组方法、数组乱序, 数组扁平化、事件委托、事件监听、事件

create-react-app项目打包优化

介绍本文中针对使用create-react-app创建的项目进行项目打包优化,有关Vue项目中的打包优化可以参考Vue-Cli3+eleUI项目打包优化。路由懒加载默认情况下,当下项目根路径下执行npm run build时,create-react-app内部使用webpack将src/路径下的所有代码打包成一个JS文件和一个CSS文件。 当项目代码量过多时,这样就不合适了。 试想,当用户访问登录页面时,浏览器加载的JS文件还包含其他页面的代码,这会延长网页的加载时间,给用户带来不好的体验。

前端导出带样式的Excel,导入Excel (二)

npm install xlsx-style  没有验证,应该差不多npm install js-xlsx  亲自验证import引入报错,提示fs模块错误,修改node_modules中package.json,参考xlsx加入下面代码"browser": {     "buffer": false,     "crypt

前端导出带样式的Excel,导入Excel

插件库

fetch请求获取blob和arraybuffer文件流及核心API使用总结

在项目中使用fetch操作文件流,因为没有用到axios,而且fetch的使用方式和axios还有一定的区别,所以写一篇博文,具体细致的描述下fetch的基本使用。一、Fetch在项目中的基本使用Fetch API提供了一个 JavaScript 接口用于访问和操作HTTP管道的零件,如请求和响应。它还提供了一种全局fetch()方法,可以提供一种简单,合理的方式在网络上异步获取资源。1. 常用基本的json格式响应fetch(url).then(function(response) 

React中map循环,如何给每个元素建立ref

用数组或者对象挂载就行了 this.refs = [ ]; 或者 this.refs = {};{     srcs.map((src, i) => {         const frameStyle = {zIndex: 99 - i}; &n

React 使用browserHistory项目访问404问题解决

RL重写 的问题导致的。下面我们来图形化配置,简单的配置下IIS打开IIS使用 Web平台安装程序搜索 url 关键字,您会看到 直接安装关掉IIS 重新打开IIS在站点右边的控制面板可以看到一个URL重写的功能新增配置如下也可以直接 使用我的配置配置如下 关键节点是: rewrite<?xml version="1.0" encoding="UTF-8"?> <co

react-router browserHistory刷新页面404问题解决方法

使用React开发新项目时,遇见了刷新页面,直接访问二级或三级路由时,访问失败,出现404或资源加载异常的情况,本篇针对此问题进行分析并总结解决方案。背景使用webpack-dev-server做本地开发服务器时,正常情况只需要简单使用webpack-dev-server指令启动即可,但是当项目处于以下两种情况时,往往需要有嵌套路由和异步加载路由:我们使用react-router这种路由库构建单页面应用路由;使用html-webpack-plugin插件动态将加载js的<script>

Powered By Z-BlogPHP 1.5.2 Zero

Copyright Your WebSite.Some Rights Reserved.