- 博客(22)
- 收藏
- 关注
RSS订阅原创 vue使用路由懒加载无效
查看源文件 发现所有link后面都带有ref=prefetch或者preload。问题：vue使用路由懒加载无效 进入页面时还是会加载所有页面的js文件。解决：在vue.config.js文件下配置。
2023-03-27 14:32:16
1032
1
原创 控制微信小程序web view的返回按钮
需求：点击web-view页面的左上角返回按钮时，显示弹窗，点击取消或确认后才能返回。（实际上点击返回按钮会直接返回上一页）解决方法：由于webview使用的是微信浏览器打开的，我们可以使用js的History API ，通过history.pushState来阻止返回。history.pushState() 方法向当前浏览器会话的历史堆栈中添加一个状态（state）。vue 代码在进入页面之前，执行下面代码<script type="text/javascript"> w
2021-09-16 11:21:31
3590
原创 报错： Error in created hook: “SyntaxError: Unexpected token u in JSON at position 0
问题：在页面接收传递过来的json对象时报错传参页面：let invite = { id:albumID, unionid, role }wx.navigateTo({ url: `/pages/web/web?id=${id}&isShared=1&invite=${JSON.stringify(invite)}`, });接收页面打印参数：console.log('invite',this.invite);//console.log('i
2021-08-30 18:12:47
1037
原创 微信小程序开发过程遇到的问题
时间格式：将公历时间转换为农历时间时，安卓上可以显示，ios上无法显示原因：ios无法识别2020-7-12中的-，转换为2020/7/12这样的格式即可textarea :部分机型（oppoR9）上无法唤起输入键盘解决：暂时先将textarea换成input异步获取数据通过遍历将数据添加到对象中，新合成的数据中有此数据，但无法渲染上此数据let babyList = JSON.parse(JSON.stringify(res.result.data.data)) ..
2021-08-04 11:00:20
325
转载 vue 生命周期和生命周期钩子函数
vue 生命周期和生命周期钩子函数： vue 的生命周期是： vue 实例从创建到销毁，也就是从开始创建、初始化函数、编译模板、挂载 Dom ->渲染、更新 -> 渲染、卸载 等一系列过程。 在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会 vue 的每个周期的钩子函数有哪些作用 生命周期的钩子函数总共有11个 beforeCreate : 在实例初始化之后，数据观测（dataobserver）和 event/watcher 事件配置之..
2021-06-24 17:27:37
88
原创 session，cookie与localStorage的区别
session会话存储浏览器打开创建一个会话，关闭浏览器关闭一个会话同一浏览器打开多个选项卡使用同一session不会随http请求一起被发送到服务端，减少了请求数据量cookie本地存储以文件形式存储到本地，单个文件最大为4KB如果不设置默认值，则其结束时间是当前会话，可通过expires来设置cookie的有效时间随http请求一起被发生到服务端，增加了请求数据量存在安全隐患：document.cookielocalStorage存储容量大，最大5M不会随http请求
2021-04-20 15:32:26
83
原创 vue-cli安装
vue2.01.全局安装webpacknpm install webpack -g2.全局安装vue-clinpm install vue-cli -g以上两步只需要安装一次下面就是创建项目3.vue init webpack demo 项目名称为小写名字即可4.cd demo 进入创建的文件中5.npm run dev 启动项目...
2020-12-21 09:21:25
132
1
原创 vue之表单元素，修饰符，生命周期，动画
表单元素单选<!-- radio:需要出现互斥情况，那么需要通过value绑定属性值，此时v-model会通过value值找到对应的属性进行绑定 -->性别:<input type="radio" v-model='sex' value="男">男<input type="radio" v-model='sex' value="女">女多选 <div id="app"> <input type="checkbox"
2020-11-01 11:34:50
130
原创 vue之watch监听器，filter过滤器,computed计算属性的使用
watch监听器浅监听深监听（监听对象或数组中的值，deep属性）<div id="app"> <input type="text" v-model = 'question'> <input type="text" v-model = 'obj.name'> </div> <script src="https://cdn.jsdelivr.net/npm/vue"></script&g
2020-11-01 10:55:13
561
原创 js之视频播放控件、进度条拖拽、点击
html部分 <div class="video-play"> <div class="video-left"> <div class="videobox"> <video width="100%" height="100%" src="./image/mp4.mp4"></video>
2020-10-09 17:52:27
5738
1
原创 js之查找字符串中某个字符出现的次数及位置
如果要查找字符串 'oadqvosqfovvo’中o出现的位置及次数先查找第一个o出现的位置只要indexOf返回的结果不是-1，就继续往后查找因为indexOf只能查找第一个，所以在后面的查找中要在当前索引加1 var str = 'oadqvosqfovvo'; var num= 0; var index = str.indexOf('o'); while(index != -1){ console.log(inde
2020-09-15 15:46:39
939
原创 js之九九乘法表
使用双层for循环外层循环控制行数，里层循环控制列数 var body = document.getElementsByTagName('body')[0]; for(var i = 1; i<=9;i++) { // var str = ''; for(var j =1;j<=i;j++){ // str += j + 'x' + i + '=' + i*j + '\t';
2020-09-05 11:19:56
134
原创 js之判断一个数是否为质数
假设要判断的这个数为num从2到num的平方根，如果有一个约数则不是质数，返回false从2到num的平方根，如果没有约数则是质数，返回true var count=0; function change(num){ //从2到 num的平方根，如果有一个约数则不是质数，返回false for(var i=2;i<=Math.sqrt(num);i++){ if(num%i==0){
2020-09-05 10:20:05
166
原创 js图片切换（点击左右按钮，小圆点切换图片，自动轮播）
<div> <button><</button> <button class="right">></button> <h2 id="cont">1/4</h2> <img src="./img/1.jpg" alt="" id="pic"> <ul> <li cl.
2020-09-04 15:00:32
7391
5
原创 边框线实现三角形
元素的宽高都要设置为0width: 0px;height: 0px;利用边框线的宽度定义三角形的大小 border-width: 50px; border-style: solid;/* 四个三角形 */ border-color: aqua greenyellow royalblue lightcoral;如图所示有四个三角形一个三角形 border-color: transparent transparent aqua ;注意兼容IE浏览器兼容ie5-6的小高度
2020-08-06 20:48:32
247
原创 js基础之点击获取随机验证码
可以通过点击盒子来获取验证码 box.onclick=function(){//给盒子添加点击事件`可以通过网页刷新获取验证码（封装一个产生随机验证码的函数）function yzm(){} yzm();每次获取的验证码颜色字体不同验证码在大小字母A-Z和数字0-9随机获取四个值 var str='qwertyuioplkjhgfdsazxcvbnmQWERTYUIOPLKJHGFDSAZXCVBNM1234567890'; //点击之后定义一个空串 存储新的四个随机值 .
2020-07-23 15:50:37
530
原创 css图片手风琴效果（鼠标悬停）
将图片向左浮动依次排序效果图body部分利用无序列表排列图片<!-- 无序列表 --> <ul class="box"> <li><img src="./images/1.jpg" alt=""></li> <li><img src="./images/2.jpg" alt=""></li> <li><img src="./ima
2020-07-23 11:46:33
1048
原创 旋转的彩色球体
给每一个圆的旋转动画设置延迟时间，使得球体在旋转的同时像彩色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body{ overflow: hidden; /*溢出隐藏*/ } .ci
2020-07-22 19:56:26
195
原创 CSS实现旋转的太极图效果
太极的组成两个黑白半圆拼接成一个大圆，大圆中有两个小的黑白半圆和两个更小的圆具体图形如图所示定义一个大框框w用来装太极,定义两个矩形re（将其变为两个半圆）定义两个小的矩形c(将其变为两个小的半圆)定义两个小圆a整体代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de
2020-07-22 17:15:40
533
原创 java基础篇：计算BMI体质指数并给出相应的提示
BIM = 体重(kg) / 身高(m)的平方数据通过键盘录入代码演示package hyz;import java.util.Scanner; //导包/* 计算体质指数，数据由键盘录入 BMI=体重/身高的平方*/public class Bim {public static void main(String[] args) { Scanner scanner=new Scanner(System.in);// 键盘录入 System.out.println("
2020-07-22 09:43:11
4217
2
原创 在canvas(画布）上绘制一个矩形盒子并使用按键移动这个盒子
思路1、在画布上创建一个2d画笔，并用这个画笔在画布上绘制一个矩形。2、设置一个边界判断使这个盒子不能移出画布之外，只能在画布中移动。注意：不能直接在style中设置canvas的大小 直接设置大小的话，虽然改变了大小,但是图像也被拉伸变形。特殊键值：左:37 上:38 右:39 下：40代码分解body部分设置画布大小<canvas id="can" width="500" height="500"></canvas>css样式部分为画布设置一
2020-07-21 20:20:16
1869
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人