- 博客(187)
- 资源 (24)
- 收藏
- 关注

原创 webpack基本使用,打包 html多页面 scss预处理器 autoprefixer浏览器前缀 使用jquery,代码压缩,命令行自动生成html和js
webpack基本使用目录webpack基本使用打包基本使用打包js打包htmlpackage.json 中依赖包问题:html中img src引入图片不打包使用scss安装scsswebpack.config.js配置使用extract-text-webpack-plugin使用 autoprefixer安装autoprefixer根目录新建`postcss.config.js` 文件webpack.config.js配置package.json配置安装jquerynpm安装jqueryCND引入jqu
2020-08-20 14:41:06
165

原创 elementUI table自定义表头弹框搜索,排序,显示tag标签
elementUI table自定义表头弹框搜索,排序,显示tag标签允许一种排序,多种搜索条件包括三种类别,添加了solt插槽,也可以自定义:输入框[input]多选[checkbox]范围值[from-to]目录先上效果图标签tags使用方法标签tags代码===== 分割线 =====搜索弹出框使用方法搜索弹出框 selectCont 代码store中 creditManage 代码utils/tags 代码先上效果图标签tags使用方法绑定普通标签数据,排序数据,关闭排序标签
2020-06-30 16:44:11
530

原创 vue nodejs elementUI mysql express demo 入门前后端分离项目,包含登录注册,列表查询分页,请求头解决跨域
vue-nodejs-elementUI-mysql-express-demo 入门项目,包含登录注册,列表查询分页在学习过程中,自己编写的入门项目,有什么好的建议欢迎评论,互相学习。github地址 https://github.com/zshuai34/vue-nodejs-elementUI-mysql-express-demo本项目为入门项目,采用前(vue)后(nodejs)端分...
2019-12-09 15:49:40
654
原创 canvas画圆形进度,显示百分比进度
canvas画圆形进度/** * 圆圈进度 * @param el dom元素 * @param num 进度 * @param color num>0时 字体颜色 * @param lineColor 有进度-线颜色 */function drawCircle1(el, num, color, lineColor) { var ctx = el.getContext("2d"); var w = ctx.canvas.width; var h = ctx.canvas..
2020-12-14 16:08:05
25
原创 css单行和多行超过宽度 显示点点点
单行超出显示点点点overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行超出显示点点点overflow: hidden;width: 200px;height: 36px;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; /*2行末尾显示点点点*/...
2020-12-14 11:21:54
69
转载 node 多版本切换的实现方案[转载]
方案1:配置多个环境变量,通过切换环境变量的方式切换node版本 方案2 : 使用nvm实现多版本node切换https://juejin.cn/post/6889811457140064263
2020-12-12 16:02:13
22
转载 React-router 基本用法
转载自 阮一峰的网络日志 (ruanyifeng.com)React-router路由库: ReactTraining/react-router: Declarative routing for React (github.com)示例库: react-router-tutorial/lessons at master · reactjs/react-router-tutorial (github.com)文 档: React Router 使用教程 - 阮一峰的网络日志 (ruanyifen
2020-12-02 18:03:02
26
原创 ERROR in ./src/css/index.scss Module build failed: Error: “extract-text-webpack-plugin“ loader is
webpack抽离css报错,extract-text-webpack-pluginERROR in ./src/css/index.scssModule build failed: Error: “extract-text-webpack-plugin” loader is used without the corresponding plugin, refer to https://github.com/webpack/extract-text-webpack-plugin for the usag
2020-12-01 10:31:30
75
原创 fiddler拦截模拟器中app的请求设置方法
fiddler拦截模拟器中app的请求设置方法fiddler设置Tools -> Options -> connections 设置端口号可以勾选Allow remote compututers connect 过滤pc中请求模拟器中设置设置中选择WLAN,长按连接的网络,手动设置代理主机名:电脑的IP地址【ipconfig查看】端口号:fiddler中设置的一样成功!请求查看...
2020-11-16 16:53:59
47
原创 Fiddler过滤域名或只显示某个域名
一、选中use Filters二、可以根据自己需要进行选择选项一、no zone filter 【 无区域过滤器 】show only intranet hosts 【仅显示内网主机】show only internet hosts 【仅显示互联网主机】选项二、hide the following hosts 【隐藏以下主机】show only the following hosts 【仅显示以下主机】flag the following hosts 【标记以下主机】三、应用acti
2020-11-16 16:36:46
41
原创 Windows删除电脑中的图片、文档、视频、3D对象文件夹、音乐文件夹
复制下面代码,新建文档保存为 a.reg文件,然后双击运行。Windows Registry Editor Version 5.00; 下载文件夹[-HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\MyComputer\NameSpace\{088e3905-0323-4b02-9826-5d99428e115f}]; 图片文件夹[-HKEY_LOCAL_MACHINE\SOFTWARE\Micros.
2020-11-02 20:48:29
50
原创 js小数位不足位数补0,随机生成n条手机号,用于测试
function repairZero(num, len) { if(String(num).length > len) return num; return (Array(len).join(0) + num).slice(-len);}js随机生成n条手机号,用于测试// 位数不足补0 function repairZero(num, len = 4) { if (String(num).length > len) return num;
2020-10-23 14:21:02
24
原创 webpack打包区分开发和生产环境,设置不同的publicPath
webpack打包区分开发和生产环境,设置不同的publicPath1、安装 cross-envnpm i -D corss-env2、package.json中添加环境参数cross-env NODE_ENV=production 和cross-env NODE_ENV=development`"scripts": { "watch": "webpack --watch", "build": "cross-env NODE_ENV=production webpack",
2020-10-12 16:35:10
149
原创 js将文件大小字节转换成B,KB,MB,GB,TB方法
js将文件大小字节转换成B,KB,MB,GB,TB方法目录js将文件大小字节转换成B,KB,MB,GB,TB方法使用if-else语法使用三元表达式语法使用if-else语法/** * 文件大小 字节转换单位 * @param size * @returns {string|*} */export const filterSize = (size) => { if (!size) return ''; if (size < pow1024(1)) return size
2020-09-30 14:52:53
364
原创 scp上传下载命令,从windows中上传或下载文件到linux系统目录中
scp上传下载命令,从windows中上传或下载文件到linux系统目录中将doc目录中的文件下载下到本地电脑中,打开Windows服务器中的cmd命令# 下载 -r 代表递归,不加-r只能下载单个文件,不能是目录$ scp -r root@服务器ip:/opt/nginx/html/doc/ ./nginx-a将本地电脑中的文件上传到服务器中doc目录# 上传$ scp ./webpack多页面应用的使用.pdf root@服务器ip:/opt/nginx/html/doc/# 会提示
2020-09-25 17:51:30
103
原创 js图片压缩后上传方法,图片超过1M先进行压缩,然后再上传
js图片压缩后上传方法,图片超过1M先进行压缩,然后再上传图片上传目录js图片压缩后上传方法,图片超过1M先进行压缩,然后再上传html代码js代码html代码<input type="file" name="file" class="file" id="uploadImg" multiple accept="image/jpg, image/jpeg, image/png" onchange="uploadFileChang()">js代码function uploa
2020-09-24 15:47:27
197
原创 textarea字数限制输入字数,超字数时截取字符串显示
标题textarea字数限制输入字数,超字数时截取字符串显示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计数限制-aixiaodou.cn</title> <style> .tips { height: 200px; overflow: auto; } </style>
2020-09-23 16:31:56
40
原创 MongoDB基本使用安装 创建数据库,表的基本操作
MongoDB基本使用MongoDB是一种文档导向数据库管理系统,由C++撰写而成。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。MongoDBMongoDB基本使用1.安装2.基本使用2.1数据库创建和删除2.2 集合的创建和删除2.3条件查询2.4 Limit()方法和Skip() 方法2.5 sort() 方法2.6 文档的插入更新删除1.安装开源版下载地址 https://www.mongodb.com/try/downlo
2020-09-21 17:13:03
56
原创 vue打包多页面应用,使用 vue 2.6.11和vue-cli 4
vue打包多页面应用使用 vue 2.6.11和vue-cli 4项目目录中的 vue-router没有使用,项目目录中的vuex没有配置,在各个页面js中配置即可git地址:https://github.com/zshuai34/vue-pages演示样式:项目目录打包后的目录项目地址:https://github.com/zshuai34/vue-pagesvue.config.js代码let path = require('path')let glob = require
2020-09-18 11:35:04
183
原创 vue-i18n国际化使用,vue-elementui中使用vue-i18n国际化多语言工具
vue-i18n国际化使用,vue-elementui中使用vue-i18n国际化多语言工具目录vue-i18n国际化使用,vue-elementui中使用vue-i18n国际化多语言工具1.安装2.main.js3.新建lang文件夹index.jszh.jsen.js使用方法一方法二1.安装npm i vue-i18n -S2.main.jsimport i18n from './lang' // internationalization// 修改vue引入elementuiVue.us
2020-09-16 15:13:04
71
原创 webpack笔记-安装依赖整理/url-loader/devtool配置/watch监听文件改变自动打包/resolve.extensions和resolve.alisa
webpack笔记-安装依赖整理安装依赖整理#第一步的安装npm init -y npm i webpack webpack-cli -D#-D 开发依赖,上线不需要npx webpack #这个指令直接就默认生成dist的main.js,默认是生产环境#支持模块化 可以用commonJS语法#安装 挂载到内存的插件npm i webpack-dev-server html-webpack-plugin -D#安装 css-loader style-loader 解析css文
2020-09-13 14:03:04
70
原创 nodejs开启gzip压缩和 使用scp传输文件到centos服务器中
nginx开启gzip压缩打开 nginx-1.18.0\conf\nginx.conf 文件,在 http{}中添加gzip on; //开启gzip压缩gzip_disable "msie6"; //IE6以下对Gzip不怎么友好,不给压缩了gzip_min_length 1k; //最小的长度,1K,文件如果太小,小于1K,就不会压缩,因为没准压缩之后还要变大gzip_buffers 4 16k; //设置缓存的单位,压缩的时候要分配的缓冲区,缓冲区以16K为单位,往缓冲区写入内容的
2020-09-13 11:38:05
40
原创 npm包安装/升级,npm i --save和--save-dev区别,dependencies和devDependencies区别,package.json文件中版本号含义
npm包安装/升级,npm i --save和–save-dev区别,dependencies和devDependencies区别,package.json文件中版本号含义目录npm包安装/升级,npm i --save和--save-dev区别,dependencies和devDependencies区别,package.json文件中版本号含义npm包安装/升级package.json中安装依赖分类npm i --save和 npm i --save-dev区别package.json 文件中版本号含
2020-09-13 11:22:49
172
原创 安卓浏览器中video组件会显示播放按钮
安卓浏览器中video组件会显示大的播放按钮*::-webkit-media-controls-start-playback-button{ display: none; -webkit-appearance: none;}*::-webkit-media-controls-panel{ display: none; -webkit-appearance: none;}*::-webkit-media-controls-play-button{ display: none;
2020-08-28 11:00:26
163
原创 sass/scss文档整理mixin混入 方法 摘取一些记录笔记
sassScss目录sass混合(Mixins)嵌套父选择器 &子选择器 >属性嵌套注释SassScript变量 $全局变量局部变量数据类型运算:数字运算除法运算颜色值运算字符串运算 +插值语句 `#{}`@-Rules与指令@import@media@extend控制指令@if@for@each@while混合指令(Mixin)定义混合指令 @mixin引用混合样式 @include参数参数默认值:关键词参数:参数变量向混合样式中导入内容函数指令SCSS输出格式1 `:nested`2 `
2020-08-27 17:52:12
139
原创 js/css自定义滚动,聊天滚动,div滚动,video组件全屏事件监听
自定义滚动由右向左滚动js// 右 -> 左function markun(obj, delay, long, speed) { var ddd = obj.length; setTimeout(function () { setInterval(function () { for (var i = 0; i < obj.length; i++) { if ($(obj[i]).position().left <= (-500)) {
2020-08-27 17:10:17
58
原创 webstorm配置scss/sass自动转换成css代码及scss的使用命令
webstorm配置scss/sass自动转换成css代码打开webstorm file => settings => File Watchers 添加 scss在 Arguments 中配置 :默认配置:$FileName$:$FileNameWithoutExtension$.css如果想自定义一些配置:--sourcemap=none --no-cache -t compact $FileName$:$FileNameWithoutExtension$.css--sou
2020-08-26 18:32:50
354
原创 commonJS规范笔记module.exports和exports,export和export default
commonJS规范笔记目录commonJS规范笔记1.概述2.module.exports和exports3.require命令3.1基本用法3.2 加载规则3.3 目录的加载规则3.4 模块的缓存3.4 require.main4.导入导出模块es5中es6中export defaultexport1.概述2.module.exports和exportsmodule.exports属性表示当前模块对外输出的接口,其他文件加载该模块,实际上就是读取module.exports变量。为了方
2020-08-20 14:34:16
42
原创 cookie/sessionStorage/localStorage封装使用
cookie/sessionStorage/localStorage封装使用cookie/*设置cookie*/function setCookie(name, value, expires) { var exp = new Date(); exp.setTime(exp.getTime() + expires * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTStri
2020-08-14 17:13:12
64
原创 windows下nginx常用操作启动,停止,重启,查看版本命令
Windows下nginx命令进入nginx目录 e:/nginx-1.18.01.启动:start nginx#启动完之后命令窗口可以关闭,和双击nginx.exe效果相同# 或者./nginx.exe./nginx# 执行完之后,命令窗口会一直处于执行中,不能进行其他命令2.停止./nginx -s stop# 或者./nginx -s quit# stop是快速停止nginx,可能并不保存相关信息;quit是完整有序的停止nginx,并保存相关信息。3.重新载入ngi
2020-08-12 11:32:53
434
转载 js防抖debounce和节流throttle区别和实现
防抖当持续触发事件的时候,函数是完全不执行的,等最后一次触发结束的一段时间之后,再去执行。使用场景【输入实时查询、多次点击按钮】持续触发不执行不触发的一段时间之后再执行节流节流的意思是让函数有节制地执行,而不是毫无节制的触发一次就执行一次。什么叫有节制呢?就是在一段时间内,只执行一次。使用场景【监听鼠标滚动,下拉加载数据】持续触发并不会执行多次到一定时间再去执行防抖演示:(频繁调用,只执行最后一次)节流演示:(频繁调用,每隔一段时间执行一次)代码演示<!DO
2020-07-15 15:55:58
110
原创 js全屏模式下无法监听esc按键,解决办法:onresize 监听窗口改变
js全屏模式下无法监听esc按键,解决办法:onresize 监听窗口改变window.onresize = function() { if (!checkFull()) { // 要执行的动作 }}function checkFull() { var isFull = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenEl
2020-07-14 17:50:45
484
原创 vue自定义弹出框,点击全屏显示
自定义弹出框title: 弹出框标题fullScreenIcon: { // 是否显示全屏按钮btnShow: { // 是否显示操作按钮closeBtn: { // 关闭按钮-文字submitBtn: { // 确定按钮-文字popWidth: { // 弹出层宽度使用方法<popContent v-if="dialogVisibleScore" :pop-width="1000" :full-screen-icon="true" :btn-show="fals
2020-07-14 17:46:58
1440
1
原创 css布局双飞翼布局圣杯布局flex,float
css布局双飞翼布局圣杯布局flex,float目录双飞翼布局 (三列布局,高度铺满,两边定宽,中间自适应)三栏等高布局 (高度不定,但是等高)圣杯布局flex圣杯布局float双飞翼布局 (三列布局,高度铺满,两边定宽,中间自适应)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi
2020-07-02 15:01:22
116
原创 如何在同一台电脑上使用github和gitlab,多git账号设置方法
一、生成ssh密钥这里我们要做的事情就是分别对githubn和gitlab生成对应的密钥(默认情况下本地生成的秘钥位于/Users/用户名/.ssh/),并且配置git访问不同host时访问不同的密钥,流程如下:1、 在gitbash中使用ssh-keygen -t rsa -C "公司邮箱地址"生成对应的gitlab密钥:id_rsa和id_rsa.pub2、 将gitlab公钥即id_rsa.pub中的内容配置到公司的gitlab上3、 在gitbash中使用ssh-keygen -t rsa
2020-07-01 15:24:58
253
原创 nodejs在测试时有的接口会超时无响应,使用了数据库连接池,释放连接
nodejs在测试时有的接口会超时无响应在log信息中查看到总是固定这个接口会超时,造成无法响应,搜了搜是因为连接池在使用结束后一定要释放, pool.getConnection(function (err, connection) { if (err) { req.send({success: false, msg: err.message, retcode: 400...
2020-06-30 18:06:46
138
转载 十大经典排序算法(动态演示+代码)
目录时间、空间复杂度比较1 冒泡排序代码2 选择排序代码3 插入排序代码4 快速排序代码5 堆排序代码6 归并排序代码7 希尔排序代码8 计数排序代码9 桶排序代码10 基数排序代码时间、空间复杂度比较排序算法平均时间复杂度最差时间复杂度空间复杂度数据对象稳定性冒泡排序O(n2)O(n2)O(1)稳定选择排序O(n2)O(n2)O(1)数组不稳定、链表稳定插入排序O(n2)O(n2)O(1)稳定快速排序O(n*log2n)O(n2)
2020-06-30 18:03:10
59
原创 linux中snv设置http访问
snv设置http访问安装httpdyum install -y httpd subversion mod_dav_svn修改允许http访问svn的路径cd /etc/httpd/confvim /etc/httpd/conf/svn.conf 添加下面代码,注意svn的路径 SVNPath、 AuthUserFile、 AuthzSVNAccessFile<Location /svnrepo3691> DAV svn #SVNParentPath /opt/
2020-06-18 15:50:37
87
原创 百度地图api添加覆盖点实现,搜索添加,鼠标点击添加,鼠标测距
标题百度地图api添加覆盖点实现,搜索添加,鼠标点击添加,鼠标测距AIXIAODOUCN博客script引入百度Api的时候,需要自己申请key用到了layer弹出层,可在layui官网下载 https://layer.layui.com/具体代码实现:<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&
2020-06-18 15:27:10
261
原创 常用正则表达式记录 身份证号手机号正数两位小数Email域名密码校验
身份证号: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/手机号: /^1[3456789]\d{9}$/数字: /^[0-9]*$/n位数字: /^\d{n}$/至少n位数字:/^\d{n,}$/m-n位数字:/^\d{m,n}$/正数(包括小数):/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/正整数(不包括小数): /^[+]{0,1}(\d+)$/Email地址:/^\w+([-+.]\w+)*@\w+([-.]\w+
2020-06-18 11:50:23
72
小程序加密jsencrypt.js.rar
2019-09-30
vue-elementui-tree-table.rar
2019-12-05
channel_v3.zip
2019-10-23
svgdeveloper_DownZa.Cn.rar
2019-07-18
networkMap V1.0.rar
2019-06-26
2019.4.24_CSDN博客导出工具.zip
2019-06-17
echartst拓扑图数据传输图.rar
2019-06-12
echarts数据传输.rar
2019-06-12
quercus-4.0.39.rar
2019-06-03
createJson.rar Java生成各种json格式数据
2019-05-28
文件批量改名
2018-12-04
pdf-xchange Editor
2018-12-04
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人 TA的粉丝