- 博客(19)
- 资源 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 webpack4实用配置
由于转战webpack5的写法将近几年累积的webpack4的部分实用写法作为记录最后迭代版本(webpack V4.41 webpack-cli V3.31)基础常量以及基础插件const webpack = require('webpack')const path = require('path')const { resolve } = require('path')const HtmlWebpackPlugin = require('html-webpack-plugin')
2020-12-09 09:54:28
352
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 自制脚手架(webpack4.x的基本配置)
const path = require('path')// 将css或者scss文件打包到一个css文件const MiniCssExtractPlugin = require('mini-css-extract-plugin');// 打包后创建一个html文件const HtmlWebpackPlugin = require('html-webpack-plugin');// ...
2019-12-26 12:45:23
232
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 自制脚手架(分发到npm包管理)
#!/usr/bin/env node// 使用node开发命令行工具所执行的javascript 脚本// 必须在顶部加入// #!/usr/bin/env node// commander依赖包 用于搭建脚手架的命令行中的基本骨架const program = require('commander')// download-git-repo 用于连接github仓库将仓库中的文件...
2019-12-25 11:06:09
315
原创 webpack下载依赖时,依赖包代码变化
目前下载依赖包时大部分选择 Npm,Yarn,Cnpm1.Cnpm 使用的淘宝镜像下载,其实用的时候感觉并不是很好,因为无论是网转折点或者镜像下载,都可能造成依赖包与
2021-06-07 12:44:12
255
原创 h5页面在微信浏览器中头部或底部被遮挡
由于微信浏览器本身的内核原因我们在使用position:fiexd 固定定位时 页面处于最顶端或者最低端时 继续往下拉 此时被固定定位的元素 会被遮挡所以 要将固定定位 改为 absolute 绝对定位 或者relative 相对定位两种将中间可滑动的元素 设置为固定高度 并且可以滑动例:.mobile-body{ position: relative; top:0; height:calc(100vh - xxxrem); overflow: scroll;.
2021-01-07 11:41:06
2451
原创 vue 运用transition来指定部分路由有切换过渡动画效果
现在h5混合开发APP比较流行所以会将h5用各种办法贴近原生体验此文章记录的是指定其中路由跳转的过渡动画route.js配置{ path: "xxx", name: "xxx", meta:{ index:0 }, component: resolve => require(['xxx'],resolve), ...
2020-03-30 10:09:00
1902
原创 git常用命令(一)(上传,更新,分支,合并)
上传项目:git add .git commit -m "备注"git push -u origin master如果直接使用 git push 会自动将当下分支的项目传上去更新项目:git pull origin master 如果直接使用 git pull 会更新当下所在的分支分支:创建分支git branch 分支名(例:dev)进入分支...
2020-03-23 20:36:24
245
原创 nuxt搭建时的报错
当我们在命令行中输入npx create-nuxt-app <项目名称> 时,如果出现了如下报错npm ERR! code ENOLOCALnpm ERR! Could not install from "Files\nodejs\node_cache\_npx\9224" as it does not contain a package.json file.npm E...
2020-03-14 13:52:17
1142
转载 长连接,短连接及WebSocket介绍(含http1.0,1.1,2.0相关)
HTTP1.0HTTP 协议老的标准是HTTP/1.0,为了提高系统的效率,HTTP 1.0规定浏览器与服务器只保持短暂的连接,浏览器的每次请求都需要与服务器建立一个TCP连接,服务器完成请求处理后立即断开TCP连接,服务器不跟踪每个客户也不记录过去的请求。但是,这也造成了一些性能上的缺陷,假如一个网页中包含很多图片和请求,每次都要断开重新连接,严重影响客户机和服务器的性能。基于此会发现,ht...
2020-03-10 20:43:09
490
原创 C:\Windows\System32\drivers\etc 下找不到hosts文件
用管理员身份打开cmd输入for /f %P in ('dir %windir%\WinSxS\hosts /b /s') do copy %P %windir%\System32\drivers\etc & echo %P & Notepad %P即可
2019-12-11 20:29:17
1506
2
原创 vue ssr Error: Content placeholder not found in template
vue ssr 主要解决的是首屏的加载处理速度,其中对node express有相对比较多的设置如果遇到这种问题,这个错的位置 在 导入fs包之后 调用createBundleRenderer()函数的时候路径里面的 .html内的问题手册又解释的及其隐晦打开 你设置的映射路径文件这句话 不只是备注。。它在后台中也是一句协议,不加的话就会报错,...
2019-12-05 10:39:19
806
原创 css解决ios上滑动卡顿
网上看了很多ios样式卡顿的解决方法,最多的就是-webkit-overflow-scrolling: touch;但是 如果加上这个属性会把固定的元素 一起滑动解决方法:body{ overflow-y: auto; touch-action: pan-y; -webkit-overflow-scrolling: touch;}再将 需要滑动的元素加上下面几个属性...
2019-07-23 16:08:09
1482
原创 vue3.x项目利用反向代理打包时报错
vue3.x中利用反向代理解决跨域这里是没有问题的但是 这种解决跨域的办法只能在开发环境下有效,一旦打包之后请求数据的网址就会无效在vue2.x中 只需要在config文件里做修改即可但是 在3.x中由于轻量级 导致config 文件不存在了。所以要改开发环境时需要在根目录下新建一个文件比如 .env.gray在这个文件里面写NODE_ENV = '...
2019-04-11 14:57:39
957
原创 vue+elementui 表格展开行实现
<template> <el-table :data="tableData" style="width: 100%"> <el-table-column type="expand"> <template slot-scope="props"> <el-form label-positio...
2019-04-10 01:10:49
3005
4
原创 VUE3.x打包空白页(二)
官网提示打包之后空白页报错拿不到数据,表示要在vue.config.js中设置 baseUrl但是vue3.3版本之后 官网废弃了baseUrl属性使用了pubilcPath所以在vue.config.js中改为module.exports = { publicPath:'./'}就可以了详情链接:https://cli.vuejs.org/zh/config...
2019-04-05 11:25:56
942
原创 vue搭建脚手架时报错
正常搭建脚手架是运用了npm去下载依赖包如果手贱选择了yarn搭建时会出现如下错误Vue CLI v3.5.1✨ Creating project in C:\Users\enminrenguo\Desktop\男人\项目\mymsg.
2019-04-04 16:58:36
4309
2
原创 VUE3.x利用反向代理解决跨域
在这里插入代码片`大家都知道vue3.x相比于vue2.x更加的轻量级,也就意味着有些文件已经不会有了,那么在vue 3.x中如何设置反向代理?首先在根目录创建一个新的js文件(vue.config.js)然后再其文件里面设置module.exports = { devServer: { proxy: { '/api': {//请求称号...
2019-04-02 08:50:38
2625
原创 vue生命周期详解
vue的生命周期主要目的就是让每一个vue实例在不同阶段监听不同的方法,通过生命周期可以明确表现出vue实例在创建前后,挂载前后,更新前后,吊销前后的不同钩子函数官方文档表达的可能不是很清晰易懂,现在为大家详解一下生命周期beforeCreate/created (实例加载前/实例加载后)此时做的是将vue实例在加载前后所打印出来的东西,($el指的是vue实例中的属性,可以在控制台查看...
2019-04-01 14:20:19
219
原创 vue3.x打包之后空白页解决办法(一)
vue3.x打包之后空白页报错解决首先说 如果用vue3.x打包之后打开index.html时报错如下出现这样的报错,请在你的VUE项目的根目录创建一个vue.config.js将下面这句话打入这句话的大概意思就是把打包之后的路径从子目录变成同级目录查找打包之后空白页不报错然而打包之后再访问index.html发现还是一样空白页但是不报错了。此时需要打开你的dist打包文件去下...
2019-03-29 17:59:42
7153
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人