- 博客(22)
- 收藏
- 关注
RSS订阅原创 手写Webpack插件：在dist文件夹生成一个 git 版本信息的文件
为方便管理每次打包部署到测试环境，具体是哪条分支、什么时间、打包人... 所以手写一个 webpack 插件：实现打包时生成一个 git 分支版本信息的文件
2023-10-07 11:26:53
2055
原创 Vue Element UI动态生成的表单并校验
表示绑定自定义的属性，它只是将父组件的数据传递给子组件，没有实现父子组件间的数据双向绑定。通常是用于 input 的双向绑定，但是它不会向子组件传递数据。
2023-07-10 10:28:05
2424
原创 Vue多个表单校验 (巧用new promise)
同一个页面有多个模块，每个模板又单独使用了一个表单组件，那么我们在点击提交按钮时如何同时校验多个表单，我们可以使用Promise。
2023-07-06 16:37:14
3173
原创 scp2自动化部署到静态文件服务器 Nginx
平时部署项目：先部署到测试环境，再发布到生产环境上，部署到测试环境用xshell连上服务器，然后用xftp连接服务器，将本地build好的dist文件通过xftp上传到服务器上，整个流程感觉稍有繁琐，重复。解决方法：利用scp2插件完成自动化部署。
2023-04-14 19:50:14
727
原创 webpack3.x ~ 4.x 优化笔记
将react、react-dom、redux、react-redux基础包和业务基础包打包成一个文件，的编码格式，服务器接受到请求之后，读取压缩后的文件，服务器直接返回给浏览器。插件来舍弃中文以外的其余语言文件，体积大致能缩减为原来的四分之一。更小的体积对于用户体验来说就意味着更快的加载速度以及更好的用户体验。格式的文件，浏览器进行解压缩，这样以来就节省了服务器压缩的时间。可以很大程度减少包的大小，页面大小可以变为原来的。，可以打包处理各种类型的文件。中约定了静态资源，但是打包的时候。
2023-04-12 19:13:58
793
原创 hexo的Matery主题优化（三）
个人博客作为效果参考：https://yunfulin.gitee.io/contact/直达链接: link效果图：LeanCloud：官网创建应用完成以后，点击 ----- 在主题的配置文件 找到 另外还要在主题的配置文件 找到 更改 链接3、更改 valine.ejs在文件中找到 完整的代码
2023-04-06 18:40:35
642
原创 hexo的Matery主题优化（二）
个人博客作为效果参考：https://yunfulin.gitee.io/直达链接: link在 下，新建一个文件 loading.ejs2、CSS代码在**** 下，新建一个文件 loading.css3、编辑配置文件在主题的配置文件 ，末尾加入4、引入文件在文件 的 标签里面 引入 文件在文件 的 标签引入2、看板娘（卡通人物）1、安装模块2、配置在根目录的 ，底部添加就是这么简单！
2023-04-06 15:22:36
522
原创 hexo的Matery主题优化（一）
个人博客作为效果参考：https://yunfulin.gitee.io/直达链接: link在 新建一个文件 bubble.js2、编辑配置文件在主题的配置文件 找到 然后在 js 下引入在主题的配置文件 的底部，添加下面代码3、引入文件在文件 的 标签里面 引入2、鼠标点击弹出文字1、创建 click_show_text.js在主题文件 下新建 2、直接引入文件在文件 的 标签里面 引入3、鼠标移动特效1、创建 mouse_snow.js在主题文件 下新
2023-04-06 11:14:52
553
原创 CSS高频面试题（二）
BFC ( Block Formatting Context)，块级格式化上下文，是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。两个 p 元素之间的距离为100px，发生了margin重叠（塌陷），以最大的为准，如果第一个p 的margin为80的话，两个p之间的距离还是100，以最大的为准。BFC在计算高度时，浮动元素也会参与，所以我们可以触发 .father 元素生成BFC，则内部浮动元素计算高度时候也会计算。5、给父元素设定高度。
2023-03-31 18:10:33
324
原创 CSS高频面试题（一）
3. 白色区域则为width、height，这时候把白色区域部分宽高逐渐变小，最终变为0。2. 将border设置100px，发现border渲染并不是正方形, 而是梯形。4. 设置透明, 隐藏其中三个三角形。1.首先画一个正方形。
2023-03-30 17:47:03
289
原创 a标签下载附件，无法下载、无法重命名？怎么回事
a>的download属性是HTML5新增的属性，它可以使 a 标签的href属性进行下载，download属性为下载后的文件名这个值可能会通过JavaScript进行动态修改或者中指定的download属性优先级高于a.download。
2023-03-29 15:47:52
3852
原创 react引入插件报错Error: Minified React error #321
当下载的时候，它会自动更新到中间那个数字（minor version）的最新版本，比如：“~4.2.0”，库就会更新到 4.2.X 的最新版本，但是不会更新到4.3.X版本，波浪符号是曾经 npm 安装时候的默认符号，现在已经变为了插入符号。react-redux 是依赖 react 的，放到redux这个入口，打包会产生两个react实例，解决办法很简单，移动到 vendor 的入口，再打包就不会出现这个问题了。可以看到他的版本已经升级到了 16.14.0😮，也就是说他是支持hook的。
2022-10-11 11:28:13
7741
原创 nvm、nrm、node、npm、yarn使用教程
安装 nrm：npm install -g nrmnrm 是一个 npm 源管理器，允许你快速地在 npm源间切换。命令作用nrm ls查看可选源nrm use （源）切换源nrm add （名称）（源）添加源测试网络延迟。
2022-09-30 16:09:05
946
原创 ant-design的Table组件暂无数据，滚动条位置修改
antd3.x的Table组件，设置横向滚动，如果没有数据，横向滚动条会展示在暂无数据的上方，现在想要把暂无数据展示在滚动条的上面原本效果。
2022-09-16 14:47:39
4251
原创 如何巧妙修改node_modules里的代码
在平常的开发中，其实是很少需要改里的代码的。但是如果npm包有点小问题或者不符合我们的场景。那我应该怎么改才能是最好的呢？
2022-09-06 10:49:06
6615
1
原创 React基于antd3.x 图片预览，支持轮播、缩放、拖拽
在一个React项目上，新增一个图片预览功能，如果你们的UI是基于的可以看看这个，然后我的项目是基于 antd3.x，因为项目比较大，不好升级实现效果😁：react图片预览。
2022-08-25 17:16:58
4504
2
原创 如何在谷歌里安装 vue react 调试工具
一、下载这里我推荐一个自己常用的插件 收藏猫插件 ???? ???? ????点击下载插件手动安装，扫码并关注公众号就行????????????????下载插件，并在浏览器提示中选择【保留】二、打开浏览器扩展安装页面点击浏览器右上角 ⋮ > 更多工具 > 点击 扩展程序三、安装插件在扩展中心打开右上角的 【开发者模式】 按钮，然后 【刷新】 页面，把下载好的 .crx 文件拖入扩展中心然后在自己的 vue 项目中 F12看控制台，菜单栏就会多了一个 vue（
2021-11-30 17:47:36
290
原创 vue实现简单分页（后台只返回分页的全部数据，分页功能前端做）
实现效果????：定义datacur: 1, // 当前页totalPage: '', // 总页数pageSize: 3, // 每页要展示数据条数showPage: [], // 每页展示的数据tableData: [], // 接收后台的总数据接收后台数据methods: { // 页面初始化 getInit () { getDetail(params).then(res =>
2021-10-18 11:32:32
7506
2
原创 vue移动端适配（vue-cli 3/4）
目录项目场景：问题描述：原因分析：解决方案：项目场景：Vue项目H5页面，只要求适配移动端（vue 2.6 + @vue/cli 4.5.13）问题描述：以前做的 vue-cli 2.x 移动端适配我是用 lib-flexible + px2rem-loader ，然后这次 @vue/cli 4 用了它就不灵了，发现刷新页面样式缩小了，我擦。。。原因分析：后来翻阅了一些文档，由于viewport单位得到众多浏览器的兼容，lib-flexible这个过渡方案已经可以放弃使用，不管是现在的版本
2021-10-11 23:59:22
2833
4
原创 安装vue脚手架@vue/cli 4.5.13(稳定版)
安装vue脚手架vue/cli@3.12.1(稳定版)最近从0搭建一个 vue 简单的 h5 页面，还记得以前自己是用 vue-cli 2.0的版本 里面有默认配置好的webpack配置，但现在很多小伙伴都已经用最新的 @vue/cli 4+ 版本了，毕竟 @vue/cli 3 以上 的版本，比 2.0 的配置文件简洁了很多，当然你还得跟上时代的脚步，不然你就被淘汰了。但自己搭建过的小伙伴都应该知道，...
2021-10-09 14:58:57
18551
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人