前端
越来越好。
不实心不成事,不虚心不知事。 不自是者博闻,不自满者受益。
展开
-
部署静态网站的两种办法。免费版和收费版。
部署静态网站的两种办法。免费版和收费版。原创 2023-03-14 18:01:05 · 629 阅读 · 1 评论 -
微信云开发通过定时任务,对用户进行消息推送。
微信云开发通过定时任务,对用户进行消息推送。原创 2022-10-03 12:16:33 · 1601 阅读 · 0 评论 -
vue3 setup (组合式 API) 父子传参,父孙传参。provide异步传参。
vue3 setup (组合式 API) 父子传参,父孙传参。provide异步传参。原创 2022-09-27 19:55:03 · 1920 阅读 · 0 评论 -
我的创作纪念日
有点东西,但不多。原创 2022-08-23 11:10:44 · 142 阅读 · 2 评论 -
js判断H5是否在小程序、微信中,webview中。
js判断H5是否在小程序、微信中,webview中。原创 2022-05-11 10:12:17 · 8638 阅读 · 0 评论 -
vue3 setup语法糖,调用动态渲染的子组件中的函数
vue3 setup语法糖,调用动态渲染的子组件中的函数原创 2022-04-09 13:45:43 · 2325 阅读 · 1 评论 -
vue3 + vite2 打包部署后 404 解决方案
vue3 + vite2 打包部署后 404 解决方案404现象解析如果在开发环境没问题,但是部署后(部署到服务器的非根目录的情况时)出现很多相关的js,css文件报404,那么可以看一下index.html中的资源引用,如果都是/assets开头,那么这个时候就需要修改配置文件,重新打包了。解决办法在vue2中我们在config/index.js文件中配置了 assetsPublicPath:’./’,同理,vue3中也需要配置这个属性,vue3中vite生成的项目,没有config文件夹,原创 2022-03-24 23:39:06 · 14595 阅读 · 2 评论 -
promise-回调笔记
promise-回调笔记原创 2022-03-16 20:18:27 · 526 阅读 · 0 评论 -
node升级导致vue老项目无法运行解决办法
node升级导致vue老项目无法运行解决办法原创 2022-02-23 09:54:27 · 1945 阅读 · 0 评论 -
多个vuex时的调用方式和监听方式
多个vuex时的调用方式和监听方式原创 2022-01-07 18:06:39 · 514 阅读 · 0 评论 -
用CSS伪类做一个心形
用CSS做一个心形原创 2022-01-07 11:01:41 · 328 阅读 · 0 评论 -
element-ui 表格无数据办法
element-ui table表格空白,渲染无数据的解决办法。原创 2021-12-28 22:29:27 · 1660 阅读 · 0 评论 -
js-数组常见面试题
js 数组相关常见面试题原创 2021-12-27 14:32:19 · 850 阅读 · 0 评论 -
常见问题笔记整理
var和let不同情况下的不同表现原创 2021-12-21 11:10:04 · 223 阅读 · 0 评论 -
ES6 实用语法
ES6 实用语法原创 2021-11-29 18:08:17 · 568 阅读 · 0 评论 -
css var变量声明
CSS变量声明。抛开less,suss等预编译插件库,使用CSS变量声明同样可以实现换肤功能。语法展示CSS变量声明 :root{ --theme-color:red; } #btn{ --btn-blue:blue; }页面元素<header id="header"> <h1>CSS换肤</h1> </header><button i原创 2021-11-24 18:44:14 · 878 阅读 · 1 评论 -
微信测试号 内网穿透 redirect_uri 参数错误
微信测试号 redirect_uri 参数错误现象拉了解决办法保证内网穿透正常 测试号 >体验接口权限表 > 网页服务 >网页帐号 >网页授权获取用户基本信息此处域名配置 不需要加 http 或者 https ,直接写域名。 代码中重定向url 结果,网页调试工具成功拉起。 成功拉起 ...原创 2021-07-15 14:03:25 · 608 阅读 · 0 评论 -
个人笔记 前端适配转换
脚手架方式 行内可以直接用px (打包通过插件可以将所有css中的px转换为rem,并为根节点设置font-size) 如果设备尺寸为375 设计图尺寸375 标注为160px的 则直接写160px,如果设计图尺寸为750,那么160/2=80px...原创 2021-06-02 17:56:51 · 107 阅读 · 0 评论 -
2021-05-17
node-sass安装: : Error: Cannot find module 'node-sass' Node Sass version 6.0.0 is incompatible with ^4.0.0错误截图执行语句依次执行 >npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass>npm i >npm rebuild node-sass ...原创 2021-05-18 00:00:42 · 74 阅读 · 0 评论 -
镂空弹框/引导页/
镂空弹框/引导页/主要采用设置引导元素的阴影的方式实现。将引导元素阴影放大,直至占满屏幕。box-shadow:rgb(000/60%)000100vh;将指引按钮通过定位放置到引导元素周围。 position:absolute; 代码实现 <!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewpo...原创 2021-04-20 01:47:27 · 253 阅读 · 0 评论 -
el表达式加foreach
//下拉框(符合条件就选中)<c:forEach items="${psy_certificaten}" var="tt"> <option value="${tt}" ${tt eq ext_school_psy.psy_certificaten?'selected':''}>${tt}</option></c:forEach>原创 2018-03-06 09:49:08 · 6333 阅读 · 0 评论 -
Vue2,Vue3引入vant
vue2引入vantnpm i vant -S npm i babel-plugin-import -D 找到后缀名为.babelrc的文件 //在原本代码后面补充这段代码"plugins": [ ["import", { "libraryName": "vant", "libraryDirectory": "es", "style": true }] ]//补充完后效果{ "presets": [ ["...原创 2021-03-14 23:40:12 · 2747 阅读 · 2 评论 -
echarts时间轴应用
echarts时间轴应用的两种方法第一种,x轴设置type为value,然后还需要把x轴显示的时间戳通过格式化函数(formatter)转换为日期类型,series中的data转换为时间戳。数据类型一般较为常用的是二位数组的方式 如:[ ['时间戳','y轴值'],['时间戳','y轴值'] ] ; 第二种,x轴设置type为time(不需要转换X轴显示的...............原创 2021-01-04 10:48:04 · 26293 阅读 · 33 评论 -
ajax多文件上传 fromData
ajax多文件上传 fromData原创 2020-12-21 17:12:54 · 193 阅读 · 0 评论 -
echarts标域 markArea 层级问题
echarts标域块层级问题柱状图时,如果在series中某个data配置项里面设置标域marbikArea,这个marbikArea的层级默认是没有柱状图高的(导致marbikArea被柱状图遮盖),而且marbikArea没有层级这个概念。解决办法将此配置项添加属性 z:0...原创 2020-11-12 20:15:19 · 2805 阅读 · 0 评论 -
Vue 监听Sesstionstorage对象,更新视图
Vue 监听Sesstionstorage对象,更新视图。说明在不使用Vuex的情况下,通过对缓存的监听,实现视图渲染。适用场景需要某个js文件控制一个全局变量,然后这个全局变量更新时,视图层也跟随更新。 在不想使用Vuex时。关键代码主要用到了自定义函数 var newCustomEve = document.createEvent('customEve'); 对象派发 window.dispatchEvent(newCustomEve)代码演示 参考链...原创 2020-08-31 18:35:21 · 447 阅读 · 0 评论 -
Vue中 动态添加class写法 动态静态clas混合
Vue中 动态添加class写法 动态静态clas混合示例//fx,cont-block为静态class ob为动态class<div :class="[ 'fx','cont-block',{ob : index == '0'}]" v-for="(item,index) in objData" @click="changeStatus"> <div class="blocktitle">{{item.name}} .原创 2020-08-31 11:19:13 · 8882 阅读 · 2 评论 -
微信内自动播放音乐(移动端)
微信内自动播放音乐(移动端)转载地址地址<audio autoplay="autoplay" id="music"> <source src="./music.mp3" type="audio/mpeg" /> Your browser does not support the audio element.</audio>function autoPlay(src) { const audio = new Audio(); //...转载 2020-08-03 00:26:40 · 1208 阅读 · 0 评论 -
vue动态添加元素,为动态元素绑定点击事件(根据个人业务记录)
vue动态添加元素,为动态元素绑定点击事件。(根据个人业务记录)需求:返回一个list,首先显示list中某一个的一部分,然后可以点击一个图标,显示对应剩下的一部分。思路:手下想到的是用v-html标签对数据进行拼接,然后再绑定到dom中去。但是这样就涉及到动态添加属性,添加事件了,搜索看了一下觉得不太合适,就没用了。 vue离不开数据驱动,决定从数据入手。实现: 处理数据,将数组数据,转变为数据对象,在每一个对象中都添加一个show属性,通过true,false控制其展示...原创 2020-07-29 11:01:35 · 14050 阅读 · 0 评论 -
css中的伪类after与before失效
css中的伪类after与before失效及其用法。https://blog.csdn.net/qq_37860963/article/details/81182258转载 2020-07-13 11:37:59 · 2315 阅读 · 0 评论 -
echarts tooltip被遮挡
echarts tooltip被遮挡在制作图表中,发现有时候tooltip会被线条遮挡或者被柱子折线遮挡,这种情况会偶尔出现,解决方案如下positions属性解决。 tooltip: { position:function(point,params,dom,rect,size){ dom.style.transform = 'translateZ(0)'; } }...原创 2020-07-06 18:39:48 · 3324 阅读 · 2 评论 -
React webapp路由跳转
React webapp路由跳转Router下面只能包含一个盒子标签,类似这里的div。 Link,NavLink代表一个链接,相当于一个a标签。需要有一个to表示地址。 Route,代表路由界面,path代表路径,component代表路径所对应的界面。 项目入口 》Router包括路由组件和底部菜单组件 》 路由组件里面引入所有需要用到的路由(<Route>),底部菜单...原创 2020-05-06 11:03:19 · 358 阅读 · 0 评论 -
微信小程序蓝牙连接步骤
微信小程序蓝牙连接步骤 注意,微信小程序的低功耗蓝牙,获取附近蓝牙时,ios和android获取的deviceid 是不一样的。android获取的是mac地址,ios获取的是经过内部转换加密过的。 连接成功后,调用wx.getConnectedBluetoothDevices()这个函数时,在不传uuid时,是获取不到的(安卓是可以的)。但是如果只是为了获取已连接的设备,就...原创 2020-04-14 23:28:29 · 4444 阅读 · 0 评论 -
vue行内样式绑定写法 :style
:style vue行内样式绑定写法 :style :style="{'visibility': isAppFlag?'hidden':'visible'}" //单个:style="{'visibility': isAppFlag?'hidden':'visible','color': isAppFlag?'red':'blue'}" //多个 :style="{'...原创 2020-02-17 22:04:17 · 6617 阅读 · 0 评论 -
echarts 标域 放大到一定程度时局部变为空白
echarts 标域 放大到一定程度时局部变为空白正常效果图 放大后 可以很清楚的看到,在放大到一定程度后,会出现留白现象。这个时候需要检查一下你的标域中的data值,如果设置了yAxis的话,要把这个设置删除掉。...原创 2020-01-04 13:27:25 · 682 阅读 · 0 评论 -
echarts x,y轴数据不一一对应时 折线图和柱状图的写法。
echarts x,y轴数据不一一对应时 折线图和柱状图的写法。根据官网和社区给出的demo来看,柱状图折线图等等,很多都是X,Y轴一一对应画出来的,比如 option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] ...原创 2019-12-06 10:05:38 · 6498 阅读 · 0 评论 -
微信内自动播放音乐,队列播放音乐,请求播放音乐。
微信内自动播放音乐,队列播放音乐,请求播放音乐。需求介绍 通过ajax轮询,获得播放信息,如果返回的有音乐名称则播放,反之不播放。个人流程总结首先进入页面调用监听 playReady()函数,在函数中发起第一次请求 在第一次的请求回调中,播放一段静音音乐,然后再进行请求轮询 在请求轮询中根据返回信息判断是不是要放入播放列表,放入后再调用一次播放方法,调用时要根据当前播放状态决...原创 2019-11-12 11:18:30 · 1027 阅读 · 0 评论 -
vue父组件数据更新,子组件没有变化。
vue父组件数据更新,子组件没有变化。在父子组件传参时,父组件将值传到子组件后,子组件进行数据展示,在第一次传参时可以正常显示,过一段时间后重新赋值,则发现子组件里面数据没有更新,这个时候需要在子组件中加入watch 进行数据监听示例父组件<div :parenData ="datas"></div><script>data(){...原创 2019-09-23 10:31:29 · 29168 阅读 · 2 评论 -
vue 父组件请求数据,props为undefined,子组件获取不到值。
vue 父组件请求数据,子组件获取不到值。props为undefined解决办法就是 在渲染的时候给组件标签上面加一个条件渲染,在父组件请求完成后,将数据赋值,然后将渲染表达式成立;示例子组件A<div> 我是子组件 {{msg}}<div><script> data(){ return{ m...原创 2019-09-23 10:20:54 · 7181 阅读 · 0 评论 -
小程序云开发模糊查询
小程序云开发模糊查询尝试小程序云开发的时候发现小程序不能模糊查询,搜索得到如下办法;const db = wx.cloud.database(); //初始化数据库 db.collection("all").where({ // name: _name, name:{ $regex:'.*'+ 模糊匹配的值, $options...原创 2019-03-18 21:27:49 · 12522 阅读 · 8 评论