- 博客(46)
- 收藏
- 关注
原创 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关注的人