react中实现可拖动div
把拖动div功能用react封装成class，在页面直接引入该class即可使用。title为可拖动区域。panel为要实现拖动的容器。优化了拖动框超出页面范围的情况，也优化了拖动太快时鼠标超出可拖动区域的情况
js实现函数防抖与节流
防抖：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。节流：规定在一个单位时间内，只能触发一次函数。
Vue的computed和watch的使用和区别
模板内表达式非常便利，可用于简单计算，当模板内放入太多的逻辑时，模板会过重且难以维护；可以使用computed替代
前端开发人员的10个安全建议
Web安全是前端开发人员经常忽略的主题。当我们评估网站的质量时，我们通常会查看性能，SEO友好性和可访问性等指标，而网站抵御恶意攻击的能力却常常被忽略。即使敏感的用户数据存储在服务器端
箭头函数和常规函数之间的 5 个区别
虽然两者的语法都能够定义函数，但是在开发时该怎么选择呢？这是个好问题。在本文中，我将展示两者之间的主要区别，以供你能够根据需要选择正确的语法。
用正则匹配富文本中的文本，并替换其内容
其次需要利用字符串的 replace 函数，当第一个入参是正则的时候，第二个参数可以用函数的形式来接受正则的匹配结果，且这个函数的返回值会用来替换被正则匹配到的字符串
浏览器的Event Loop
进程和线程都是CPU工作时间片的一个描述。进程描述了CPU在运行指令及加载和保存上下文所需的时间，放在应用上来说就代表了一个程序。
什么是执行上下文
网上关于执行上下文的文章有很多，关于什么是执行上下文，很多文章说得很清晰。我说一下自己的理解。执行上下文包含三个东西：
为什么那么多自学WEB前端的人后来都放弃了?
目前信息化产业发展势头很好，互联网就成为了很多普通人想要涉及的行业，因为相比于传统行业，互联网行业涨薪幅度大，机会也多，所以就会有大批的人想要转行从事这个行业，来学习web前端开发