- 博客(22)
- 收藏
- 关注
RSS订阅原创 Uni.app知识点
app.vue：页面的入口文件，可以调用应用的生命周期函数main.js：项目的入口文件，在项目运行前会先调用main.jsmanifest.json：用于配置应用打包的配置文件pages.json：用于设置整个项目页面文件的存放路径已经窗口的外观参数（pages）：数组，里面存放页面路由 参数（globalstyle）：用于配置窗口的外观等uni.scss：常用的样式变量...
2021-11-07 16:14:46
203
原创 webPack基本使用
一、前端工程化模块化（js的模块化、css的模块化、其他资源的模块化） 组件化（复用现有的ui结构、样式、行为） 规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理） 自动化（自动化构建、自动部署、自动化测试）前端工程化指的是：企业及的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。最终落实到细节上，就是实现前端的‘四个现代化’前端工程化的好处：前端工程化让前端开发能够“自成体系”，覆盖了前端项目从创建到部署的方方面面 最大程度的提高
2021-10-19 11:17:40
128
原创 了解EventLoop
同步任务和异步任务 为了防止某个耗时任务导致程序假死的问题，JavaScript把执行的任务分为了两类：同步任务又叫做非耗时任务，指的是在主线程上排队执行的那些任务 只有前一个任务执行完毕，才能执行后一个任务2.异步任务又叫耗时任务，异步任务由JavaScript委托给宿主环境执行，宿主环境如：node或者JavaScript 当异步任务执行完成后，会通知JavaScript主线程执行异步任务的回调函数...
2021-10-19 10:05:38
40
原创 JS异步-宏任务和微任务
1.什么是宏任务和微任务JavaScript把异步任务又做了进一步的划分，异步任务又分为两类宏任务 异步ajax请求 setTmeout、setinterval 文件操作 其他宏任务 微任务 Promise.then\.catch和.finally process.nextTick 其他微任务 2.宏任务和微任务的执行顺序每一个宏任务执行完成之后，都会检查是否存在待执行微任务，如果有，则执行所有微任务之后，在继续执行下一个宏任务。...
2021-10-19 09:52:48
113
原创 async/await的基本使用
import thenFs from 'then-fs'//按照顺序读取文件async function getAllFile(){ cost r1 = await thenFs.readFile('./files/1.txt','utf8')}使用async/await简化Promise异步操作
2021-09-26 15:32:52
468
原创 Promise 知识点
回调地狱 多层回调函数的相互嵌套，就形成了回调地狱回调地狱的缺点：：代码耦合性太强，牵一发而动全身，难以维护 大量冗余的代码相互嵌套，代码的可读性变差//代码示例setTimeout(()=>{//第一层回调函数 setTimeout(()=>{//第二层回调函数 setTimeout(()=>{第三层回调函数 },3000) },7000)},1000)如何解决回调地狱的问题为了解决回调地狱的问题，ES6...
2021-09-24 11:06:10
210
原创 ES6模块化
node.js中如何实现模块化 node.js遵循了CommonJS的模块化规范。其中：导入其他模块使用 模块对外共享成员使用modeule.exports对象模块化的好处：大家都遵守同样的模块化规范写代码，降低了沟通的成本，极大的方便了各个模块之间的相互调用，利人利己。 前端模块化化规范的分类 在es6模块化规范诞生之前，JavaScript社区已经城市并提出了AMD、CMD、CommonJS等模块化规范。但是，这些由社区提出的模块标准，还是存在一定的差...
2021-09-22 15:36:59
60
原创 Vue知识点
Vue生命周期函 beforeCreate(){} 在实例生成之前会自动执行的函数 created(){} 在实例生成之后会自动执行的函数 beforeMount(){} 在模板渲染完成之前执行的函数 mounted(){} 在模板渲染完成之后执行的函数 beforeUpdate(){} 当data中数据变化时，会立即自动执行的函数 Updated(){} 当data中数据变化后时，页面重新渲染完成后，会自行执行的函数 deforeUnmount(){} 当vue应用...
2021-09-09 14:51:38
368
原创 正则表达式
特殊符号正则表达式 // 规则对象(flag) var flag = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>《》/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？ ]") // 判断 even 是否包含特殊字符 if(flag.test(even)){ console.log('包含！') }else{ console.log('不包含！') }...
2021-09-06 09:43:41
45
原创 JS数组操作
join()：就是把数组转换成字符串，然后给他规定个连接字符。 push()：把里面的内容添加到数组末尾，并返回修改后的长度。 pop()：移除数组最后一项，返回移除的那个值，减少数组的length。 shift()：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined 。 unshift()：将参数添加到原数组开头，并返回数组的长度 。 sort()：将数组里的项从小到大排序。 reverse()：反转数组项的顺序。会改变原数组 concat()：将参数添加到原数组中.
2021-08-16 11:17:32
3553
转载 JS监听浏览器的返回、后退、上一页按钮的事件方法
在实际的应用中，我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的需求，那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢。我相信很多朋友像我一样，在百度、搜狗里面搜索很久都没找到方法。下面就来告诉大家怎样监听的方法：首先我们要了解浏览器的history。大家知道在页面中我们可以使用javascript window history，后退到前面页面，但是由于安全原
2021-08-16 09:53:20
1228
转载 JS 缓存 sessionStorage localStorage的使用方法
使用 Window sessionStorage 和 localStorage 属性sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据localStorage 缓存在浏览器的数据，只有清空浏览器缓存才会删除这些数据sessionStorage 和localStorage 的使用语法一样，这里以sessionStorage 的语法为示例语法window.sessionStorage保存数据语法：sessionStorag
2021-08-16 09:52:03
589
转载 力扣算法题
二叉树中第二小的节点 给定一个非空特殊的二叉树，每个节点都是正数，并且每个节点的子节点数量只能为2或0。如果一个节点有两个子节点的话，那么该节点的值等于两个子节点中较小的一个。更正式地说，root.val = min(root.left.val, root.right.val) 总成立。给出这样的一个二叉树，你需要输出所有节点中的第二小的值。如果第二小的值不存在的话，输出 -1 。示例 1：输入：root = [2,2,5,null,null,5,7]输出：5解释：最...
2021-07-28 10:26:07
159
转载 哈希表-罗马数字转整数
罗马数字转整数罗马数字包含以下七种字符:I，V，X，L，C，D和M。字符 数值I 1V 5X 10L 50C 100D 500M 1000例如， 罗马数字 2 写做II，即为两个并列的 1。12 写做XII，即为X+II。 27 写做XXVII, 即为XX+V+...
2021-07-27 15:17:51
109
转载 两数之和 给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。
给定一个整数数组 nums和一个整数目标值 target，请你在该数组中找出 和为目标值 target的那两个整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1：输入：nums = [2,7,11,15], target = 9输出：[0,1]解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。示例 2：输入：nums = [3,2,4], ta...
2021-07-27 10:28:27
797
转载 js数组的5种查询方式——find(),findIndex(),indexOf(),lastIndexOf(),include()
var num = [10, 20, 30, 40, 50, 60, 70, 80, 90];1.find() 返回数组中第一个满足条件的数据// var num = [10, 20, 30, 40, 50, 60, 70, 80, 90];var newNum1 = num.find((item, index) => { return item > 40;})console.log("newNum1 = " + newNum1);//502.findIndex.
2021-07-27 09:15:14
3252
转载 扁平数据结构转Tree
前言我们看下题目：打平的数据内容如下：let arr = [ {id: 1, name: '部门1', pid: 0}, {id: 2, name: '部门2', pid: 1}, {id: 3, name: '部门3', pid: 1}, {id: 4, name: '部门4', pid: 3}, {id: 5, name: '部门5', pid: 4},]复制代码输出结果[ { "id": 1, "n
2021-07-26 11:07:19
150
转载 vuex存储和本地存储(localstorage、sessionstorage)的区别
区别及适用场景1.区别：vuex存储在内存，localstorage（本地存储）则以文件的方式存储在本地,永久保存；sessionstorage( 会话存储 ),临时保存。localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理。2.应用场景：vuex用于组件之间的传值，localstorage则主要用于不同页面之间的传值。3.永久性：当刷新页面时vuex存储的值会丢失，loc..
2021-07-26 09:56:06
910
转载 本地存储常用方式 localStorage, sessionStorage，cookie 的区别 和 服务器存储session
本地存储：把一些信息存储到客户端本地（主要目的有很多，其中有一个就是实现多页面之间的信息共享） 1. 离线缓存(xxx.manifest)H5处理离线缓存还是存在一些硬伤的，所以真实项目中一般还是传统的NATIVEAPP来完成这件事情 2. localStorage/sessionStorage：H5中新增加的API，基于这个API可以把一些数据缓存到客户端本地（常用） 3. IndexedDB/webSQL：本地数据库存储 4. Cookie：...
2021-07-26 09:54:28
369
转载 Vue中computed和watch的区别
计算属性computed :1. 支持缓存，只有依赖数据发生改变，才会重新进行计算2. 不支持异步，当computed内有异步操作时无效，无法监听数据的变化3.computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值4. 如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computed5.如果computed属性属性值是函数，那么默认会走get方法.
2021-07-26 09:50:52
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人