- 博客(46)
- 收藏
- 关注
RSS订阅原创 js知识库
单线程语言设计的原因：javaScript主要用途是实现交互及操作dom，如果同时存在2个线程，一个添加节点、一个删除这个节点，这时浏览器不知道应该以哪个线程为准。多个用async 修饰的js不是顺序执行的，哪个js先加载完哪个先执行。1）==：比较的是值，不对比数据类型，比较时不同类型的值会被隐式转换为同一类型（转换为基础数据类型）自动转换，不显示在代码中。作用域链：函数内部可以访问外面的变量，外部不可以访问函数内部的变量。流程：同步 ==》事件循环【微任务和宏任务】==》微任务==》宏任务=》微任务。
2024-05-07 09:07:01
664
1
原创 微信小程序picker设置了系统年度，打开选择年份从1年开始显示
背景：开发微信小程序时，使用了picker组件，设置值为当前系统时间年份，可以正常回显年份。但是打开面板选择年份的时候，默认从一年开始显示的。原因：因为绑定的年份字段为Number类型。将picker绑定值改为字符串。
2024-04-10 18:01:37
433
原创 代码提交后，修改.gitignore不生效
开发中，有些打包编译后的文件不想提交到git仓库去，在.gitignore加上即可。已经提交过git仓库的文件，即使在.gitignore中添加了，也不能忽略修改。2.修改.gitignore，重新配置git追踪。1.删除本地git的追踪。
2024-01-14 17:54:42
470
原创 微信小程序封装网络请求设置超时5min不生效
开发微信小程序时，由于有些业务场景特殊，接口返回时间较长，因此使用flyio封装网络请求时将timeout设置为5min。除了在网络请求那设置，还需要在app.json中设置networkTimeout中的request属性。设置timeout为5min，发现请求时长超过1min后请求自动断开了。用uniapp开发的微信小程序需要在manifest.json中设置。
2024-01-14 17:35:27
998
原创 vxe-table动态渲染列，刷新列宽
使用vxe-table渲染表格，支持列选和拖拽列宽，并可按用户记忆，支持一键恢复默认列选、列宽，因此使用v-for动态渲染列。当点击一键恢复的时候，需要恢复成默认的列选及列宽。利用vue触发重新渲染的机制，给表格绑定key为随机生成的字符串，当点击一键恢复时，重新生成一段新的随机字符串赋值给表格绑定的key，这样就会触发表格的重新渲染。使用vxe-table，用v-for渲染列，修改列宽调用vxe提供的refreshColumn和recalculate方法都不生效。表格列宽没有重新渲染。
2024-01-14 17:23:30
2255
原创 npm run build 报错These dependencies were not found:* core-js/modules/es6.array.find in .....
vue打包编译报错
2022-11-14 14:58:05
1002
原创 git常用指令总结
10.强制用远程分支覆盖本地分支，并放弃本地分支修改。10.将某个分支的某几次提交合并到另一个分支。1.切换指定远程分支并创建本地分支。11.取消cherry-pick。6.将修改提交到本地仓库。5.将修改提交到暂存区。9.发布代码到远程仓库。12.撤销中间某次提交。7.关联远程仓库地址。
2022-08-16 10:33:40
204
原创 iview—日期组件出现加载icon
起因：项目架构基于vue+iview，检索条件日期范围使用iview的DatePicker组件，点击重置按钮，将日期置为初始值 。现象：日期组件出现加载icon不消失原因分析：1.配置错误2.日期格式错误3.表单验证查看官方文档，没有关于这个icon的配置，所以排除1将日期格式格式化成YYYY-MM-DD，不能解决！最终，将自定义表单验证的触发方法改为blur，重置恢复默认值，不做效验，就不会出现加载icon。虽然解决了效果问题，但还是不清楚为什么会出
2022-04-24 16:42:59
1461
5
原创 webpack-cacheDirectory
近期在学习使用webpack，对项目开发、生产环境进行资源管理。使用devServer实现页面热更新，端口设置3000，通过npx webpack-dev-server 启动页面。问题在配置babel-loader的时候，配置了cacheDirectory：true，具体配置如下： { test:/\.(js)$/, exclude:/node_modules/, loader:'babel-loader', options:{ // 预设：指示babel做怎
2022-03-24 17:09:59
1001
原创 vue-async 修饰created，created及mounted内代码执行顺序
vue-async 修饰created，created及mounted内代码执行顺序
2022-03-11 17:45:51
7934
2
原创 问题--Syntax Error: TypeError: Cannot read property ‘parseComponent‘ of undefined
vue构建项目报错Cannot read property 'parseComponent' of undefined
2022-02-28 11:25:49
938
原创 wepack--HMR(模块热替换)
背景：开发模式中，当修改一个文件，其他跟此文件相关联的文件都会被重新加载，这样会降低编译速度，所以希望当一个文件被修改时，只重新加载当前文件。解决：HMR：hot module replace 模块热替换作用：一个模块发生变化，只会重新打包这一个模块，提升构建速度。使用：module.exposrt={ entry:'', devServer:{ static:'', port:3000, //设置hot为true即开启了模块
2022-02-21 15:06:42
161
原创 webpack--js兼容性处理
前言：对于es6语法，一些浏览器或者低版本浏览器是不兼容的，因此需要项目在打包编译的时候自动将es6语法转换成es5。使用方式//webpack.config.js需要安装包 babel-loader @babel/core @babel/preset-envmodule:{ rules:[ { test:/\.js$/, exclude:/node_modules/, loader:'babel-
2022-02-10 17:41:05
580
原创 webpack--处理css的兼容性
前言：因为css3样式需要加不同的浏览器前缀才能兼容对应的浏览器，因此在项目打包编译的时候，需要对css3属性进行统一的处理。实现方式//webpack.config.jsrules：[ { test: /\.less/, use: [ // 'style-loader', // 将css文件转换成commonjs的模块
2022-02-09 16:44:17
818
原创 webpack使用
1.webpack是什么webpack是前端静态模块打包工具主要作用：将（js[es6]/less/json/jpg/png等分块打包）webpack可以处理js/json文件，不能处理css/img等资源，需要对应的loader来处理。2.webpack五个核心概念Entrywebpack以哪个文件为入口开始打包，分析构建内部依赖图Output输出Output指示wbpack打包后的资源bundles输出到哪里去Loaderwebpack只能理解javascript
2022-02-08 15:06:47
466
原创 React学习笔记(持续更新)
欢迎大家纠错......1.react基础1.安装react npm i react, npm i react-dom 2.react核心方法 const ele = React.createdElement('h', {}, '我是标题一') //参数说明第一个参数：需要创建的标签名 第二个参数：需要创建标签所携带的属性 第三个参数及以后的参数：创建标签的子节点包括文本节点 ReactDom.render(ele, document.body) //参数说明 第一个参数：需要挂在
2022-01-25 15:02:39
721
原创 js基础--模板字符串输入反斜杠\
背景最近在写个node脚本，需要读取文件路径，所以采用模板字符串拼接变量的方式动态读取路径。问题在模板字符串直接输入反斜杠不生效解决办法输入两个反斜杠\\const path = `${public_dir}\\${dir}`...
2021-12-16 10:27:00
3259
原创 es6 方法总结（持续更新......22.6.30）
String新增方法startsWith()返回：布尔值。表示参数字符串是否在目标字符串头部参数1：参数字符串参数2：开始查找的位置let str = 'abcdef'str.startsWith('')truestr.startsWith('abc')truestr.startsWith('abc',1)falsestr.startsWith('abc',0)trueendsWith()返回：布尔值。表示参数字符串是否在目标字符串尾部参数1：参数字符串
2021-11-03 10:16:05
106
原创 Linux常用命令（持续更新.....）
创建文件夹mkdir [mp] 文件夹名m：用于手动配置文件夹权限，不使用默认的文件夹权限p: 会自动递归创建文件夹，例如文件名字'src/view/myview',如果没有src和view会自动递归创建编辑文件夹vi 文件夹名称备注：输入i，开始编辑，esc退出编辑:q 在文件未做任何修改的情况下退出:q! 强制退出，不保存对文件所作的修改:wq 保存对文件的修改并退出:w 保存文件修改文件夹名称mv file1 file2备注：将file1文件改名为f.
2021-11-03 10:10:31
66
原创 vue---npm run serve 和 npm run dev的区别
在vue项目中，有的时候需要执行npm run serve启动项目，有的时候需要用npm run dev，具体有什么不一样呢？区别dev默认是vue-cli@2.x默认支持的命令；serve默认是vue-cli@3.x及以上版本默认支持的命令。启动项目具体需要执行哪个命令在package.json中scripts查看，有哪个就可以执行哪个。...
2021-10-28 16:15:03
662
原创 表单验证---手动触发element、iview表单验证
触发整个表单的的验证//设置表单的ref是userFormthis.$refs.userForm.validate()触发某个字段的验证//触发prop为password表单验证this.$refs.userForm.validateField("password")注意如果是手动赋值变老量，要先赋值在触发验证。...
2021-10-27 14:11:23
706
原创 flex布局---某个子元素独占一行
实现方式：//html部分vue模板语法<div class="flex-box"> <div v-for="(item,index) in list" :class="{'flex-item':true;'title':item.code === 'name'}"> item.name </div></div>//css部分.flex-box{ display:flex; fle
2021-10-27 11:06:00
11721
1
原创 indexOf方法是否可以查找数组中的对象
indexOf是否可以查找数组中的对象const arr = [{age:'1',name:'2'}, {age:'3', name:'4'}]arr.indexOf({age:'1',name:'2'})-1const obj1 = arr[0]arr.indexOf(obj1)0由上述代码可以知道，其实indexOf查找相同地址的对象，所以对于地址不同的对象是查不到的，如果是和数组内部对象指向同一地址，则可以拿到，否则就拿不到对象之间比较{name:'xm'} !== {n
2021-10-20 09:35:46
4936
原创 css基础--清除浮动的影响
场景：子元素开启浮动，脱离文档流，导致父元素不占据fang方法1：父元素高度固定html<div class="float-box"> <div></div> <div></div></div>css.float-box{ height:100px;}.float-box>div{ width:100px; height:100px; f..
2021-10-11 15:22:20
96
原创 js基础--不同方式创建对象差别
let obj1 = {}let obj2 = new Object()let obj3 = Object.created(null)可以看到，前两种方法都继承了原型上的一些方法和属性，第三种只是一个干净的对象，如果只是用于简单的数据存储，使用第三种可以提高效率，因此可以根据需求选择创建对象的方式。...
2021-10-11 10:40:32
106
原创 js事件循环机制--宏任务和微任务的理解
宏任务script标签中包裹的代码 setTimeout setInterval setImmediate requestAnimationFrame ui渲染 io流 ajax请求微任务Promise.then()之后的，之前的都是同步的 async、await process.nextTick MutationObserver事件的执行流程先执行宏任务 --> 该宏任务下有没有可执行的微任务 --> 有执行微任务 ---> 没有执行下一个宏任务先
2021-09-27 09:28:08
289
原创 js基础--数据类型
基础数据类型String、Number、Bollean、Null、Undefined引用数据类型Object、Array、Function、Date、RegExp基础数据类型与引用数据类型区别1.基础数据类型存在于栈内存种，引用数据类型栈内存中存放的是地址，值存放在堆内存中。2.基础数据直接访问，引用数据先访问到栈内存中的地址，再访问到堆内存中的数据。3.复制变量时：基础数据类型，当一个保存值的变量赋值给一个新的变量，会把原始值赋值给新的变量，但是新的变量再栈内存中占据独立的
2021-09-22 11:55:18
65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人