- 博客(25)
- 收藏
- 关注
RSS订阅原创 ES6解构赋值
解构赋值可以方便地将一组参数与变量名对应起来//参数是一组有次序的值 function add([ a , b , c ]) {return a + b + c } add([ 1 , 2 , 3 ]) //参数是一组无次序的值 function add({
2022-08-05 11:29:52
1025
1
原创 js对象扁平化处理
总思路：使用递归对对象的每个元素进行判断，如果是原始类型就直接输出，如果是引用类型就继续对该元素递归进行判断，一直到最后一个原始类型的元素。function process(key, value) { if (Object(value) !== value) { //原始数据直接存 if (key) { result[key] = value
2022-05-19 12:50:37
485
原创 微信小程序时间格式转换笔记
<wxs>语法<wxs module="foo"> function dateFormat(time) { var date = getDate(time); var yy = date.getFullYear().toString(); var mm = (date.getMonth() + 1).toString(); if (mm.length < 2) { mm = '0'.concat(mm) } va
2021-10-28 10:28:32
430
原创 微信小程序wxs用法(分享两个常用时间格式化函数)
注意语法,最基本的不能使用es6及以上语法,不能使用new关键字,详情见官方文档用法:代码:<wxs module="foo"> function dateFormat(time) { var date = getDate(time); var yy = date.getFullYear().toString(); var mm = (date.getMonth() + 1).toString(); if (mm.length < 2) {
2021-10-11 10:42:29
885
原创 vue引入tt-sdk
方法一:直接在index.html里面用<script>标签引入这个方法官方文档有就不多说了方法二:在vue文件中使用import ... from "..."方法引入可以先把js文件下载到本地js文件在要引用的vue文件内引入import tt from "../../../sdk"; //注意自己的路径这个时候会有报错,原因是这个js文件不是按es6规范导出的,只需要在文档最后加一行export default tt;即可完美解决使用效果:...
2021-09-13 17:57:28
758
原创 纯css实现拍照取景框遮罩层
效果:实现思路:一开始想着应该怎么在灰色透明遮罩层里面挖一个框框出来,想了好久都没有头绪,后来换了个思路:怎么在取景框周围显示灰色透明遮罩层.这样一样瞬间就来了思路:1.使用border实现;2.使用box-shadow实现使用border实现有个限制就是微信小程序border不支持rgba颜色格式,也就是不支持透明边框,所以选择使用box-shadow实现.代码:css/* 取景框 */.clip-box-xsz { width: 88vw; height: 60vw; p
2021-09-13 12:39:02
768
原创 微信小程序拍照截取取景框内容#canvas
最近有个需求是拍照识别Vin码,为了识别准确度,要求前端只上传取景框内的内容给后端识别.通过一天多的碰壁(微信开发者工具,懂的都懂),终于在各种论坛的各种不起眼的地方摸出了一套可以正常使用的流程.总流程如下:使用<carema>组件唤起相机点击拍照按钮拍照,使用 CameraContext.takePhoto(Object object)函数拍照,并在success回调中保存图片地址res.tempImagePath获取canvas实例,传给自定义函数init()
2021-09-09 15:20:57
2415
6
原创 el-table搜索内容高亮置顶显示#异步循环
最近有一个需求是在回执列表里面搜索出用户输入的手机号,并将该行高亮置顶显示.前提:列表数据是根据分页栏页面大小pagesize和页数currentpage向后端请求数据渲染的.页面如下:搜索结果如下:思路:由于后端限制每次请求数据最多五百条,所以干脆每次按当前页面大小pagesize循环分批请求数据,然后每次请求之后在拿到的数据中找到对应的目标数据,找到的话跳出循环并记录下index,然后等页面渲染完成之后根据index改变el-table对应第index行的样式.代码如下:template
2021-08-24 10:59:04
722
原创 [超详细]微信小程序使用iconfont教程及解决真机无法显示问题
在iconfont官网创建自己的项目 选择自己需要的图标加入'购物车',然后在'购物车'页面点击添加至项目,没有项目的话点击新建项目.
2021-08-19 12:22:27
4076
2
原创 设置el-table滚动条样式以及在鼠标移入时才显示
代码如下 // 滚动条的宽度 /deep/ .el-table__body-wrapper::-webkit-scrollbar { width: 0px; // 横向滚动条 height: 6px; // 纵向滚动条 必写 } //注意:hover /deep/ .el-table__body-wrapper:hover::-webkit-scrollbar { width: 6px; // 横向滚动条 height: 6px; // 纵向滚动条
2021-08-17 11:32:07
1364
1
原创 解决移动端H5页面点击输入框弹出键盘时将底部导航栏挤至上面
1.将导航栏position改为static或者relativeposition: relative | static;2.如果不方便设置导航栏定位方式,可以监听浏览器输入框聚焦事件.点击输入框 --> 触发浏览器focusin事件 --> 隐藏底部导航栏 ( --> 弹出键盘) --> 输入完成 --> 触发浏览器focusout事件 (--> 收起键盘) --> 重新渲染导航栏document.body.addEventListene...
2021-08-12 14:50:08
2885
原创 vue-cli使用swiper插件及报错解决
安装不推荐高版本(有bug),反正能正常使用就行.cnpm install vue-awesome-swiper [email protected] --savemain.js引入import Vue from "vue"import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/css/swiper.css'Vue.use(VueAwesomeSwiper)组件使用 <swiper :options="swiperOpt
2021-08-05 15:59:12
406
1
原创 微信小程序web-view调试工具vConsole安装及报错 “toJSON“is not defind
接手项目是在微信小程序中调用H5页面,微信自带调试功能只能调试WXML,经过百度找到可以使用微信小程序官方开发的调试工具vcosole调试安装<script src="https://cdn.bootcss.com/vConsole/3.5.0/vconsole.min.js"></script> <script> var vConsole = new VConsole(); </script>或者cnpm安装:cnpm instal
2021-08-05 11:43:35
2141
原创 vue-for和vue-if一起使用的替代方案
最近刚接手一个项目,发现里面代码问题太多了,随便打开一个页面都有好几个报错,关键是项目还能正常运行,反正我是受不了屏幕上有红色的东西的通过:style动态绑定样式(display:none)这里的三元表达式中的 ’ '可能会造成错误,反正我没遇到,也懒得测试得太详细,欢迎评论指正通过:class动态绑定样式(display:none)原文:v-if="itt.lastfg && !scrollFlag"改后:class="{displaynone : itt.la
2021-08-04 11:35:09
746
原创 flex笔记
最近写项目flex用得蛮多,记录一下flex布局1.容器的属性flex-direction 主轴方向可选项:row 水平方向,起点为左row-reversecolumncolumn-reverseflex-wrap 换行方式可选项:nowrap | wrap | wrap-reverseflex-flow 主轴方向和换行方式的简写< flex-direction > | < flex-wrap >justify-content 项目在主轴上的对齐方
2021-07-21 12:36:23
71
原创 vue三元表达式动态控制el-button的disabled属性写法
代码如下 <el-button type="primary" plain :disabled="add_content===changeIf? true:false" >确认修改</el-button>
2021-07-16 12:13:12
6661
2
原创 express获取POST请求参数实例
- 代码 <form method="POST"> <div class="form-group"> <label for="exampleInputEmail1">name</label> <input type="text" class="form-control" name="name" placeholder=
2021-06-03 09:58:31
136
原创 【vue-cli踩雷】VS Code以eslint标准格式化vue文档
最近刚开始使用vue-cli敲代码，然后运行代码之后总是一堆报错，检查之后发现是文档格式问题，报错如下：讲真的前端小白真不能理解这种格式化标准的必要性，不过存在即合理，遇到问题就要解决问题查csdn都可以手动修改回来，但是总感觉以后代码多了不可能每一行都手动修改吧，于是想着修改格式化规则达到vue文件eslint标准的规范，最后查询了众多网友的贴子后终于成功找到正解配置详情查看：https://blog.csdn.net/xyx107/article/details/107200286这里补.
2021-05-29 16:53:06
107
原创 Vs Code自定义快捷键代码片段（含Vue片段）
打开vscode，依次点击文件>首选项>用户片段点击新建全局代码片段，命名为某某某.json(随便命名，只要不冲突就行)，然后回车然后可以清空注释输入以下代码（知道你们懒得一行一行的敲特地放上来的）{ "Print to console": { //这里指定快捷键为vue，即在编写代码时输入vue后按回车即可 "prefix": "vue", "body": [ //注意：每一行代码都要用 "", 包裹起..
2021-05-29 12:24:56
318
原创 利用jQuery实现不刷新网页改变网页内容
js代码如下<script> /* 此方法比较浪费内存加载，后期最好改为ajax方式 */ $(function () { var $information = $("#information"); var $blog = $("#blog"); var $question = $("#question"); var $uploading = $("#upload"); var $collect = $("#collect"); var
2020-10-11 15:48:37
1196
2
原创 Js利用DOM操作修改div的层级达到超低配版轮播图效果
突然想到一个简版轮播图方法以下是代码<!DOCTYPE html><html lang="en"><head> <title>Document</title> <style> .box{ /* 必须使用绝对定位 */ position: absolute; /* 以下四个值无关紧要 */
2020-07-12 22:59:37
1116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人