自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(66)
  • 收藏
  • 关注

原创 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 38674 10

原创 uniapp vuex正确的打开方式

uniapp vuex使用,vuex模块化使用

2022-11-27 14:24:22 920 1

原创 【leaflet地图点线面(多边形)绘制、删除】

【leaflet地图点线面绘制、删除】

2022-09-30 11:17:26 2576

原创 个人整理前端代码规范

代码规范- 为提高团队协作效率- 便于后来人员添加功能及前后期维护优化- 输出高质量的代码

2022-08-30 16:31:28 643

原创 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 376

原创 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 5011

转载 【SEO优化:请正确设置title,keywords,description】

一、title(网站标题) 1 title,就是浏览器上显示的那些内容,不仅用户能看到,也能被搜索引擎检索到(搜索引擎在抓取网页时,最先读取的就是网页标题,所以title是否正确设置极其重要。)title一般不超过80个字符,而且词语间要用英文“-”隔开,因为计算机只对英语的敏感性较高,对汉语的敏感性不高。 用法:<title>网站标题</title> 2 1)首页title写法,一般是“网站名称-主关键词或一句含有主关键词的描述”。小编在做优化时习惯把网站名称放最前面,主关.

2022-02-06 11:09:15 399

原创 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 2023 2

原创 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 1445

原创 最新vue3.0配套elementui组件国际化配置

最新vue3.0配套elementui组件国际化配置背景介绍这是未做国际化之前的样子这是做完国际化的样子代码截图详解一下小结背景介绍最近正在学习vue3.0,尝试开始用vue3.0做项目了,发现elementui配套组件默认显示是英文的,网上查了诸多资料,不断尝试修改代码均无效。于是认真研读了一遍观望,总结出了解决办法。看以下截图这是未做国际化之前的样子这是做完国际化的样子代码截图详解一下1.官网代码给出的两种解决方案,我只说我成功的第一种:通过 ConfigProvider 的方式来

2021-08-16 16:34:49 3091

原创 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 1031 4

原创 webpack5开发环境和生产环境配置

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2021-06-28 11:08:34 485 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 1872

原创 windows charles抓包工具配置

手机端如果需要抓包需要按照步骤导入到手机存储证书中,其中 http://chls.pro/ssl 为证书下载地址,下载后存储到手机中,找到安装即可。要想抓到手机端的数据,还需要打开无线配置代理,host,端口号和电脑ip,port要一致。编辑不易,转载请注明出处。

2020-12-18 11:48:23 598

原创 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 2052 15

原创 forEach、$.each、map

1.forEach() forEach主要功能是遍历数组。第一个参数是遍历的数组内容,第二个参数是对应的数组索引,第三个参数是数组本身。 [].forEach(function(value,index,array){}); 2.$.each() 等价于jq...

2020-11-09 10:38:15 131

原创 html去掉所有标签只留文本

str.replace(/<[^>]+>/g,"");

2020-10-22 15:22:10 810

转载 Vue中使用websocket的正确使用方法

建议看我写的另外一篇文章js封装一个websocket以下原文,不太成熟,可以不用看了第一次使用websocket就是需要在vue中去使用他,在网上搜索了很多如何在vue中使用的教程和示例,有些demo过于简单扩展性太差,有些存在bug网上经常被搜索到的一个答案是这个https://blog.csdn.net/niyuelin1990/article/details/78062139#commentsedit,但是这个答案中在解决websocket未开启和正在开启状态的处理方式是使用setTimeo

2020-09-17 16:43:39 3634 4

原创 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 2281 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 274

原创 css多背景处理小例子

css多背景小例子简介项目都讲究性能优化,页面的渲染速度和加载的样式表,js文件,图片等等,我们所写页面的背景大都有图片组成,如果图片很大就会导致页面加载慢,给用户带来不好的体验。而css3多背景处理可以很好的优化图片过大这个令人头疼的难题。背景图1.65M很大,可能影响页面性能。用ps软件把背景图切割成几块,每个只有几百K然后css background属性可以添加多个u...

2020-04-10 16:56:47 178

原创 ps切图详解以及上传至蓝湖

ps切图详解以及上传至蓝湖介绍普通切片切图选择图层切图接下来是强烈推荐的上传蓝湖切图方式小结介绍我是一名前端开发工程师,随着工作环境的改变,遇到过公司没有ui设计师,或者ui设计师只为我提供psd设计稿,并没有切好图。由此可以看出会一些切图技巧对我们开发效率还是起着至关重要的作用。下边分享一下这方面我的经验,希望帮助到你。普通切片切图首先打卡ps软件 ctrl+p调出标尺,单位选择像素...

2020-04-08 18:49:03 16270

原创 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 275

转载 一个简单的404页面

一个简单的404页面找了一个页面自己稍微做了一些修改可以直接使用。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...

2020-04-07 11:35:13 522

原创 git用户名,ssh密钥配置

1.git config --list查看全局配置2.运行命令来配置你的用户名和邮箱$ git config --globaluser.name"yangwl"$ git config--globaluser.email"[email protected]"3.git使用shh密钥git支持https和git两种传输协议,github分享链接时会有两种协议可选:...

2020-04-01 14:00:07 531

原创 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 329

原创 css首行缩进示例

