前端工具
文章平均质量分 89
赏花赏景赏时光
这个作者很懒,什么都没留下…
展开
-
js中数字运算结果与预期不一致的问题和解决方案
本文主要是和大家聊聊关于js中经常出现数字运算结果与预期结果不一致的问题,与及解决该问题的的方案。原创 2023-02-19 15:55:47 · 1523 阅读 · 1 评论 -
npm包学习
想开发自己的的工具包,那必然要借鉴一些常用的npm包来帮我们解决一些问题,下面就罗列一些在学习vue-cli实现原理时候遇到的一些依赖包吧。原创 2022-10-30 23:00:16 · 526 阅读 · 0 评论 -
nrm、node-sass安装问题、nvm
nvm是node的版本管理工具,可以操作node版本的切换、安装、查看等。不同项目中的依赖可能需要node的版本不一样,这样我们再切换到具体项目时候,可能就要切换node的不同版本,以便于进一步开发。...原创 2022-08-14 17:10:36 · 378 阅读 · 0 评论 -
npm系列:cli command
1、npm access:设置已发布包的访问级别npm access public [<package>]:公开npm access restricted [<package>]:受限添加或删除用户或team对于包的只读/读写权限:npm access grant <read-only|read-write> <scope:team> [<package>]npm access revoke <scope:team> [原创 2021-09-23 23:41:06 · 1328 阅读 · 0 评论 -
webpack简易配置
webpack基础配置文章查考1、https://blog.csdn.net/fengmin_w/article/details/819845142、https://mp.weixin.qq.com/s/0qbefXeRuzlqTk4LySiUNw webpack4和vue3结合的基本配置搭建以下是整合多篇文章的基于webpack4和vue3的0搭建输出基础项目,便于查缺补漏配置webpack环境1、创建项目,并进入目录中生成package.json文件mkdir t...翻译 2021-01-30 23:20:31 · 213 阅读 · 0 评论 -
webpack简单配置及其用法二
一、编写可维护的webpack构建配置栗子:构建配置包设计构建配置抽离成npm包的意义通过性:业务开发者无需关注构建配置;统一团队构建脚本可维护性:构建配置合理的拆分;reademe,changelog文档质量:冒烟测试,单元测试,测试覆盖率;持续继承构建配置管理的可选方案1)通过多个配置文件管理不同环境的构建,webpack --config参数进行控制使用的配置文件,如基础配置:webpack.base.js;开发环境:webpack.dev.js;生产环境:web.原创 2021-01-23 12:07:40 · 411 阅读 · 0 评论 -
mac笔记本上,charles的安装与使用
mac笔记本上的抓包工具charles的安装与使用方法总结一、charles的安装与基本使用1、首先在mac笔记本上安装软件charles,官网地址:https://www.charlesproxy.com/latest-release/download.do2、打开app Charles,改一下代理的配置: 1)点击proxy => access control settings,设置所有的机器可以访问:0.0.0.0/0 ::/0 2) 点击proxy =...原创 2020-12-12 22:35:46 · 14575 阅读 · 1 评论 -
webpack简单配置及其用法一
本文章只是用于记录学习webpack的一些基础知识webpack版本是4以上版本一、初识webpack1、webpack的配置文件名称默认配置文件名称:webpack.config.js修改默认配置文件名称:webpack --config 指定名称2、在项目中安装webpack,并且初始化1)在项目的根目录下,运行npm init -y,生成package.json文件2)在项目根目录下,安装webpack webpack-cli:npm i webpack webpa..原创 2020-12-06 23:04:25 · 648 阅读 · 0 评论 -
npm包开发时,就可以时时看到效果
我们在开发npm包组件的时候,想在开发过程时,就可以看到效果,通过npm link就可以实现该目的1)关联依赖包,在这里,我们有两个项目npm-link-module,是我们要开发的npm模块npm-link-example,是我们要运行npm模块的项目首先,进入我们的npm-link-module项目,执行npm link然后,进入npm-link-example项目,执行 npm link npm-link-module通过以上两步就可以达到时时看到效果的目的了。注意以上的步骤顺序不原创 2020-11-28 22:20:36 · 336 阅读 · 0 评论 -
vscode编辑器使用
vscode编辑器使用1、vscode安装了代码提示插件IntelliSense for CSS class names in HTML,在编辑的时候还是没有提示全代码,可以参考这篇文章:https://www.jianshu.com/p/179f16d43026原创 2020-10-24 22:53:37 · 314 阅读 · 0 评论 -
项目首次初始化并将项目提交到GitHub上
这篇博客,主要是自己用于防止下次遇到类似问题,能快速定位解决问题1)项目初始化后,需要将代码提交到github上的步骤:https://blog.csdn.net/wyjares/article/details/819788162)如果本地项目和远程项目建立联系之后,执行命令git push origin master -u报下面的错误:git@github.com: Permission denied (publickey). Could not read from remote repos转载 2020-10-19 22:13:34 · 390 阅读 · 0 评论 -
前端工具gulp的使用与介绍
一、gulp的基本能力 主要是文件合并gulp-concat、文件压缩gulp-uglify、给文件生成版本号gulp-rev、文件重命名gulp-rename、语法检查gulp-jshint等1、文件合并争论: 在前端开发中应该把所有的js和css文件写在一个文件里面还是分开各个页面写,建议开发的时候分开写,上线的时候合 并为一个。好处:对于浏览器而言,不...原创 2018-03-13 21:56:06 · 174 阅读 · 0 评论 -
在线压缩html/css/js文件成一行
在线压缩html/css/js文件成一行:压缩网站为:http://tool.oschina.net/jscompress/将源码压缩成一行,去掉文中的一些注释和空格以及空行,好处是:1、减小文件体积,节省带宽,提高相应速度2、压缩html对SEO(搜索引擎优化)会好点原创 2018-01-03 19:26:34 · 19195 阅读 · 1 评论 -
在android机上调试前端页面
在PC端上,可以在浏览器上调试代码,那在移动端的真机上如何调试呢?在android机上调试前端页面的步骤参考该文章:https://www.2cto.com/kf/201505/398827.html原创 2017-11-28 16:35:29 · 2020 阅读 · 0 评论 -
css/js的压缩与还原
css/js的在线压缩与还原1、还原:http://jsbeautifier.org/2、压缩:http://tool.oschina.net/jscompress/原创 2017-11-21 18:31:58 · 1113 阅读 · 0 评论 -
Flow的简单介绍
1、什么是Flow是 facebook 出品的 JavaScript 静态类型检查工具,https://flow.org/en/docs/usage/这是其官方文档链接Vue.js 的源码利用了Flow 做了静态类型检查2、为什么使用Flow类型检查的定义:类型检查,就是在编译期尽早发现(由类型错误引起的)bug,又不影响代码运行(不需要运行时动态检查类型),使编写 JavaScript 具有和编...原创 2018-06-22 21:54:25 · 8176 阅读 · 0 评论 -
vs code
vs code中前端必安装的插件:1、debugger for chrome:用于在vs code里面直接调试js代码一些使用指南的连接:1、vs code插件官网:https://marketplace.visualstudio.com/点击打开链接2、vs code插件离线安装指南:https://blog.csdn.net/wangwei703/article/details/5402071...原创 2018-06-15 16:53:45 · 668 阅读 · 0 评论 -
在vs code中进行本地调试和开启本地服务器
在vs code中进行本地调试1、首先在VSCode 上装一个插件:Debugger for Chrome ,如下图所示:在搜索框中输入Debugger for Chrome 然后点击安装2、配置文件,从左到右依次点击红圈中的按钮,然后出现launch.json文件,在里面添加配置信息配置信息如下:{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性...原创 2018-07-05 16:02:43 · 52333 阅读 · 8 评论 -
webpack的介绍与使用
前端打包工具有webpack、grunt、gulp等,这里主要介绍webpack.一、webpack的基本能力:处理依赖、模块化、打包 1、依赖管理:方便引用第三方模块,让模块更容易复用、避免全局注入导致的冲突、、避免重复加载或者加载不必要的模块 2、合并代码:把各个分散的模块集中打包成大文件,减少HTTP的链接的请求次数,配合uglify.js可以减少、优化代码的体积 3...原创 2018-03-11 14:54:05 · 13891 阅读 · 12 评论