- 博客(39)
- 收藏
- 关注
RSS订阅原创 js转换时间格式 上午下午 昨天
昨天之内显示 “昨天” + “上午”/“下午” + 小时(个位不显示0) + 分钟。今天之内显示 “上午”/“下午” + 小时(个位不显示0) + 分钟。昨天之前显示 月份 + “-” + 日。
2023-03-29 16:18:49
535
原创 el-table中懒加载数据所选项被清空，阻止自动触发selection-change
添加row-key以及:reserve-selection=“true”
2023-03-16 20:51:39
498
原创 mac安装hbuilderX插件
1.下载hbuilderx hbuilderx官网2.下载完成后，拖放快捷方式进行安装3.插件市场下载插件zip并解压4.打开访达——应用程序——HBuilderX——右键——显示包内容5.将下载好的插件文件复制到Contents——HBuilderX——plugins文件夹，这就是HBuilderX的插件目录。6.关闭hbuilderx并重新打开就可以了。...
2021-07-07 15:53:16
3264
原创 uniapp检测版本并自动更新
// 检测版本 AndroidCheckUpdate: function() { let user = uni.getStorageSync('user') var _this = this; _this.sendRequest({ url: "xxxxxxxxxxxxxxxxxxxxxxxxxxx", method: "POST", hideLoading: true, success: function(res) { ..
2021-06-09 17:40:33
674
原创 js获取当前日期
let timestamp = Date.parse(new Date()); let date = new Date(timestamp); let Y =date.getFullYear(); let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1); let D = date.getDate() < 10 ? '0' + date.getDate()
2021-03-25 11:30:28
84
原创 ECharts双柱图
<div id="myChart" :style="{ width: '500px', height: '400px' }"></div>js里面drawManyBar(container, titleName, legendData, xData, seriesDatas) { var ticket = this.$echarts.init(document.getElementById("myChart")); var ticketOption = { .
2020-12-22 17:35:27
653
原创 解决h5中video视频点击播放，ios自动全屏的问题
加上 webkit-playsinline='true' playsinline='true' 两个属性即可
2020-10-20 11:59:02
793
原创 html中修改单选框选中样式
<div class="check"> <input type="radio" name="zi" id="zijin1" checked value="1000-3000"> <label for="zijin1" style="cursor:pointer">1000-3000</label> <input type=...
2020-10-17 15:18:03
1757
原创 vue项目中pc 手机端两套代码屏幕改变时互相跳转
app.vue中 created() { if(document.body.clientWidth<750){ window.location.href='http://zgjm.yishengwh.cn/wap'; // console.log(1111) }; //当然随时改变屏幕大小也会改变的，所以也要加上 window.addEventListener('resize',()
2020-10-16 11:45:17
605
原创 vue打包后html出现空白并报错
解决方法：config文件夹下的index.js （两个地方都要加.）build.js文件夹下 加 publicPath:'../../',
2020-10-16 11:27:25
85
原创 vue中适配问题
一、项目中安装lib-flexiblenpm install lib-flexible --save二、min.js中引用import 'lib-flexible'三、px转rem（使用的是vscode编辑器）安装插件px to rem安装好后 文件》首选项》设置 搜索px-to-rem
2020-10-12 10:25:45
90
原创 小程序线上图片转本地
saveThe(url, callback) { wx.getImageInfo({ src: url, //服务器返回的图片地址 success: res => { callback(res.path); // console.log(res); }, fail: function(res) { this.showToast('生成失败') } }); },调用that.saveT...
2020-09-18 17:00:39
418
原创 判断一个对象是否为空
if(Object.keys(that.allList).length==0){ console.log('空对象'); }else{ console.log('非空对象'); }
2020-09-18 15:18:09
66
原创 微信小程序自定义标题和图片
onShareAppMessage: function() { var that = this return { title:that.details.reply.dating+' '+that.details.reply.name, imageUrl:that.imgUrl }}
2020-09-07 11:20:02
553
原创 超过一万的显示精确到小数点后一位，并以万为单位结尾
<text>卖家及售价</text> <text class="buyLists-price">￥{{price>=10000?(((price-price%1000)/10000+'万')):(price)}}</text>
2020-08-31 17:41:54
743
原创 jq保持图片不变形放大镜特效
<div class="showimg" id="div"> <img src="/img/1.png" alt="" class="show" id="img"> <div class="showbox"> </div> <div id="bigbox"> <div class="showlarge"> <img src="/img/1.png" alt="" id="img2"> </div&g
2020-07-24 17:37:26
180
原创 小程序图片预览
mode='widthFix' //作用：使图片不变形<view > <view wx:key='id' wx:for='{{wawa}}'> <image src='{{item.img_url}}' mode='widthFix' data-src='{{item.img_url}}' bindtap='previewImage'></image> <text class='waName'>{{item.n.
2020-07-10 11:23:37
79
原创 小程序中超出部分显示省略号
容器不需要有固定的宽高 overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; //1表示1行，超出一行即显示省略号 -webkit-box-orient: vertical; word-break: break-all;
2020-07-10 09:12:53
339
原创 js随机生成4个字母
<style> #div2{width: 100px;height: 50px;line-height: 50px;text-align: center;border: 1px solid black;color: black} </style></head><body><div id="div2"></div><script> var div2=document.getEle...
2020-06-01 21:44:16
562
原创 js选项卡
<style> #div1 div{width: 200px;height: 200px;border: 1px solid black; display: none} #div1 div.active{ display: block; } </style></head><body><div id="div1"> <butto...
2020-06-01 21:40:19
95
原创 js全选和反选
<input type="checkbox" id="all">全选<input type="checkbox" class="a"><input type="checkbox" class="a"><input type="checkbox" class="a"><input type="checkbox" class="a"><script> var all=document.getElementById("all
2020-06-01 21:39:21
67
原创 div随鼠标移动
<style> *{margin: 0;padding: 0} #box{width: 100px;height: 50px;background: pink;position: absolute} </style></head><body><div id="box"></div><script> var box=document.getElementById(...
2020-06-01 21:36:17
119
原创 简单正则验证
<body><p>用户名：<input type="text"></p><p>电话号码：<input type="text"></p><p>身份证号：<input type="text"></p><button id="btn">提交</button><script> var btn = document.getElementById(
2020-06-01 21:31:26
63
原创 图片懒加载
<style> img { display: block; margin-bottom: 50px; width: 800px; height: 400px; } </style> </head> <body> <img src="" data-src="https://www.mwcx...
2020-06-01 21:28:41
107
原创 vue路由守卫
在 index.js中//挂载路由导航守卫router.beforeEach((to,from,next)=>{ // to 将要访问的路径 // from 代表从哪个路径跳转而来 // next 是一个函数，表示放行 // next() 放行 next('login')强制跳转 if(to.path=='/login') return next(); //如果是登录页面 直接放行 //获取登录时存储的token const tokenStr=window.sess
2020-06-01 19:50:28
93
原创 搭建vue项目
1.安装node 查看node版本号，node -v2.安装vue脚手架：npm install --global vue-cli这一步需等待几分钟3.创建第一个vue项目：vue init webpack test,这里的test为项目文件名安装依赖 cnpm install安装axios cnpm i axios --save安装vuex cnpm i vuex --svue 中使用less cnpm install less less-loader --save...
2020-06-01 19:43:26
62
原创 vue跨域处理方法
在config的index里proxyTable: {'/api': {target: 'http://localhost',//设置你调用的接口域名和端口号 别忘了加httpchangeOrigin: true,pathRewrite: {'^/api': ''//这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可}}},
2020-06-01 19:40:28
58
原创 axios基本用法
1.安装axios npm i axios --s2.nin.js中引用import axios from 'axios'Vue.prototype.$http=axios设置请求根路径：axios.defaults.baseUrl='http://hd215.api.yesapi.cn/'3.基本使用： this.$http.get('http://hd215.api.yesapi.cn/?s=App.User.Login',{ param
2020-05-30 21:00:36
132
原创 前端页面优化
优化角度代码语义化(与seo相关) 代码可读性（利于维护） 代码拓展性 页面加载速度（文件大小，请求次数，加载方式，代码性能）一.语义化语义化影响SEO（搜索引擎优化）以及网站自然排名 语义化标签：h1-h6 ，p ， ul ，li ，ol ，dl ，dt ，dd ，a ，img ，table ，small ，strong<header>：...
2020-04-22 19:27:24
87
原创 常用的git指令
1.安装git2.配置用户名和邮箱git config --global user.name “woderuiggya”git config --global user.email “[email protected]”git config --list 查看配置结果3. 初始化仓库 git init4. 查看状态 git status5. 上传所有 git add . 或者上传部分...
2020-04-19 18:22:04
117
原创 树状表格---VUE-TABLE-WITH-TREE-GRID
树状表格—VUE-TABLE-WITH-TREE-GRID1.安装npm i vue-table-with-tree-grid -S2.引入3.在页面中使用4.视频教程https://www.bilibili.com/video/av74133417?p=2475.官方文档https://github.com/MisterTaki/vue-table-with-tree-gri...
2020-04-16 17:55:18
357
原创 使用vue-quill-editor实现富文本编辑器基本使用
使用vue-quill-editor实现富文本编辑器基本使用在HUI-VUE中使用1、安装依赖npm install vue-quill-editor –save2、使用//可以在main.js中引入import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css' // import ...
2020-04-16 17:52:46
97
原创 vue中加载进度条NProgress的使用
图中蓝色进度条1、安装$ npm install --save nprogress 或者$ yarn add nprogress//用法NProgress.start();NProgress.done();`2、使用//导入import NProgress from 'nprogress'import 'nprogress/nprogress.css'router.b...
2020-04-16 17:52:16
96
原创 webpack的基本使用
1.新建项目空白目录 并运行 npm init -y 初始化包管理配置文件 package.json2.运行 npm install webpack webpack-cli -D安装webpack相关的包3.在项目根目录中，创建名为webpack.config.js的配置文件4.在webpack的配置文件中，初始化以下基本配置module.exports={mode:'deve...
2020-04-15 21:43:01
158
原创 vue路由懒加载
1.安装babel-plugin-syntax-dynamic-import（用以解析识别import()动态导入语法—并非转换，而是解析识别）npm install babel-plugin-syntax-dynamic-import2.在babel.config.js中配置文件中声明该插件{ "plugins": ["syntax-dynamic-import"]}或者3...
2020-04-04 19:45:10
131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人