css首行缩进示例让每个段落首行开头文字缩进,如缩进2个文字距离样式这是我最近所写项目的效果图,红色是首行缩进效果,text-indent来控制的,对应单位可以是px,em,rem,我这里根据父元素的大小来判断的text-indent:2em;font-size:12px;...

2020-03-27 18:42:09 508

原创 layui日期控件点击一闪而过解决方法

今天测试提了个日期插件显示不出来或者一闪而过的bug,点击选择日期,弹出的框会一闪而过,切屏回来就出来了。解决方法:添加trigger属性(即触发input框select事件),即使高度不够也可以显示出来。//日期时间范围laydate.render({ elem: '#seachTime', range: true, trigger: 'click'});...

2020-03-27 18:26:45 1923

原创 css--公共样式和扩展美化

公共样式介绍公共样式扩展美化样式此为个人所用公共及美化样式表心得,感谢赏阅,期待您的宝贵意见。介绍一名合格的前端“攻城狮”首先要在布局静态页面方面过关,而静态布局,美化离不开样式表css,less,sass。公共样式一般如ul,li标签的圆点标志,a标签的下划线,颜色,文档的文本都是需要改变的,如果每次写项目都要手动敲一遍很费时费力。但如果把经常用的样式整理成一个css文件,每次写项目引用...

2020-03-19 22:26:10 153

原创 日期格式化总结

开发常用日期格式化总结自己常用的三种格式化日期方式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 497

转载 yarn详细入门教程

简介Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管...

2020-01-19 11:49:59 12857

原创 art-template项目运用

一、介绍一个渲染性能出众模板引擎,无论在 NodeJS 还是在浏览器中都可以运行。二、安装artTemplate - 3.0 这个版本应该是目前应用最多的,常用五种使用方法。安装方法npm install [email protected]然后存起来,引用js到页面就可以用了。(template是简单语法,template-native是标准语法。)<script ...

2019-10-30 10:22:39 441

原创 前端分页从搭建到联调接口数据

之前一直做的是vue项目,分页用element-ui pagination插件来解决,解释教程很全,一直没什么问题。现在要为公司写一个老项目添加分页,而项目是用jquery搭建的,原生分页一直没处理过遇到了好多麻烦,网上插件很多,但是教程总是差一些东西,尤其是调后台接口这块。经过思考处理,今天写出了原生分页,测试过关,项目已上线,这里和大家分享一下分页搭建联调全过程。网站jquery的分页...

2019-10-29 17:09:16 474 6

原创 前端搭建模拟服务器

一、需要node.js支持。二、安装命令 npm install anywhere -g三,然后在你需要的文件夹目录下执行anywhere即可运行,端口号默认8000,可以指定端口号anywhere -p xxxx.谢谢赏阅,期待你的宝贵意见。...

2019-10-28 15:40:02 708

原创 js loading事件

工作中loading事件主要用于加载页面之前的展示,多用于接口调用时。loading插件有很多,也可以自己封装一个。下面举个自己的loading事件。var load = new Loading(); var load = new Loading(); //加载动画 load.init({ target: ".list-wr...

2019-10-22 20:08:44 2354

原创 js动态添加hover事件

通常前端css鼠标滑过,离开的事件加在css,scss,less中,但是比较复杂的情景,比如鼠标滑入触发多个事件亦或者其它元素的样式变化,如阴影,遮罩层,边框等等。这个时候JS控制hover事件是最好的选择,下面插入一段自己经常用到的特效,仅供参考。 直接上代码。<!DOCTYPE html><html lang="en"><hea...

2019-10-22 19:41:21 20204 2

原创 前端页面整合及模态框使用总结

IM笔记模态框1. 多个按钮同时控制一个模态框时要加一个公共变量例如 var flag = true 来控制显隐效果。2. 记得清楚或者带入模态框的数据。3. 遇到逻辑太复杂,多个变量无法控制同一模态框,或者模态框样式功能类似却发生冲突的情况下可以另外开一个模态框,避免不必要的混淆。<!--逻辑框--> <div class="chat_evaluate_...

2019-10-09 20:24:05 482

原创 本地存储时间,和时间格式化yyyy-mm-dd hh:mm:ss

1. 本地存储时间 通常用事件来触发,比如关闭窗口,点击事件触发存储 // 本地存储时间 key value var time = new Date(); localStorage.setItem('断线时间', time);2. 本地获取时间 // 获取本地存储的时间 ...

2019-09-26 14:59:24 563

原创 md文件编写常用语法类型

一:建立一个.md文件,例如readme.md 开始编写,整理后常用语法如下***评价规则确认0911----确定版!***1. 根据后台配置,控制买家是否可以主动评价,以及关闭窗口时是否需要弹窗强制评价2. 如果后台配置允许买家主动评价,买家在咨询的全过程(无论是否转接到其他客服)只能评价1次(主动评价后按钮置灰不可点击);如果后台不配置,则无法主动评价(按钮置灰)...

2019-09-19 11:05:03 1459

原创 js时间格式化

var dataFormate = new Data();function timestampToTime(timestamp) {var date = new Date(timestamp);//时间戳为10位需*1000,时间戳为13位的话不需乘1000var Y = date.getFullYear() + '-';var M = (date.getMon...

2019-09-17 16:13:48 1926

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除