
前端工具
文章平均质量分 79
前端工具
ZD717822023
一个小程序员!
展开
-
JS实现复制粘贴的方式
最近在项目中遇到了需要复制粘贴的功能,虽然是个简单的小功能,我竟然没做过,所以根据查找的资料还有实践在这里总结一下;JS实现复制粘贴方式:原生通过document.execCommand(‘copy’)的方式实现使用第三方框架clipboard的方式实现IE大神一、execCommand方式document.execCommand(),文档对象的 execCommand方法允许运行命令来操纵可编辑区域的内容,具体可以查看这里。只需要选中要复制的内容,执行document.execComm原创 2021-03-24 13:27:42 · 2986 阅读 · 0 评论 -
如何学习一项新技术/新框架
前端发展这些年日新月异,之前在三线城市没有察觉,直到来了北京突然感觉我之前的3年工作经验等于白干了,没有自己的总结,没有自己的知识体系,技术相对落后,像是活在远古社会一样。。。而想从头开始学习一个新框架,如果还用老的方法,学习官网API然后照搬已经不可取了。说真的以前用Jquery真的就是这样,照着API套用就行了,反正就是操作DOM;实现结果就行了;但是现在框架已不再是简单的操作DOM,而是多封装了一层,如果只用官网的API现套基本功能可以实现,优化呢?遇到一堆奇怪的报错无从下手?最根本就是不懂得原理!浏原创 2021-03-10 11:16:15 · 550 阅读 · 0 评论 -
前端开发必备的VSCode插件
本文总结了一下前端开发人员一些经常用的可以提高开发效率的VSCode插件,好的工具可以事半功倍。主要分为:基础通用篇,框架工具篇,自由可选篇(按照我自己的想法分的)基础通用篇1. Chinesevscode编辑器汉化包,安装后,在 locale.json 中添加 “locale”: “zh-cn”,即可载入中文(简体)语言包。2. Auto Rename Tag自动重命名成对的HTML标记,修改开始标签,结束标签会同步修改。3. Auto close tag自动闭合 HTML / XML原创 2021-02-16 23:21:34 · 3915 阅读 · 2 评论 -
webpack从基础到实战——前言
从来没有系统需学习过webpack,都是用到什么loader,什么插件就直接搜索,很多原理没有仔细研究过,以至于现在稍微有点复杂的配置都无从下手;所以打算仔细系统的学习一下,这里也算是我的笔记了,嘻嘻嘿嘿哈哈。。。一、为什么会出现webpack随着前端工程越来越复杂,单独建立几个文件写项目代码,已经无法保证项目的可维护性了;所以我们想把不同的业务逻辑拆分成模块,然后分别引入这些模块,模块自己做自己的事情,这样就可以保证项目的可维护性和可扩展性了。但是假如项目有几千个模块,那么我们能在页面上引入几千个原创 2020-11-30 18:43:58 · 229 阅读 · 0 评论 -
Charles抓包的那些事
前言作为移动端开发人员用的最多的抓包工具就是charles,但是我近几年一直做PC端的前端开发工作,感觉chrome的devtools已经满足了日常的工作需求;对于charles的使用也很少。最近开始做一些webview的开发,对于灰度环境,线上环境的bug还是需要用到charles的,所以这篇文章也是我自己的趟坑之旅,用作平时对于charles的一些总结,以免出现有段时间不用再用的时候“抓瞎”的情况;PC端抓包HTTP一般我们正常安装完charles之后就会,HTTP数据就会正常抓取到如果原创 2020-07-24 13:22:32 · 546 阅读 · 0 评论 -
手机通过Charles用线上域名访问PC本地项目
手机通过Charles用线上域名访问PC本地项目最近调试微信公众号,由于微信授权需要线上正式环境的域名,笔者想把手机公众号网页重定向到PC本地localhost调试。该方法通过Charles代理转发,适用所有需要域名重定向的场景,例如手机通过在线域名查看pc本地项目,微信开发者工具调试公众号等。先开启本地服务,如果是vue项目,直接运行 npm start 就好了。打开Charles(下...原创 2019-07-04 11:55:00 · 1814 阅读 · 0 评论