![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端文档分享
文章平均质量分 56
将慧圣
力量要用来分享,才能承前启后。
展开
-
uniapp vuex正确的打开方式
uniapp vuex使用,vuex模块化使用原创 2022-11-27 14:24:22 · 1007 阅读 · 1 评论 -
mac升级系统mysql无法启动解决
mysal无法启动解决最新版本 mysql8.0.28 启动不了解决过程小结最新版本 mysql8.0.28 启动不了尝试了卸载重装,点击 Start MySQL Server按钮均无效,然后通过替换mysql版本解决了解决过程卸载8.x.x版本mysql,可以从偏好设置面板mysql设置中点击uninstall卸载。安装5.7的版本安装地址:https://downloads.mysql.com/archives/community/我这边下载的是5.7.10版本3.安装完毕原创 2022-01-26 11:21:13 · 2110 阅读 · 2 评论 -
【leaflet地图点线面(多边形)绘制、删除】
【leaflet地图点线面绘制、删除】原创 2022-09-30 11:17:26 · 2837 阅读 · 0 评论 -
个人整理前端代码规范
代码规范- 为提高团队协作效率- 便于后来人员添加功能及前后期维护优化- 输出高质量的代码原创 2022-08-30 16:31:28 · 681 阅读 · 0 评论 -
koa2+mysql数据库增删改查
项目目录结构1.初始化项目项目初始化命令 npm init -y,自动生成一个package.json文件2.链接数据库创建db数据库文件夹,建立mysql.jsconst mysql = require('mysql');const connection = mysql.createConnection({ host: 'localhost', user: 'root', password: 'xxx', database: 'zengshangaich原创 2022-05-18 10:04:56 · 409 阅读 · 0 评论 -
npm install 时,卡住不动,五种解决方法
运行npm install 时,卡住不动,五种解决方法检查网络设置,删除node_modules重新npm install配置npm代理// 配置nmp代理来提高速度,如设置淘宝镜像npm config set registry https://registry.npm.taobao.org // 查看配置是否成功npm config get registry // 成功后重新npm install安装npm install使用cnpm来安装// 全局安装cnpm (mac需要加原创 2022-04-01 14:08:14 · 40040 阅读 · 10 评论 -
2022视频流,视频测试连接(无跨域)
视频,视频流测试连接m3u8视频流洗脑风暴https://vkceyugu.cdn.bspapp.com/VKCEYUGU-uni4934e7b/c4d93960-5643-11eb-a16f-5b3e54966275.m3u8flv视频流寻梦环游记http://img.ksbbs.com/asset/Mon_1704/15868902d399b87.flvMiss排位日记http://1011.hlsplay.aodianyun.com/demo/game.flv原创 2022-03-25 15:26:03 · 5145 阅读 · 0 评论 -
vue3.0引入element插件报错解决
vue3.0引入element插件报错解决vue3.0引入element官网方法参考报错信息解决方法至此成功启动vue3.0引入element官网方法参考https://element-plus.gitee.io/zh-CN/guide/quickstart.html报错信息报错信息见下图,还有很长的错误信息,找了很久定位到是vue版本的问题。解决方法修改vue的版本号即可至此成功启动...原创 2022-01-26 09:38:40 · 1472 阅读 · 0 评论 -
最新vue3.0配套elementui组件国际化配置
最新vue3.0配套elementui组件国际化配置背景介绍这是未做国际化之前的样子这是做完国际化的样子代码截图详解一下小结背景介绍最近正在学习vue3.0,尝试开始用vue3.0做项目了,发现elementui配套组件默认显示是英文的,网上查了诸多资料,不断尝试修改代码均无效。于是认真研读了一遍观望,总结出了解决办法。看以下截图这是未做国际化之前的样子这是做完国际化的样子代码截图详解一下1.官网代码给出的两种解决方案,我只说我成功的第一种:通过 ConfigProvider 的方式来原创 2021-08-16 16:34:49 · 3159 阅读 · 0 评论 -
webpack5配置解析
webpack配置文件 webpack.config.jsentry output loader plugins modewebpack 命令即可打包entryentry: 入口起点 1. string --> './src/index.js' 单入口 打包形成一个chunk。 输出一个bundle文件。 此时chunk的名称默认是 main 2. array --> ['./src/index.js', './src/add.js']原创 2021-06-28 11:14:00 · 1063 阅读 · 4 评论 -
webpack5开发环境和生产环境配置
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-06-28 11:08:34 · 501 阅读 · 2 评论 -
mac charles抓包工具配置
mac charles抓包工具配置代理端口号配置https配置手机端抓包配置小结代理端口号配置proxymacOS proxy (默认打开)配置开启可以访问pc端http链接此时访问https链接会报unknown,需要配置SSL代理https配置安装charles root证书将证书存储到钥匙串中,并信任证书配置SSL代理,启用,添加主机HOST * ,端口号 *至此配置完毕,unkown问题解决,可以抓到https请求啦手机端抓包配置手机端抓包需要按照步骤导入到原创 2021-03-03 12:39:55 · 1889 阅读 · 0 评论 -
windows charles抓包工具配置
手机端如果需要抓包需要按照步骤导入到手机存储证书中,其中 http://chls.pro/ssl 为证书下载地址,下载后存储到手机中,找到安装即可。要想抓到手机端的数据,还需要打开无线配置代理,host,端口号和电脑ip,port要一致。编辑不易,转载请注明出处。原创 2020-12-18 11:48:23 · 653 阅读 · 0 评论 -
Mac 最新 mongodb 配置
Mac 最新 mongodb 配置配置全局环境变量配置环境变量open -e .bash_profileexport PATH=${PATH}:/usr/local/MongoDB/binsource .bash_profilemongod -version //=> 检测是否配置成功配置数据库目录和日志首先手动在 mongodb 目录下建立 data/db 和 log/mongodb.log配置数据存放路径和日志文件路径sudo mkdir -p /usr/lo原创 2020-11-10 18:15:01 · 2103 阅读 · 15 评论 -
html去掉所有标签只留文本
str.replace(/<[^>]+>/g,"");原创 2020-10-22 15:22:10 · 886 阅读 · 0 评论 -
vscode本地同步修改ftp服务器文件
这里写自定义目录标题vscode本地同步修改ftp服务器文件搜索插件插件设置本地修改与服务器文件同步vscode本地同步修改ftp服务器文件本文记录一下本人使用vscode成功连接远程ftp服务器,并成功修改文件的步骤。搜索插件搜索sftp插件并成功安装插件设置按F1或者ctrl+shift+p 搜索sftp:config设置内容{ "name": "target", "host": "远程主机ip", "port": 22, "username": "用户名原创 2020-09-08 15:34:03 · 2389 阅读 · 2 评论 -
一小时学会js正则表达式
正则表达式regular expression : RegExp用来处理字符串的规则只能处理字符串它是一个规则:可以验证字符串是否符合某个规则(test),也可以把字符串中符合规则的内容捕获到(exec/match…)let str = "good good study,day day up!";//=>学正则就是用来制定规则(是否包含数字)let reg = /\d+/;reg.test(str); //falsestr = "2020-07-05";reg.exe原创 2020-07-08 16:22:10 · 334 阅读 · 0 评论 -
css多背景处理小例子
css多背景小例子简介项目都讲究性能优化,页面的渲染速度和加载的样式表,js文件,图片等等,我们所写页面的背景大都有图片组成,如果图片很大就会导致页面加载慢,给用户带来不好的体验。而css3多背景处理可以很好的优化图片过大这个令人头疼的难题。背景图1.65M很大,可能影响页面性能。用ps软件把背景图切割成几块,每个只有几百K然后css background属性可以添加多个u...原创 2020-04-10 16:56:47 · 188 阅读 · 0 评论 -
ps切图详解以及上传至蓝湖
ps切图详解以及上传至蓝湖介绍普通切片切图选择图层切图接下来是强烈推荐的上传蓝湖切图方式小结介绍我是一名前端开发工程师,随着工作环境的改变,遇到过公司没有ui设计师,或者ui设计师只为我提供psd设计稿,并没有切好图。由此可以看出会一些切图技巧对我们开发效率还是起着至关重要的作用。下边分享一下这方面我的经验,希望帮助到你。普通切片切图首先打卡ps软件 ctrl+p调出标尺,单位选择像素...原创 2020-04-08 18:49:03 · 16988 阅读 · 0 评论 -
css控制台带颜色输出
css控制台带颜色输出要输出的值需要拼接一下字符串,%c后边跟css样式,注意用逗号隔开。 let HHH = 'test'; console.log('%c' + HHH + '', "color:#036;font-size:20px"); console.warn(HHH) console.error(HHH) console.log('%c' + HHH + '', "colo...原创 2020-04-07 11:45:13 · 285 阅读 · 0 评论 -
爬(参考)一个网站的流程
1.复制html文档2.sources栏里那下所有的依赖项3.去掉一些防扒的东东(我也不清楚这个)4.之后灰色的图样会显示.5.把下载后的css,js,img等文件抽离到对应的文件夹把html页面中对应引用的网站型连接替换成保存的js即可运行完美完成图...原创 2019-03-20 20:36:51 · 197 阅读 · 0 评论 -
段落文字对齐
值 描述 left 把文本排列到左边。默认值:由浏览器决定。 right 把文本排列到右边。 center 把文本排列到中间。 justify 实现两端对齐文本效果。 inherit 规定应该从父元素继承 text-align 属性的值。 今天写布局偶然间发现一个很好用的css命令:text-align:justify 两端对齐;...原创 2019-03-16 20:02:58 · 321 阅读 · 0 评论 -
jquery图片懒加载
Jquery懒加载,亲测可用1.引入lazyload.js文件2.修改需要懒加载的图片格式(一般都是需要遍历多张图片的地方),以下是后台tp框架渲染方式3.在图片渲染完毕位置调用,placeholder占位符,即默认的图片,可以是本地路径,effect是效果,还有其他参数看官网介绍...原创 2019-03-15 11:59:03 · 604 阅读 · 0 评论 -
element-ui table样式处理
一:修改element-ui,一些样式在scoped或者行内无法修改,需在index.html下更改例如element-ui表头背景颜色修改原创 2019-03-15 11:44:26 · 3791 阅读 · 0 评论 -
图标颜色修改
图标颜色修改一:ps打开对应图标二:双击图层选中颜色叠加三:再次点击颜色叠加,更换为需要的颜色即可这里针对的是一些比较难搞得图标,ps会一点我们就不用求人,一般的建议去阿里图标库下载就好,很全,颜色背景都可以自定义.使用的时候记得外部套个div标签防止加载页面时变形.https://www.iconfont.cn/collections/inde...原创 2019-03-15 11:42:36 · 2118 阅读 · 0 评论 -
背景变透明处理
背景变透明处理一:ps打开对应图标二:魔棒自动选择白色区域三:双击图层锁子加图层四:点击Delete清除即可原创 2019-03-15 11:42:02 · 1863 阅读 · 0 评论 -
ps部分文字切掉
一.选择矩形工具,选定要修改的范围,然后填充对应颜色,前端部分进行相对绝对定位,预留接口传参数即可达到动态修改图样部分文字二.修改的图层放到最上边,保存为web所用格式,时间轴可以轮播就能实现动图效果.修改前后对比...原创 2019-03-15 11:40:56 · 1058 阅读 · 0 评论 -
ps吸管取色
选择吸管,点击要选中的区域个人前端所用,欢迎补充.原创 2019-03-15 11:39:02 · 1142 阅读 · 0 评论 -
微信开发安卓手机a标签多次点击跳转后失效
问题:用底部中a标签多次跳转,然后部分安卓机型出现无法跳转到首页,链接失效,iOS则正常,代码无错误。安卓微信内置浏览器打开有问题,手机自带浏览器正常。解决方法:添加?后缀即可. <div class="footer"> <a href="./today.html?go=true"> <img src="./images/today.pn...原创 2019-03-08 09:01:52 · 1322 阅读 · 0 评论 -
开发项目打包
每个公司平台用的发布平台,管理服务端代码工具不一样,列举一下我开发打包的步骤和工具(请查看我的xftp,git文章); 很简单一句话:打包需要项目依赖文件,框架项目则需要webpack打包压缩,最后放到测试目录下,浏览器打开即可 然后在浏览器打开http://test.haicaoread.com/xxx xxxx为对应的文件夹,即可查看效果....原创 2019-02-27 16:26:49 · 450 阅读 · 0 评论 -
开发过程中的样式,项目优化总结
优化:公用的抽离,方便管理!!!一:前端样式遇到的一些坑第一个为问题界面,第二个正常效果。解决方法:查看层级z-index,增加权重;查看并取消overflow:hidden属性。二:自适应样式出错网页导入很多的插件框架时,样式可能会受到影响;解决方法:谷歌浏览器F12开发者模式审查元素,看float是否清楚,line-height是...原创 2019-02-25 09:36:45 · 485 阅读 · 0 评论 -
移动端兼容性处理(适配,优化,对接app)
多终端适配<script> // 移动端多设备适配处理 (function (doc, win) { // 所有html var docEl = doc.documentElement, resizeEvt = 'orientationchange' in win...原创 2019-02-25 09:54:57 · 1562 阅读 · 0 评论 -
git用户名,ssh密钥配置
1.git config --list查看全局配置2.运行命令来配置你的用户名和邮箱$ git config --globaluser.name"yangwl"$ git config--globaluser.email"youremail@...com"3.git使用shh密钥git支持https和git两种传输协议,github分享链接时会有两种协议可选:...原创 2020-04-01 14:00:07 · 542 阅读 · 0 评论 -
css换行方式和文字溢出
css换行几种方式强制不换行div{ white-space:nowrap;}自动换行div{ word-wrap: break-word; word-break: normal;}强制英文单词断行div{ word-break:break-all;}...原创 2020-03-31 11:21:38 · 341 阅读 · 0 评论 -
css首行缩进示例
css首行缩进示例让每个段落首行开头文字缩进,如缩进2个文字距离样式这是我最近所写项目的效果图,红色是首行缩进效果,text-indent来控制的,对应单位可以是px,em,rem,我这里根据父元素的大小来判断的text-indent:2em;font-size:12px;...原创 2020-03-27 18:42:09 · 526 阅读 · 0 评论 -
layui日期控件点击一闪而过解决方法
今天测试提了个日期插件显示不出来或者一闪而过的bug,点击选择日期,弹出的框会一闪而过,切屏回来就出来了。解决方法:添加trigger属性(即触发input框select事件),即使高度不够也可以显示出来。//日期时间范围laydate.render({ elem: '#seachTime', range: true, trigger: 'click'});...原创 2020-03-27 18:26:45 · 1958 阅读 · 0 评论 -
css--公共样式和扩展美化
公共样式介绍公共样式扩展美化样式此为个人所用公共及美化样式表心得,感谢赏阅,期待您的宝贵意见。介绍一名合格的前端“攻城狮”首先要在布局静态页面方面过关,而静态布局,美化离不开样式表css,less,sass。公共样式一般如ul,li标签的圆点标志,a标签的下划线,颜色,文档的文本都是需要改变的,如果每次写项目都要手动敲一遍很费时费力。但如果把经常用的样式整理成一个css文件,每次写项目引用...原创 2020-03-19 22:26:10 · 170 阅读 · 0 评论 -
日期格式化总结
开发常用日期格式化总结自己常用的三种格式化日期方式1.Date原型封装2.Moment.js3.手动拼时间串4.layui时间插件自己常用的三种格式化日期方式1.Date原型封装这是我用的最多也最喜欢的格式化方式,直接附上代码(借鉴的)Date.prototype.Format = function (fmt) { var o = { "M+": this.getM...原创 2020-03-18 00:18:10 · 519 阅读 · 0 评论 -
art-template项目运用
一、介绍一个渲染性能出众模板引擎,无论在 NodeJS 还是在浏览器中都可以运行。二、安装artTemplate - 3.0 这个版本应该是目前应用最多的,常用五种使用方法。安装方法npm install art-template@3.0然后存起来,引用js到页面就可以用了。(template是简单语法,template-native是标准语法。)<script ...原创 2019-10-30 10:22:39 · 451 阅读 · 0 评论 -
前端分页从搭建到联调接口数据
之前一直做的是vue项目,分页用element-ui pagination插件来解决,解释教程很全,一直没什么问题。现在要为公司写一个老项目添加分页,而项目是用jquery搭建的,原生分页一直没处理过遇到了好多麻烦,网上插件很多,但是教程总是差一些东西,尤其是调后台接口这块。经过思考处理,今天写出了原生分页,测试过关,项目已上线,这里和大家分享一下分页搭建联调全过程。网站jquery的分页...原创 2019-10-29 17:09:16 · 490 阅读 · 6 评论