2021年3月27日
NPM使用错误解决办法
摘要： ###问题1： 执行npm install命令时报错： Unexpected end of JSON input while parsing near 解决： npm cache clean --force 完成后再执行命令npm install ###问题2： 执行npm install命令时报错 阅读全文
posted @ 2021-03-27 20:12 木-鱼 阅读(357) 评论(0) 推荐(0)
NPM基础命令
摘要： NPM是随同NodeJS一起安装的包管理工具，可以从NPM服务器下载别人编写的第三方包或者命令行程序到本地使用，也可以将自己编写的包或命令行程序上传到NPM服务器供别人使用。 ##常用命令 npm -v 查看版本信息 npm install npm -g 升级npm npm install -g c 阅读全文
posted @ 2021-03-27 19:55 木-鱼 阅读(214) 评论(0) 推荐(0)
浏览器内核原理
摘要： 浏览器内核英文是Rendering Engine/Layout Engine，准确翻译应该是渲染引擎/排版引擎/模板引擎（指是同一个）； 浏览器内核分为两部分，除了渲染引擎之外，就是JavaScript引擎，由于现在JavaScript引擎越来越独立，内核就倾向于只指渲染引擎。 不同的浏览器内核对网 阅读全文
posted @ 2021-03-27 10:37 木-鱼 阅读(274) 评论(0) 推荐(0)
实现页面两边固定中间自动伸缩
摘要： ##效果图： ##代码如下： <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{ margin:0px; border: 0px; box-sizing:border-box; } div{ border: 阅读全文
posted @ 2021-03-27 10:02 木-鱼 阅读(156) 评论(0) 推荐(0)
2021年3月25日
Git基础
摘要： ##1、前期准备 Step1：注册Github账号，注册地址：https://github.com/ Step2：由于你的本地 Git 仓库和 GitHub 仓库之间的传输是通过SSH加密的，所以我们需要配置验证信息： 使用以下命令生成 SSH Key： ssh-keygen -t rsa -C " 阅读全文
posted @ 2021-03-25 12:18 木-鱼 阅读(55) 评论(0) 推荐(0)
2021年1月17日
5.WebPack反向代理配置
摘要： WebPack反向代理主要用于解决开发环境的跨域问题，生产环境跨域需要通过Nginx解决 配置方式： devServer:{ // 配置代理服务器，进行代理数据 proxy:{ // 前缀名，表示/api开头的都会被代理 '/api':{ // 代理的基础路径 target:'https://www 阅读全文
posted @ 2021-01-17 16:36 木-鱼 阅读(790) 评论(0) 推荐(0)
4.移动端适配--rem的配置
摘要： ##1、安装插件 安装： npm install lib-flexible postcss-px2rem ##2、删除public中index.html里面的meta标签 删除<meta name='viewport'>标签，flexible会自动为页面添加此标签，动态控制initial-scale 阅读全文
posted @ 2021-01-17 16:13 木-鱼 阅读(156) 评论(0) 推荐(0)
3.Vue-cli2和Vue-cli3的区别
摘要： ##1.安装 安装vue-cli2.0：npm install vue/cli -g 安装vue-cli3.0：npm install @vue/cli -g ##2.创建项目命令 创建vue-cli2.0的项目时，使用的命令行是：vue init webpack project-name 创建vu 阅读全文
posted @ 2021-01-17 15:29 木-鱼 阅读(263) 评论(0) 推荐(0)
2021年1月11日
钩子函数和回调函数
摘要： 一般认为，钩子函数就是回调函数的一种，其实还是有差异的，差异地方就是：触发的时机不同。 先说钩子函数： 钩子（Hook）概念源于Windows的消息处理机制，通过设置钩子，应用程序对所有消息事件进行拦截，然后执行钩子函数。 let btn = document.getElementById("btn 阅读全文
posted @ 2021-01-11 06:32 木-鱼 阅读(2091) 评论(0) 推荐(0)
2.WebPack中module与plugins的基本使用方法
摘要： ##1、module：webpack只理解JavaScript和JSON文件，其他文件类型都需要通过module的各种loader转换为有效模块，进行文件预处理 ###1.1、url-loader将图片解析为base64文件 首先安装： npm install url-loader -D 在modu 阅读全文
posted @ 2021-01-11 06:21 木-鱼 阅读(755) 评论(0) 推荐(0)