随笔分类 -  js

前端性能优化之资源预加载与预加载
摘要：html5中的link 标签 包含了几个属性，其中prefetch(空闲时加载)和preload(优先加载)可以让我们在加载资源时提高用户体验。 这里我用css样式进行举例，index.html <!DOCTYPE html> <html lang="en"> <head> <meta charse 阅读全文
posted @ 2020-12-04 16:59 那时年少青衫薄。 阅读(1575) 评论(0) 推荐(0)
Vue 2.x MVVM实现原理
摘要：html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc 阅读全文
posted @ 2020-09-29 17:34 那时年少青衫薄。 阅读(173) 评论(0) 推荐(0)
element-ui 日期选择范围限制
摘要：饿了么UI本身虽然提供了带有开始结束的联动日期组件el-date-picker,但是调整日期时两个都要选择，项目中采用了开始、结束分离的形式，而对日期进行限制时就需要使用 picker-options进行设置，html代码如下: <el-date-picker v-model="beginDate" 阅读全文
posted @ 2020-07-14 10:40 那时年少青衫薄。 阅读(556) 评论(0) 推荐(0)
v-model绑定数值正常显示但无法编辑
摘要：原因在于v-model所绑定的数据发生了变化，Vue 不能检测到对象属性的添加或删除，所以需要使用this.$set(object,key,value)进行处理。 例： var vm = new Vue({ data: { obj: { name:'gionlee' } } }) vm.obj.na 阅读全文
posted @ 2020-06-17 18:10 那时年少青衫薄。 阅读(1724) 评论(0) 推荐(0)
设置金钱格式
摘要：/** * 设置金钱格式 * @param {Number} value [金钱数值] */ function Money(value, symbol = "￥") { if (value) { var pre = decimal = s1 = s2 = ''; value = String(val 阅读全文
posted @ 2020-06-10 18:24 那时年少青衫薄。 阅读(254) 评论(0) 推荐(0)
正则校验中日半角\全角英数
摘要：var reg = new RegExp("^[\\uff65-\\uff9f\\u4e00-\\u9fa5\\u0800-\\u309f\\u30a1-\\u30fa\\u30fc\\u30fe-\\u4e00a-zA-Z0-9０-９ａ-ｚＡ-Ｚ]{0,30}$"); var str = '汉字日 阅读全文
posted @ 2020-06-04 10:07 那时年少青衫薄。 阅读(1086) 评论(0) 推荐(0)
使用axios获取并下载文件
摘要：/** * 导出文件方法 * @param {String} method [请求方式] * @param {String} url [请求的url地址] * @param {Object} params [请求时携带的参数] * @param {String} fileName [导出的文件名，例 阅读全文
posted @ 2020-03-18 11:17 那时年少青衫薄。 阅读(5788) 评论(0) 推荐(0)
uniapp web-view 引入本地html 无法加载问题
摘要：使用uniapp 开发app时因为地图功能太复杂采用了通过web-view引入html的方式来对地图进行操作，半天没加载出来... 通过再次阅读官方文档发现目录结构的问题 里边的html/css/js等都需要放在uni-app 项目根目录->hybrid->html文件夹下，如下图所示： 阅读全文
posted @ 2020-03-11 18:48 那时年少青衫薄。 阅读(10286) 评论(0) 推荐(0)
vue-cli3 + ts + vuex
摘要：推荐使用vuex-class 官方介绍 npm install --save vuex-class # or yarn add vuex-class 本文也围绕着vuex-class进行介绍（目前我就会这一种）主要介绍取值和赋值使用方法说明如下： store.ts中的写法： import Vue f 阅读全文
posted @ 2020-02-19 18:04 那时年少青衫薄。 阅读(3127) 评论(0) 推荐(0)
html实体字符转换成字符串
摘要：function EntityToString(value) { let tag = document.createElement("div"); tag.innerHTML = value; let strCode = tag.innerText || tag.textContent; tag = 阅读全文
posted @ 2019-12-19 17:39 那时年少青衫薄。 阅读(2332) 评论(0) 推荐(0)
解决bootStrap selectpicker 下拉栏上方弹出
摘要：最近项目中遇到了一个使用bootStrap selectpicker 进行下拉栏展示的时候出现在元素上方弹出展示的问题，可把我难受坏了,和测试互怼最终以失败告终（人家还是一个娇滴滴的小姑娘），在查了api之后发现有这么一个属性 dropupAuto 默认为true，它会检查上方或下方的空间是否更大。 阅读全文
posted @ 2019-12-03 08:52 那时年少青衫薄。 阅读(1457) 评论(0) 推荐(0)
js判断数组或对象是否相等
摘要：/** * 验证两个object 是否相同 * @param {Object} obj [需要进行验证的数据1] * @param {Object} newObj [需要进行验证的数据2] */ function objSame (obj,newObj) { let bol = true; if ( 阅读全文
posted @ 2019-11-18 11:32 那时年少青衫薄。 阅读(3444) 评论(0) 推荐(0)
js格式化日期 获取当月最后一天/第一天
摘要：最近项目中使用了大量关于日期的操作遂将其整理如下： /** * 格式化日期 * @param {String} fmt [日期类型 默认为年月日（yyyy-MM-dd）] */ Date.prototype.format = function (fmt = 'yyyy-MM-dd') { var d 阅读全文
posted @ 2019-11-08 17:31 那时年少青衫薄。 阅读(1321) 评论(0) 推荐(0)
vue 数据改变但是视图没更新
摘要：在使用过程中会出现数据改变但是视图没有更新的情况（类型数组或者对象），这里我们就需要用到 $set 如果是对象类型： this.$set(this.userInfo, 'name', 'gionlee'); 其中this.userInfo 为变量名称， 'name' 为对象的key，'gionlee 阅读全文
posted @ 2019-04-23 11:51 那时年少青衫薄。 阅读(3161) 评论(0) 推荐(1)
获取url特定参数
摘要：获取通过url拼接的特定参数值： 效果如下： 阅读全文
posted @ 2019-04-17 10:41 那时年少青衫薄。 阅读(291) 评论(0) 推荐(0)
获取当前月份的最后一天
摘要：原理就是用下个月的第一天减去一天 效果如下： 阅读全文
posted @ 2019-04-08 16:09 那时年少青衫薄。 阅读(428) 评论(0) 推荐(0)