- 博客(13)
- 收藏
- 关注
原创 2021-06-08
JavaScript 代码逻辑判断的优化我们日常使用到的逻辑判断语句有 if…else…、switch…case…、do…while…等。在简单场景下,我们可能对这些语法的性能没有什么感觉,但当遇到复杂的业务场景时,如果处理不善,就会出现大量的逻辑嵌套,可读性差并且难以扩展。千里之行始于足下,编写高可维护性和高质量的代码,我们就需要从细节处入手,我们今天主要讨论 JavaScript 中如何优化逻辑判断代码。嵌套层级优化function supply(fruit, quantity) {
2021-06-08 17:23:24 246
原创 关于pc端管理台“增、删、修、改”
按照功能划分1、新增、编辑 (可以对数据进行进行操控)2、查看和列表页(对数据进行展示)按照数据展示划分1、新增、编辑、查看 共享一个页面如果这3个页面的“数据项”一致,那么要求后端这3个页面的“字段名”保持一致。 { let params = { ...this.params, start_time: this.params.create_time[0] ? this.params.create_time[0] + ' 00:00:00'..
2021-03-11 11:27:27 390
原创 递归深拷贝
/** * 深拷贝 * @param {Object} obj 要拷贝的对象 */ deepClone(obj = {}) { if (typeof obj !== 'object' || obj == null) { // obj 是 null ,或者不是对象和数组,直接返回 return obj } // 初始化返回结果 ...
2021-03-09 16:29:57 274
原创 代码项目管理工具SVN 、Git
廖雪峰老师Git教程命令总结SVN是集中式版本控制系统,版本库是集中放在中央服务器的,而干活的时候,用的都是自己的电脑,所以首先要从中央服务器哪里得到最新的版本,然后干活,干完后,需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作,如果在局域网还可以,带宽够大,速度够快,如果在互联网下,如果网速慢的话,就纳闷了。Git是分布式版本控制系统,那么它就没有中央服务器的,每个人...
2020-11-27 15:39:55 340
原创 如何利用vue-cli快速创建一个vue实例,以及如何快速跑起一个已有的vue项目
利用-cli快速搭建跑起一个vue1、打开终端(cmd),确保你电脑安装了node/npm/webpack。可以在终端输入(node -v)(npm -v) (webpack -v)来检查你的电脑是否安装了这些,如果安装了则进行第二步,否则的话请先安装。2、切换到你想要创建vue文件的盘,比如e盘(e:)。全局安装vue-cli (npm -g @Vue/cli), 安装成功后输入vue create my-vue-project,创建vue项目,创建成功后会显示如下图片信息,执行cd my-vue..
2020-11-14 10:55:19 319
原创 如何快速跑起一个jsDemo环境
首先确保你的电脑安装了node环境(node -v)然后在该jsDemo文件夹下使用npm install http-server -g 安装一个简单的静态服务器,-g是全局安装最后设置端口http-server -p 8001
2020-10-30 10:14:47 337
原创 关于面试--前端性能优化这块
面试经常会被问到关于性能优化这一块,其实这个问题没有标准答案,但你回答时要求尽可能全面,那到底改怎么回答呢,follow me!first–掌握问题的原则:性能优化–就是多使用内存、缓存或其他方法,减少CPU的计算量,减少网络请求,空间换时间,让网页加载的更快些,给用户一个更好的体验。second–知道了问题的原则后,我们可以从以下2点出发来回答:1、让加载更快a. 减少资源体积,打包压缩代码b. 减少访问次数,合并代码(js,css代码合并,雪碧图),缓存,SSR服务器端渲染c. 使用
2020-10-29 14:03:47 389 2
原创 for、for..in、for...of、forEach用法及区别
区别1、for、for…in、forEach 用于同步线程, for…of 用于异步线程(用法跟for…in类似,只不过它需要用到回调函数)2、for、forEach、for…of都是针对于数组,for…in既可以用于数组也可用于对象用法forconst arr = ['a','b','c','d']for(let i=0; i<arr.length; i++){ console.log(arr[i])}//a、b、c、dfor…inconst obj = {key1
2020-08-07 09:53:41 1181
原创 npm install下载项目node_modules时报错引发的一系列问题
从公司内svn下载项目代码,在npm install时发现报如下错误:在网上各种百度搜索,有的说是因为缓存问题,让npm cache clean --force清理缓存,清理完成后发现没有用,还是报一样的错误。又有的说是因为版本问题等等,尝试了一系列方法最终还是没解决…最终不得已向同事求助,最后却发现是因为我没有全局下载vue-cli的原因,以管理员的身份cmd在终端输入命令npm install -g vue-cli 全局安装。下面来看看我的解题过程吧:npm install出现如上错误时
2020-07-01 14:58:57 3837 2
原创 正则--密码验证--数字、大写字母、小写字母、字符4种中至少包含3种
生成一个正则const RegExpObject = new RegExp(str); // str = '[a-z]' || str = '[0-9]' || str = '[\\u0020-\\u002F\\u003A-\\u0040\\u005B-\\u0060\\u007B-\\u007E]'正则检测 RegExpObject.test(str); // str为要检测的...
2019-11-26 17:52:57 3289
原创 前端--click单双击问题及函数节流与防抖问题
不折腾的前端,和咸鱼有什么区别本篇博客,我们将探讨2个问题,click单双击问题及函数节流与防抖问题,其实都是关于click事件的探讨,当我们对一个按钮进行单击或者双击,或者多次点击,当我们频繁触发click事件时,这时就涉及到我们的函数节流与防抖问题。单双击(仿双击)在js中,同一个功能块可能会遇到单击、双击事件两种事件,当我们执行双击事件时,同时也执行了2次单击事件。任何避免执...
2019-10-17 17:35:23 2421 1
原创 最高效的学习法--费曼学习法
费曼学习法其实就是一种以教为学的学习方式,面对某一知识点,在阅读理解后,用自己的语言把这个知识点传授给别人, 只要别人能听懂你说的意思,那就说明你自己的学习成功了!我们大概了解一下费曼这个人物:理查德·菲利普斯·费曼–美籍犹太裔物理学家,加州理工学院物理学教授,1965年诺贝尔物理奖得主。费曼学习法的具体应用方式如下:step1:选择目标先拿出一张白纸,把你要讲的这道题涉及的解法...
2019-10-11 17:31:16 1048
原创 eclipse搭建项目
1、打开eclipse,设置字符集新建一个空文件夹,名称设置为项目名(假设我们把文件夹名字设为mpr-book)。打开eclipse,点击file选择Switch Workspace,点击other,选择我们刚刚新建的空文件夹mpr-book。(Ps:记好我们的工作空间workspace,当我们用同一个eclipse打开不同项目时,找对每个项目的工作空间很重要哦。)设置字符集UFT-8窗口...
2019-10-10 16:45:40 330
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人