- 博客(76)
- 收藏
- 关注
RSS订阅转载 前端配置化表单开发
本文从 场景介绍 、 设计&实现 、 性能优化 三个部分进行讲解。笔者当时的技术栈是 vue2 + element-ui，文章案例也是（其实大家不必纠结于技术栈，掌握设计的思路和理念，什么框架都是一样的）。主要能解决的问题就是 提高代码复用能力、提升开发效率，特别是需要开发多个大型表单系统的，配置化可以极大的提升效率，让你上班摸鱼不再是梦想！为了早点下班，我们接着往下看吧！...
2022-06-27 20:21:47
1529
原创 如何写出一篇好的技术方案？
近期在写某个项目的技术方案时，来来回回修改了许多版，很是苦恼。于是，将自己之前写的和别人写的技术方案都翻出来看了几遍，产生了一些思考，分享给大家。
2022-05-31 15:28:48
246
原创 npm ERR，exited with error code: 128
执行 npm install 产生如下错误代码：npm ERR! exited with error code: 128$ npm installnpm WARN deprecated [email protected]: This project has been renamed to 'tasksfile'. Install using 'npm install tasksfile' instead...
2022-05-21 11:46:22
16025
1
原创 Linux vi/vim 的基本使用
Linux vi/vimvi/vim 的使用基本上 vi/vim 共分为三种模式，分别是命令模式（Command mode），输入模式（Insert mode）和底线命令模式（Last line mode）。 这三种模式的作用分别是：命令模式：用户刚刚启动 vi/vim，便进入了命令模式。此状态下敲击键盘动作会被Vim识别为命令，而非输入字符。比如我们此时按下i，并不会输入一个字符，i被...
2022-05-21 11:41:10
486
转载 Linux 系统目录结构介绍
登陆系统后，在命令窗口输入命令：$ ls /53 boot dev home lib64 media mnt opt root selinux sys usr zabbix_filebin cgroup etc lib lost+found misc net proc sbin srv tmp var以下是对这...
2022-05-21 11:40:11
204
原创 必备GIS知识总结
前端开发绕不过去的技术之一是地图开发，在工作中遇到两个突出的问题：“低级”问题是开发地图功能很久了，对多种坐标系之间的转换关系依然不太清楚；“高级”问题就是对于公司内外琳琅满目的地图引擎，工具库，第三方地图相关数据，如何对标项目需求，去评估像地图选型，第三方地图对接的问题。
2022-05-21 11:38:09
1755
原创 使用await解决异步问题的注意点总结
项目中经常需要根据接口的返回值决定下一步操作promise, async/await时比较常见的处理异步操作的方法。本文主要是结合自己当前再项目中使用async/await的场景，说明在使用过程中应该注意的问题。
2022-05-21 11:37:49
2408
原创 Git操作分支
Git操作分支文章目录0. 事前预备1. 建立分支2. 切换分支3. 合并分支4. 删除分支5. 并行操作6. 解决合并的冲突7. 用rebase合并0. 事前预备首先建立一个新目录，并在里面建立一个空数据库。这里我们创建一个名为tutorial的目录。$ mkdir tutorial$ cd tutorial$ git initInitialized empty Git repos...
2022-05-21 11:15:47
221
原创 如何在vue中使用mockjs模拟接口的各种数据
mockjs的作用生成模拟数据模拟 Ajax 请求，返回模拟数据基于 HTML 模板生成模拟数据（后续更新）帮助编写单元测试（后续更新）Vue 中使用 mock有两种使用方式，一种是仅编写数据来调用，第二种是编写 服务+数据模拟真实接口（可在network查看）第一种方式使用mock的方式模拟数据接口可以写完整action url：http://localhost/logi...
2022-05-21 11:15:25
12176
原创 windows下 vue cli3 项目部署到nginx
Windows环境下 vue @cli3 项目使用 niginx 部署本项目采用前后端分离框架vue @cli3，独立于后端部署前端应用，也就是说后端暴露一个前端可访问的API，然后前端实际上是纯净态应用。那么可以将 dist 目录里构建的内容部署到任何静态文件服务器中，但要确保正确的 publicPath.使用 history 的路由的问题如果是在 history 模式下使用 Vue Ro...
2022-05-21 11:14:08
4378
原创 如何聪明地拒绝领导给自己安排的不想做的工作？
1 极其麻烦的任务，使用【场景构建法】拒绝2 越摊越大的饼，使用【策划案法】拒绝3 A领导擅自改B领导决策，使用【打个招呼法】拒绝
2022-05-18 11:57:10
2285
原创 了解依赖版本锁定原理
看完本文，你将从整体了解依赖版本锁定原理，package-lock.json 或 yarn.lock 的重要性。首先要从最近接连出现两起有关 npm 安装 package.json 中依赖包，由于依赖包版本更新 bug 造成项目出错问题说起。
2022-05-18 11:51:13
1788
原创 60种数据可视化图表总结
可视化图表种类如此之多，什么场景下应该用什么图表展示，是一个让人头秃的难题。数据可视化的爱好者Severino Ribecca，他在自己的网站上收录了 60 种可视化图表样式以及它们分别适用于什么样的场景，并且推荐了相应的制作工具。值得一看。点阵图点阵图表 (Dot Matrix Chart) 以点为单位显示离散数据，每种颜色的点表示一个特定类别，并以矩阵形式组合在一起。适合用来快速检视数据集中不同类别的分布和比例，并与其他数据集的分布和比例进行比较...
2022-05-17 21:38:03
5975
转载 新的 CSS 功能性伪类选择器:is() (:matches(), :any())
新的功能性伪类选择器:is() (:matches(), :any())
2022-05-11 11:06:11
600
原创 6个你可以马上使用的JavaScipt小技巧
JavaScript在越来越多的地方被使用，而且它还时不时的更新。既然更新了，就会有新的功能和新的方法来实现某些编程目标。其中一些功能可能需要使用polyfills或其他库（如Babel），以确保你的所有代码在最老的浏览器上也能如期工作。
2022-05-11 10:22:14
89
原创 Vue组件递归——组件化开发
不知道大家有没遇到过这样的场景：渲染列表数据的时候，列表的子项还是列表。如果层级少尚且可以用几个for循环搞定，但是层级多或者层级不确定就有点无从下手了。其实这就是树形结构数据，像常见的组织架构图，文件夹目录，导航菜单等都属于这种结构。很多组件库都带有树形组件，但往往样式不是我们想要的，改起来也非常的费劲。那么，如何自己渲染这些数据呢？答案就是——组件递归！
2022-04-01 17:55:54
534
原创 js实现深拷贝
深度克隆（深拷贝）一直都是初、中级前端面试中经常被问到的题目，网上介绍的实现方式也都各有千秋，大体可以概括为三种方式： 1. JSON.stringify+JSON.parse, 这个很好理解； 2. 全量判断类型，根据类型做不同的处理 3. 2的变型，简化类型判断过程
2022-04-01 16:05:32
136
转载 CDN加速原理
随着互联网的发展，用户在使用网络时对网站的浏览速度和效果愈加重视，但由于网民数量激增，网络访问路径过长，从 而使用户的访问质量受到严重影响。特别是当用户与网站之间的链路被突发的大流量数据拥塞时，对于异地互联网用户急速增加的地区来说，访问质量不良更是一个 急待解决的问题。很多时候，大家都在谈CDN，那么何为CDN，原理是什么，今天就给大家普及普及。
2022-01-27 18:23:50
283
原创 前端一倍图、二倍图、多倍图
获得设备像素比后，便可得知设备像素与CSS像素之间的比例。也就是window.devicePixelRatio。一倍图：当这个比率为1:1时，使用1个设备像素显示1个CSS像素。二倍图：当这个比率为2:1时，使用4个设备像素显示1个CSS像素，三倍图：当这个比率为3:1时，使用9（3*3）个设备像素显示1个CSS像素。设备像素:也叫物理像素，显示设备上最微小的物理部件。 比如 iphone 5：640 x 1136px. 不同的机型有不同的设备像素,固定死的。这里需要讲一下显示分辨率一定的情况下，
2021-09-28 16:27:47
2374
原创 前端面试题总结
javascriptjs常见面试题vue30 道 Vue 面试题，内含详细讲解（涵盖入门到精通，自测 Vue 掌握程度）nodejsNodeJS有难度的面试题
2020-05-22 18:41:48
195
原创 jQuery之ajax篇
jquery之ajax篇一.jquery ajax设置header的两种方式1.设置headers参数：headers: { // "Authorization":"Basic "+ auth, 'Content-Type': 'application/json'},2.设置在beforeSend方法中beforeSend: function (xhr) { xhr....
2019-02-18 17:06:17
644
转载 一位老板和员工的对话，震撼无数人
到公司工作快三年了，比我后来的同事陆续得到了升职的机会，我却原地不动，心里颇不是滋味。终于有一天，冒着被解聘的危险，我找到老板理论。“老板、我有过迟到、早退或乱章违纪的现象吗？”我问。老板干脆地回答“没有”“那是公司对我有偏见吗？”老板先是一怔，继而说“当然没有。”那为什么比我资历浅的人都可以得到重用、而我却一直在微不足道的岗位上？”老板一时语塞，然后笑笑说：“你的事咱们等会再说，我手...
2019-01-29 11:14:53
1818
转载 老板与程序员的对话
网上有一个程序员和老板的段子。晚上吃饭的时候，老板接到一个电话，电话是一个骨干程序员打来的，平时有点内向，比较少交际。只听他大吼，老刘。老板淡定的说，冷静点，是不是喝多了，最近压力大，也要照顾好身子啊。。程序员没有想到老板这么关心他，一时语塞。老板继续说，别想太多，下个月项目结束，给你一个星期的假期好好放松。喝多了就好好休息。对方唯唯诺诺，一句谢谢刘总，就挂了。然后老板一个电话打给他们组的项目经...
2019-01-29 10:59:17
783
转载 vscode问题合集
【提出问题】2019/1/20 更新 visual studio code 后发现全局搜索功能消失【解决方法】依次按下以下组合键：ctrl + break; ctrl + scroll, alt + break。
2019-01-28 16:39:27
430
1
转载 mysql连接flush-hosts问题处理
mysql连接flush-hosts问题处理上网查到解决方案【错误】Host is blocked because of many connection errors; unblock with ‘mysqladmin flush-hosts’；【原因】同一个ip在短时间内产生太多(超过mysql数据库max_connection_errors的最大值)中断的数据库连接而导致的阻塞；【解决...
2019-01-28 15:34:35
42459
原创 刘欢的博客
LenhartGG的博客，记录学习和工作中的点点滴滴文章分类1.Html/Http 2.Css/Css3 3.JS/ES64.vue2.05.AngularJs6.NodeJS7.构建工具 其他8.IDE9.echart.js1.最新2篇文章style.left 与offsetLeft，style.width和offsetWidth的之间区别深入理解...
2018-07-12 15:44:26
379
原创 style.left 与offsetLeft，style.width和offsetWidth的之间区别
1. style.left 与offsetLeft之间的区别 offsetLeft 获取的是相对于父对象的左边距marginleft，left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的...
2018-07-10 17:46:04
745
原创 标准时间转换
var format = function(time, format){ var t = new Date(time); var tf = function(i){return (i < 10 ? '0' : '') + i}; return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function(a){ swi...
2018-05-30 14:51:55
1001
原创 VSCode更新之后，rg.exe占用cpu过高
下载VSCode 1.18以上版本 安装完成之后文件-&gt;首选项-&gt;搜search.followSymlinks“改为false
2018-05-11 19:22:25
22540
原创 移动端css初始化
@charset &quot;utf-8&quot;;/* 禁用iPhone中Safari的字号自动调整 */html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 解决IOS默认滑动很卡的情况 */ -webkit-overflow-scrolling : touch;}/* 禁止缩放表单...
2018-05-10 10:49:54
2716
原创 npm运行报错Error: listen EADDRNOTAVAIL
使用npm run dev 运行vue2.0项目的时候遇到了一个错误：Error: listen EADDRNOTAVAIL 192.168.199.123:8081导致项目运行不起来，然后我打开网络适配器=》internet 协议版本4（tcp/IPv4）属性，发现网络设置的是自动获得ip地址， 由于路由器是随机分配ip地址的，自动获取的ip地址和项目配置文件里面手动设置的 h...
2018-05-10 00:57:53
16322
原创 输入ipconfig显示不是内部命令的解决方法
有一次在查询dns的时候打开命令提示符，输入ipconfig，按回车键之后，显示不是显示不是内部命令。解决方法：第一步打开高级系统设置： 第二步 打开环境变量找到path 双击或编辑： 第三步 编辑环境变量在最后加上 ;c:\windows\system32 ，然后确定保存之后就可以查询。 查询dns：第一步 win+R 输入cmd 打开命令行： 第二步 ...
2018-05-04 10:43:39
6791
原创 vue中使用less
1.安装less依赖npm install less less-loader --save2.修改webpack.base.conf.js文件配置loader加载依赖，让其支持外部的less,在原来的代码上添加{test: /\.less$/,loader: "style-loader!css-loader!less-loader",},3.使用less...
2018-05-03 12:21:17
742
原创 Web Storage 概念和用法
Web Storage API 提供机制， 使浏览器能以一种比使用Cookie更直观的方式存储键/值对。Web Storage 概念和用法Web Storage 包含如下两种机制：sessionStorage 为每一个给定的源（given origin）维持一个独立的存储区域，该存储区域在页面会话期间可用（即只要浏览器处于打开状态，包括页面重新加载和恢复）。localStora...
2018-04-13 13:42:25
1890
1
原创 深入理解javascript闭包
什么是闭包？ 当一个函数能够记住并访问到其所在的词法作用域及作用域链，特别强调是在其定义的作用域外进行的访问，此时该函数和其上层执行上下文共同构成闭包。需要明确的几点：1.闭包一定是函数对象2.闭包和词法作用域、作用域链、垃圾回收机制息息相关3.当函数一定是在其定义的作用域外进行访问时，才产生闭包4.闭包是由该函数和其上层执行上下文共同构成闭包的应用需要注意的事...
2018-04-13 13:41:05
221
原创 用css实现元素垂直居中的方法
css实现元素垂直居中的方法1.在不知道自己的高度和父元素高度的情况下，使用定位+平移：.parent { position: relative;}.son { position :absolute; top: 50%; transform: translateY(-50%);}2.若父容器下只有一个元素，且已知父元素高度，使用相对定位即可：...
2018-04-12 11:06:19
339
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人