- 博客(34)
- 收藏
- 关注
RSS订阅原创 vue2、vue-cli4以及vue3、vite打包去掉console.log
webpack4会自带terser-webpack-plugin插件。vite.config.ts文件。vue.config.js文件。
2023-06-15 14:41:05
1618
原创 nginx报错 【unknown directive “ “ in D:\nginx/conf/nginx.conf:3】
【代码】nginx报错 【unknown directive " " in D:\nginx/conf/nginx.conf:3】
2023-04-20 16:32:50
2118
原创 elementui layout（el-row）组件有横向滚动条（gutter）
当el-row的gutter属性有值的时候，会出现横向滚动条。设置一定的padding 或者 margin值，而且该值要。plus版本有同样的问题。，横向滚动条才能消失。给el-row组件的。
2023-04-04 10:18:56
2558
原创 vue-router 4.1.4+ 不再支持params 隐式传参
vue-router 从4.1.4版本开始 不再支持params 隐式传参。该传参方式之前一直是不推荐的，因为一旦刷新页面参数就获取不到了。官方根据不同场景推荐了四种解决方案。
2023-03-30 15:23:21
804
原创 【Vue异步更新DOM队列】
Vue异步更新DOM队列export default { data() { return { value: 123 } }, watch: { value(newValue) { // 当changeValue事件触发，只会监听到一次 console.log(newValue) // 789 } }, methods: { changeValue() { // Dom树的更新也是如此，避免重复的Dom渲染 this.value = 456 //
2022-04-24 10:48:06
1222
原创 交叉循环，设置序号
a：[0, 1, 2]b：[0, 1]a + b * b.length[0, 1,2, 3,4, 5]b + a * a.length[0, 1, 2,3, 4, 5]
2022-03-03 20:54:51
158
原创 electron + vue 初体验
版本 electron：v11.2.2 vue：2.6 vue-cli：4.5.1 1. 背景vue项目web端已开发完毕，现需打包一份客户端。2. 首先进入项目，打开命令行工具cnpm i -D electron@latest3. 打开官方示例地址：https://github.com/electron/electron-quick-start，将其中main.js preload.js 和 renderer.js文件下载到项目根目录4. 打开ma.
2021-02-04 17:02:21
112
原创 js无限层级， 递归遍历
来源数据结构const productInfoList = [{ productId: 2, productName: '2', parentId: 1},{ productId: 1, productName: '1', parentId: ''},{ productId: 3, productName: '3', parentId: 2},{ productId: 4, productName: '4', parentId: ''}]// ...无限层级，父子乱序
2020-12-09 16:17:40
2204
原创 VUE3.0 学习之旅
VUE3.0 学习之旅废除了filter，推荐统一使用methods<template> <!-- ✓ GOOD --> {{ filter(msg) }} {{ filter(msg, '€') }} {{ filterB(filterA(msg)) }} <div v-bind:id="filter(msg)"></div> <div v-bind:id="filter(msg, '€')"></div&g
2020-08-10 09:58:27
110
原创 LNMP mysql默认不能远程连接
LNMP1.6版本 安装完成后，默认的MySQL不能通过navicat等工具远程连接管理需要做两个操作：关闭3306的防火墙，设置mysql的root（或其他用户）的允许主机（host）为所有1. 先修改防火墙iptables -L -n --line-numbers3306端口target 为DROP2. 删除这两个端口iptables -D INPUT 5ipt...
2020-03-31 13:56:10
290
原创 微信小程序，获取手机号直接登录
初始化的时候wx.login拿到codewx.request发送到后端，在后台利用nodejs的request的模块，请求微信官方连接，拿到session_key和用户唯一标识openId，将两者jwt加密返回前端，strorage存储const result = await new Promise((resolve, reject) => { request({ ...
2019-11-06 03:01:40
491
1
原创 阿里云配置nodejs项目
1.配置远程连接密码并记住2.配置安全组，开放80，3363，22等端口3.通过阿里云后台，进入远程连接，初次登录4.用户名root，登陆密码需要提前在阿里云后台设置。如果显示login incorrect及登录失败，可以尝试重启服务器5.格式化数据盘，参考页面https://help.aliyun.com/document_detail/25426.html?spm=a2c4g.11...
2019-08-25 17:24:24
242
原创 不确定高度的内容能相对左邻右舍和父元素垂直居中提供一个思路
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>不确定高度的内容能相对左邻右舍和父元素垂直居中提供一个思路</title>...
2019-08-24 16:18:10
115
原创 原生js的加载判断
document.onreadystatechange = function(){ if(document.readyState == "complete"){ //加载完成…… }}
2019-06-02 18:53:52
220
原创 纯css下拉菜单 带一体化小三角装饰
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>下拉菜单</title> <style> .select { margin: 50px 500px; width: 180px; text-align:...
2019-06-02 01:58:42
1102
原创 Jquery的 serialize 序列化后提交表单报错
$(form).serialize()这是一句很普通jquery 表单序列化，但是传递的格式是字符串的。有时候后端没法直接操作，而且会因为字符串过长，php的max_input_vars配置会限制长度导致报错。这时候需要用到另一个表单序列化方法，以数组对象的格式传递数据。$(form).serializeArray()...
2019-06-02 01:56:29
522
原创 收藏几个自己常用的在线协同工具
这几个工具主要都是用来协同办公的在线注册登录即可使用 不用下载任何客户端 感觉非常方便而且UI简洁干净 用着很舒服TeamBitionteambition.com项目进度管理工具bugClosebugclose.combug管理工具石墨文档shimo.im在线文档表格工具墨刀modao.cc产品原型设计工具ProcessOnprocesson.com在线制作思...
2019-06-02 01:47:25
999
原创 一个三级json格式模板
var jsonData = { "jsonData":[ { "id":0, "title":"第一级", "secondData":[ { "id":0, "title":...
2019-06-02 01:43:07
1175
原创 jquery实现静态筛选功能
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jquery实现静态搜索功能</title> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <...
2019-06-02 01:41:20
563
原创 第一次使用mui框架制作web app项目的一些心得
本人在写写这篇文章的到时候使用的是mui的3.3版本GitHub上的mui是3.6版本，如下的是github项目地址，大家可以下载https://github.com/dcloudio/mui总体感觉各种动画效果很流畅，demo很丰富，api也很详细，提供的组件也很全但是由于主要针对的是native，所以在制作web的时候还是会遇见一些问题一、a标签链接跳转失效**解决方法：**可在...
2019-06-02 01:00:57
1299
原创 一个很Q弹的弹框css动画
/*动画源码 来自知乎刘看山小站*/ @keyframes dialogOpen { 0% { -webkit-transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, ...
2019-06-02 00:57:24
1417
原创 根据浏览器宽度设置rem
//允许屏幕最大宽度为414document.documentElement.style.fontSize = (document.documentElement.clientWidth > 414 ? 414 : document.documentElement.clientWidth) / 12 + "px";
2019-06-02 00:52:55
555
原创 css文本两端分散对齐样式
<!DOCTYPE html><html><head> <title>文本两端分散对齐</title> <meta charset="UTF-8" /> <style> /*文本两端分散对齐*/ ul{ font-size: 12p...
2019-06-02 00:47:16
717
原创 清除谷歌浏览器input框自动填充的背景和文字样式
:root input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { box-shadow: 0 0 50px 50px #fffefb inset; /*阴影大小等于input框宽度一半 利用内阴影覆盖原背景色*/ -webkit-text-fill-color: ...
2019-06-01 23:22:39
1783
原创 苹果 IOS Safari无痕模式localStorage无效
苹果 IOS Safari无痕模式localStorage无效, 需在使用前提前判断是否支持LocalStorage，避免不支持，运行报错。function isLocalStorage() { var testKey = 'test', storage = window.localStorage; try { storage.setItem(te...
2019-06-01 23:14:07
1299
原创 获取url地址中的问号参
var getUrlParam = function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) r...
2019-06-01 23:06:48
1157
1
原创 js获取浏览器 屏幕宽高尺寸
<!doctype html><head><meta charset="utf-8"><title>js获取浏览器宽高尺寸</title></head><body><script language="javascript">var h = "";h += " 网页可见区域宽："+ doc...
2019-06-01 23:04:39
349
原创 MD模板
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-06-01 22:57:51
3402
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人