- 博客(60)
- 资源 (2)
- 收藏
- 关注
转载 js脚本一定会阻塞浏览器渲染文档吗?
不一定。浏览器对script脚本的解析逻辑如下:分两种情形:情形1: 页面中引入的script脚本会阻塞浏览器解析渲染文档由于浏览器解析文档是从上往下顺序执行,当遇到script标签时,也同其他标签一样解析后才会往下走,所以默认是阻塞的。注意,如果我们的script脚本是放在页面底部的内联脚本,那么它对文档的解析渲染,在结果上影响不大。但如果script脚本是外部脚本(通过网址引入的那种),那么这个脚本需要下载和解析执行, 这期间会阻塞浏览器对文档的向下解析渲染,直至脚本下载执行完成,才会继续向
2022-05-25 10:40:06
720
转载 nrm的使用
介绍nrm(npm registry manager) 是npm的镜像源管理工具. 有时候国外资源太慢,使用nrm可以快速的在npm源之间切换安装> npm install -g nrm基本使用查看可使用的源nrm ls切换镜像源–切换到 npm 镜像源nrm use npm增加镜像源nrm add registry 【url】删除对应的源nrm del 【registry】测试镜像源的速度nrm test npm# 1. 查看可使用的源>
2022-03-06 14:42:51
256
转载 【无标题】
let => const// badlet result = false;if (userInfo.age > 30) { result = true;}//////////////////////////////////// goodconst result = userInfo.age > 30;有条件地向对象添加属性// 展开运算符来有条件地向对象中添加属性const condition = true;const person = { id: 1,
2022-01-07 13:47:37
61
原创 动态组件的动态传参
template 部分代码实现:<component :is="cpn" v-bind="handleProps(a)"/><-- or --><component :is="cpn" v-bind="handleProps(a)" > <slot /> </component>vuejs 部分代码实现:data{ return { a: 0, b: false }}*******met
2021-12-23 11:38:59
915
原创 scss公共变量使用
scss文件 - 使用 :export 进行导出$blue: #123456;$width: 100px;:export { blue: $blue; width: $width;}vue文件 - 导入使用变量import a from '@/assets/styles/a.scss'...console.log(a.blue, a.width)
2021-12-23 11:16:51
707
原创 vue3.0整理
Composition(组合)APIsetup函数ref 和 reactivecomputed 和 watch新的生命周期函数provide 与 inject…新组件Fragment - 文档碎片Teleport - 瞬移组件的位置Suspense - 异步加载组件的loading界面响应式比较 vue2 和 vue3 的响应式vue2 响应式核心对象:通过defineProperty对对象的已有属性值的读取和修改进行劫持(监视 / 拦截)数组:通过重写数组更新数
2021-05-02 19:33:43
361
转载 npm ERR! Error: EPERM: operation not permitted
在学习vue+typescript的时候,突然报了以下错误$ npm installnpm WARN tarball tarball data for typescript@3.0.3 (sha1-SFOz4nXs2qJ/eP2kbcJzp+t/wcg=) seems to be corrupted. Trying one more time.npm ERR! path E:\vue-typescript\node_modules\.staging\typescript-10ba8b53\lib\t
2021-05-02 13:23:07
854
转载 ts整理
[原文链接](https://juejin.cn/post/6926794697553739784#heading-28) [【区分】 ts中的type 与 interface](https://www.cnblogs.com/EnSnail/p/11233592.html)
2021-05-01 16:12:08
834
转载 js数组的迭代于归并
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2021-03-12 17:36:24
68
原创 创建Koa2项目
创建全局安装 koa2 脚手架npm i -g koa-generator创建koa2项目koa2 -e myKoa2进入myKoa2,安装依赖项npm i运行项目npm run dev
2021-03-10 10:46:41
306
转载 JavaScript深入之类型判断
提到类型判断大家首先想到的肯定是typeof和instanceof,其实还有一种不错的判断类型的方法,就是Object.prototype.toString,下面我们先来聊一聊它们的实现原理。typeoftypeof 可以用于判断number,string,object,boolean,function,undefined,symbol这些类型。我们都知道,typeof 在用于判断一个object类型的数据时,只能告诉我们这个数据是object,而不能具体知道是哪一种object。 cons.
2021-03-01 17:10:33
100
原创 单例模式
单例模式定义:一个构造函数只能生成一个实例。应用 : 自定义弹出层核心代码: let instance = null function singleton(){ if(!instance) instance = 实例对象 return instance }案例: function Person(){ this.name = 'jack' } let instance = null function singleton(){ if(!insta
2021-03-01 10:14:57
53
原创 算法-集合
笛卡尔积设A、B为集合,用A中的元素x作第一元素,B中的元素y作第二元素,构成有序对,所有这样的有序对组成的集合,叫做A和B的笛卡儿积,记做A×B。简单的说就是两个集合相乘的结果。洗牌算法本质是让一个数组内的元素随机排列。类似于洗牌,将所有牌的位置打乱,让他们随机出现在任何位置。从牌堆里随便抽一张出来,然后放在一边,之后从剩下的牌里重复之前的操作,直到所有牌都被抽出来放到了另一堆中。抽象到代码世界,按相同的做法,就是随机从数组里取出一个元素,保存到另一个数组,然后重复之,直到原数组中所有元素都处
2021-02-23 14:39:22
454
原创 算法-数学
斐波那契数该数列由 0 和 1 开始,规则是第三个数为前两个数的和:F(0) = 0,F(1) = 1F(n) = F(n - 1) + F(n - 2),其中 n > 1js获取斐波那契数列中下列为n的元素 function fib(n) { const numbers = [1, 1] //初始前两个数为默认,所以从2开始,n+1是因为要获取最到一个数,我们的数组是从下标开始的 for (let i = 2; i < n + 1; i++) {
2021-02-23 13:46:19
140
转载 数据结构
链表一个链表是数据元素的线性集合, 元素的线性顺序不是由它们在内存中的物理位置给出的。 相反, 每个元素指向下一个元素。它是由一组节点组成的数据结构,这些节点一起,表示序列。双向链表一个 双向链表(doubly linked list) 是由一组称为节点的顺序链接记录组成的链接数据结构。每个节点包含两个字段,称为链接,它们是对节点序列中上一个节点和下一个节点的引用。开始节点和结束节点的上一个链接和下一个链接分别指向某种终止节点,通常是前哨节点或null,以方便遍历列表。如果只有一个前哨节点,则列表通
2021-02-23 10:50:44
244
转载 package.json配置文件
新建package.json在控制台输入npm init,填写信息,然后一路回车即可。字段描述dependencies指定了项目运行所依赖的模块,开发环境和生产环境的依赖模块都可以配置到这里devDependencies开发环境依赖scripts脚本缩写配置config配置脚本中使用的环境变量main程序入口homepage模块主页repository模块仓库地址license协议/*生产环境依赖 */"depen.
2021-02-20 16:29:46
121
转载 vue3.0重点
vue3.0中文官网应用实例 & 组件实例:Vue3 以 Vue.createApp 创建 vue实例的【不是 Vue2 的new Vue 创建】,参数就是 根组件实例。const app = Vue.createApp({ /* 选项 */ })应用实例暴露的大多数方法都会返回该同一实例,允许链式:Vue.createApp({}) .component('SearchInput', SearchInputComponent) .directive('focus', Focus
2021-02-19 14:05:38
178
转载 export default和export导出的区别
export default 和 export 区别:export与export default均可用于导出常量、函数、文件、模块等你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用在一个文件或模块中,export、import可以有多个,export default仅有一个通过export方式导出,在导入时要加{ },export default则不需要1.export//a.jsexport const str =
2021-02-07 14:01:47
484
转载 命名规范
命名规范变量命名全局变量避免使用前后置下划线,一般前置下划线是私有变量命名布尔值一般用 is + 词义配置,选项等类型,可以用 withXxx、hasXxx 来标识是否有某个属性等,enableXxx 来表示是否开启配置小驼峰命名习惯使用业界习惯的命名标识,或者是约定俗成的书写习惯。常量全部使用大写字母,单词之间采用 _ 分割方法动词 + 名次类的组合命名方式操作类方法 fetchXxx,getXxx,当需要根据某些属性获取数据时可用 ,getXxxByYxx 这类的命名删
2021-02-05 10:24:06
106
原创 react脚手架文件目录结构解析
public — 静态资源文件夹favicon.icon — 网站偏爱图标index.html — 主页面logo192.png — logo图logo512 — logo图manifest.json — 应用加壳的配置文件robots.txt — 爬虫协议文件src — 源码文件夹App.css — App组件的样式App.js — App组件App.test.js — 给App测试index.css — 样式index.js — 入口文件logo.svg — logo图
2021-01-22 17:07:25
560
原创 高阶函数和函数的柯里化
高阶函数如果一个函数符合以下2个规范的其中一个,就是高阶函数参数是函数调用的返回值是函数函数的柯里化通过函数调用继续返回函数的方式,实现多次接收参数最后统一处理的函数编码方式插曲//#region由这个包裹的内容可以一整块进行折叠//#endregion...
2021-01-22 11:14:41
51
原创 react组件简单介绍
调试工具:React Developer Tools组件函数式组件function Demo(){ return <h2>我是函数定义的组件(适用于【简单组件】的定义)</h2>}ReactDOM.render(<Demo />,document.getElementById('test'))注意:函数名必须大写,函数必须要有返回值,必须定义组件标签类式组件//1 创建类式组件class MyComponent extends React.
2021-01-21 18:35:28
97
原创 js语句(代码)和js表达式
表达式(左侧定义一个变量,可以接收的):一个表达式会产生一个值,可以放在任何一个需要值的地方。 以下都是表达式:aa+bdemo(1)arr.map()function test(){}语句(代码):以下if(){}for(){}switch(){}...
2021-01-21 13:53:35
143
原创 jsx语法规则
定义虚拟DOM时,不要写引号标签中混入js表达式要用{}样式的类名指定不要用class,用className内联样式,要用{{key:value}}的形式去写只有一个根标签标签必须闭合标签首字母若小写字母开头,则将该标签转化为html中的同名元素,若html中无标签对应的同名元素,则报错若大写字母开头,react就去渲染对应的组件,若组件没有定义,则报错...
2021-01-21 11:18:10
67
原创 mongoose
通过关系型数据库的思想来设计非关系型数据库,基于MongoDB1. 安装npm i mongoose --save2. 引入并连接数据库const mg = require('mongoose');mg.connect('mongodb://admin:1234@loacalhost:27017/eggcms');3. 定义Schema理解为表的结构,每个schema会映射到一个collection,它不具备操作数据库的能力let uSm = mongoose.Schema({ nam
2021-01-14 09:54:28
92
转载 js中的内部、实例、成员、静态方法
js中的内部、实例、成员、静态方法function foo(name){ this.name=name; // 实例方法 this.GetName=function(){ console.log("my name is "+name); GetId(); } // 内部方法 var GetId = function(){ console.log("I have no id.."); }}// 类方
2020-11-25 14:06:00
192
原创 vue-cli中的图片资源存放位置
vue-cli3.0有两个放置静态资源的目录分别是public和assets。1. public文件夹 - 引用(以/开头)background-image: url('/search2.png');2. assets文件夹 - 引用(./或@/开头)<img src="@/assets/logo.png" alt="">public放不会变动的文件public/ 目录下的文件并不会被Webpack处理:它们会直接被复制到最终的打包目录(默认是dist/static)下。
2020-09-11 10:51:06
5298
原创 阿里巴巴图标库 - 将图标全部选中添加至项目中
1.控制台粘贴回车 var j=document.createElement('script'); j.setAttribute("src", 'https://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js'); document.getElementsByTagName("head")[0].appendChild(j); 2.控制台粘贴回车 $("span[title='添加入库']").each(functio
2020-09-11 10:01:59
245
原创 将多个子数组形成的数组,转化为一个数组的形式
<script> arr = [ [1, 2], [1, 3], [1, 2], ]; newarr = arr.flat(); console.log(newarr); // 转化为[1, 2, 1, 3, 1, 2] </script>
2020-08-04 18:18:31
294
转载 你想在小程序里使用less嘛? (VScode版)
原文链接:https://developers.weixin.qq.com/community/develop/article/doc/000e427c49c218e6b9781bfdf5b013
2020-08-04 15:31:55
104
转载 VSCode代码格式化快捷键及保存时自动格式化
一、实现vs code中代码格式化快捷键:【Shift】+【Alt】+F二、实现保存时自动代码格式化:文件 ------.>【首选项】---------->【设置】;搜索emmet.include;在settings.json下的【工作区设置】中添加以下语句:"editor.formatOnType": true,"editor.formatOnSave": true随便写代码进行测试即可。...
2020-07-12 17:22:22
386
原创 原生ajax请求json数据
文件目录结构ajax.html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> &l
2020-07-10 17:51:40
399
原创 js高阶函数 - filter/map/reduce
高阶函数高阶函数 — 一个函数接收另一个函数作为参数的函数filter() — 过滤filter中的回调函数必须返回一个布尔值,当返回true,函数内部会将回调的n加入到新的数组中,当返回false时,则把n过滤掉。map() — 映射对n进行处理,返回处理后的n加入到新数组中reduce() – 汇总至少传两个值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2020-07-05 15:13:25
275
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人