前端架构师 - 博客园

咦？浏览器又崩了？再试试这个呢！

摘要：由于连续进行过多的dom操作，有时候会导致浏览器运行崩溃，尤其是在ie中使用onrise事件处理的程序中有dom操作，高频的修改可能会导致浏览器崩溃，为了绕开这个问题，可以用定时器对函数进行节流。当别人问你，同学说一下函数节流吧？你可以告诉他，某些代码不可以在没有间断的情况连续重复执行。第一次调阅读全文

posted @ 2020-03-22 12:58 前端架构师阅读(213) 评论(0) 推荐(0)

页面太卡了？试试这方法呢！

摘要：你写的代码导致浏览器运行奔溃，或页面卡住了，卡死了，怎么办？你可以试试定时器的一个方法，叫做数组分块。脚本长时间运行的问题通常由两个原因造成的： 1.过长或过深的函数调用 2.进行大量处理的循环。长时间循环通常遵循下面模式 for(let i = 0,len = data.length; i 阅读全文

posted @ 2020-03-22 12:53 前端架构师阅读(459) 评论(0) 推荐(0)

js进阶之重复的定时器

摘要：使用setInterval()创建的定时器确保了定时器代码规则的插入队列中，这个的问题是：定时器代码可能在代码再次被添加到队列之前还没有完成执行，结果导致定时器代码连续运行了好几次，而之间没有任何停顿。（js引擎可以避免这个问题，当使用setInterval()时，仅当没有该定时器的任何其他代码实例阅读全文

posted @ 2020-03-01 14:04 前端架构师阅读(741) 评论(0) 推荐(0)

关于vue+element-ui项目的分页，返回默认显示第一页的问题解决

摘要：关于vue+element-ui项目的分页，返回默认显示第一页的问题解决问题描述当前页面如下：然后点击页码跳到第3页，然后在第三页点击页面链接跳转到新的页面然后在新页面点击返回按钮，返回到当前页，结果页面分页显示第一页，对应页面内容也是第一页期望效果从新页面返回的时候，页码和页面内容仍旧阅读全文

posted @ 2019-04-04 10:34 前端架构师阅读(9052) 评论(0) 推荐(1)

git 解决冲突

摘要： 1.git branch查看分支情况 2.git checkout -b "dev"创建并切换分支 3.git checkout -b dev origin/dev 创建dev远程分支并切换到dev 4,当本地合并时出现无冲突合并时候可以按下esc 然后:wq 再继续即可正常更新 5,有冲突的在阅读全文

posted @ 2018-11-19 11:19 前端架构师阅读(310) 评论(0) 推荐(0)

git还原历史某一版本

摘要：返回上一版本 git reset --hard HEAD^常用的命令git refloggit reset --hard "填写版本号" 黄色的就是版本号其他查看以前版本的命令git log git log --pretty=oneline 阅读全文

posted @ 2018-11-19 11:10 前端架构师阅读(178) 评论(0) 推荐(0)

display:flex

摘要：前端布局神器display:flex 2009年，W3C提出了一种新的方案--Flex布局，可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。 flex浏览器支持一、Flex布局是什么？ Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提阅读全文

posted @ 2018-11-19 10:14 前端架构师阅读(221) 评论(0) 推荐(0)

babel安装

摘要：一、babel配置步骤1、准备系统环境：win7配置环境：node，npm（如何安装node以及npm请另寻文档）项目文件夹：新建一个文件夹作为一个项目文件夹，打开cmd（快捷键：window+R），进入新建的这个文件夹的目录下，执行npm init（相关信息可一路按Enter键，设置为默认信息）阅读全文

posted @ 2018-11-16 17:27 前端架构师阅读(391) 评论(0) 推荐(0)

微信小程序app.js中设置公有变量

摘要：初始化GlobalData 在App.js的最上方可以设置GlobalData的初始值。 App({ globalData:{ appid: '1wqas2342dasaqwe232342xxxxxxxxxx',//appid需自己提供，此处的appid我随机编写 secret: 'e0dassda 阅读全文

posted @ 2018-10-26 13:15 前端架构师阅读(9570) 评论(1) 推荐(0)

js实现轮播

摘要：思路： 1、首先要有个盛放图片的容器，设置为单幅图片的宽高，且overflow：hidden，这样保证每次可以只显示一个图片 2、container内有个放图片的list进行position的定位，其中的图片采用float的方式，同时当图片进行轮播时，改变list的Left值使得其显示的图片发生变阅读全文

posted @ 2018-10-15 08:40 前端架构师阅读(470) 评论(0) 推荐(0)