- 博客(17)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue.js 计算属性：computed
为了方便维护，计算属性在处理一些复杂逻辑时是很有用的。对于处理复杂逻辑，就可以使用计算属性。说明： 我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而，不同的是计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结果，而不必再次执行函数，简单的说，相比定义方法，计算属性性能更优。<div id="
2021-04-08 16:52:09
202
原创 Vue.js 循环语句 v-for
循环使用 v-for 指令。三种循环方式， 可以循环数组、对象、整数循环数组需要多个参数时可以用括号（键值，键名，索引值）： (value,key,index).为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key <!-- 数组 循环 --> <ul> <li v-for="item in list" :key="item.name">{{item.name}}</
2021-04-08 15:54:06
348
原创 echarts漏斗图实例以及参数分析，详细数据注释
// 基于准备好的dom，初始化echarts实例var myChart = echarts.init(document.getElementById('main'));var option;option = { // title: { // text: '漏斗图', // subtext: '纯属虚构' // }, color: [ '#f79f6f','#f25e49','#16dcb7','#4098ff'], tooltip: { //弹窗信
2021-01-21 17:43:03
4329
5
原创 input框正则验证
百分数（有小数点，长度5）oninput="this.value=this.value.replace(/[^\d.]/g,'').slice(0,5);" 正整数（无小数点） 6位oninput="this.value=this.value.replace(/\D/g,'').slice(0,6);"小数保留四位 ，长度为12oninput="this.value= this.value.match(/\d+(\.\d{0,4})?/) ? this.value.match(/\d+(\
2021-01-19 13:44:32
1250
原创 h5 ＜audio＞音乐自动播放，谷歌禁止音乐自动播放处理方法
html代码<a href="javascript:;" class="musicBtn functionBtn2 on" id="mc_play">音乐开 <audio id="music" loop="loop" autoplay="autoplay" preload="auto" muted> <source src="/test/bgMp3.mp3" type="audio/mpeg"> </audio><.
2021-01-19 10:23:06
2151
原创 数组push方法使用 Uncaught TypeError: Cannot read property ‘push‘ of null
1.向空数组内push一个数组，成为二维数组报错：Uncaught TypeError: Cannot read property ‘push’ of null因为非数组是无法进行push操作的， 当变量为null时不是数组。if(self.list) self.list.push(newItem)else{ self.list[0] = newItem}只能分开判断。...
2020-12-30 16:50:42
1599
1
原创 微信小程序省市县组件封装，处理出现空白bug
官方的省市县组件官方提供了省市县的picker，mode=region 即为省市区选择器，官网有详细解说，并提供demo.官网说明<view class="section"> <view class="section__title">省市区选择器</view> <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}
2020-09-23 17:27:30
600
原创 vue入门安装初学
1.vue概述目标： MVVM模式应用特点。 MVVM：通过**试图与模型双向绑定**，简化前端操作（无需反复进行DOM操作）。Vue是一款前端**渐进式框架**，有效提高前端开发效率。2.如果通过npm进行下载vue首先：安装node.js。 node.js中包含npm的安装。从[node.js官网](https://nodejs.org/en/)中下载匹配的对应版本，进行安装。安装后进入cmd命令提示符，确认node与npm版本，如有显示，证明已经安装成功了。可以输入其他命令符进行缓存以
2020-07-16 14:14:41
141
原创 Thymeleaf 模板语言th:style添加background样式
初始样式设置：<div class="imgbox" th:style="background:url('thumbnai.jpg') no-repeat center center; background-size: auto 100%;"></div>用后台返回的缩略图，代码如下：<div class="imgbox" th:style="'background:url(' + ${olist.thumbnail}+') no-repeat center cent
2020-07-10 11:31:37
12401
7
原创 input中checkbox样式修改，取值以及赋值
因为项目需要， 表格里面插入多选功能，因为select的动态载入数据兼容不好， 所以改用checkbox实现。动态实例input为checkbox列表 , check的id和value记得赋值，实例的时候顺便把数据选中，checked的使用 if(params.length>0){ //结果长度大于0 for(let i in params){ let idName = "item"+i; let checkSta = ""; i
2020-05-29 17:53:04
2065
原创 微信小程序+百度AI OCR二代身份证识别
微信小程序内虽然有OCR识别功能 但是收费是按次计费的，还是选用了百度ai提供的OCR识别二代身份证。 // 上传人面像 upFileFront:function(e){ let type = e.currentTarget.dataset.type let self = this; wx.chooseImage({ count:1, sou...
2020-04-24 14:41:27
1551
1
原创 关于SpringBoot Thymeleaf 模板语言使用小总结
为了不经常鬼畜， 避免来回纠结SpringBoot Thymeleaf语法，总结一下常用语法方便之后自己查询使用。模板标志： th:js如果有Thymeleaf模板语法，一定在“script”标签中加入识别 th:inline=“javascript”，即： <script th:inline="javascript"> let aRoomTypeList =...
2020-04-10 17:41:28
492
原创 H5 video移动端小窗关闭
1.兼容：2. 代码格式：<video src="movie.ogg" width="320" height="240" controls="controls"> 你的浏览器无法支持视频格式</video>兼容多个浏览器的视频<video width="320" height="240" controls="controls"> <s...
2020-04-07 10:59:58
2171
1
原创 省市县联动列表数据整理
省市县联动原始数据：只有一级list [{ "id": "110000", "name": "北京", "parentId": "100000", "shortName": "北京", "levelType": 1, "cityCode": 0, "zipCode": "", "lng": "11...
2020-03-18 17:46:09
1179
原创 ztree异步加载踩坑大集合,异步加载切换分类
async异步加载我发现了如果不是用ajax直接获取数据，async出现的问题太多了。 要注意的细节很多。 let setting = { async: { enable: true, type: "POST", contentType : 'application/x-www-form-urlencode...
2020-03-10 17:47:15
1193
原创 前端小白--前端菜鸟的分享之路
前端小白开启分享之路拉！！看到本篇文章，其实都是一堆废话。本人只是想记录一下今天，一直提示自己能够多写一些博客，可是一拖再拖，写博客不仅仅是培养自己在职业生涯中分享和总结的好习惯。该博客平台对我的职业生涯真的有太多的帮助， 希望以后自己的笔记能帮助到更多的人避免踩同样的坑，当然能为自己做些笔记，才是我写博客的最终目的。介绍一下自己的前端入坑经历：17年4月正式参加工作，自我觉得还是很肤浅的前端...
2020-03-06 16:42:46
294
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人