- 博客(26)
- 收藏
- 关注
RSS订阅原创 解决微信小程序跳转页面传参有特殊字符。
传参的时候转换JSON，另一边接收会因为特殊字符而报错。解决方法： 传参的时候用encodeURIComponent进行编码let arr=encodeURIComponent(JSON.stringify(item));wx.navigateTo({url: '/pages/prospCustom/prospCustom?arr='arr})后面在decodeURIComponent解码var queryBean = JSON.parse(decodeURIComponent(
2022-04-24 16:41:13
2072
原创 用户名，密码用localStorage存值
html <span>用户</span> <input type="text" name="" id="username"> <span>密码</span> <input type="text" name="" id="password"> <button id="Sign">登录</button>js var username= document.q
2022-01-04 14:49:49
535
原创 wx小程序画布保存成图片
//保存图片 pawjms(){ var that = this; wx.canvasToTempFilePath({ x: 0, y: 0, canvasId: '画布id', fileType: 'jpg',//格式 quality: 1, success: function (res) { that.setData({//生成的图片 ...
2021-12-30 17:03:34
243
原创 wx 小程序画布
let that = this wx.getSystemInfo({ success: (res) => { console.log(res); } });先在onLoad里面获取屏幕大小 <canvas canvas-id='mytext'></canvas>在wxml 里面写上画布标签 id 别忘了css样式设置宽高 var w, phoneT, addressT; if (platfo..
2021-12-30 16:51:58
417
原创 uni-app动态操作dom节点
<view v-for="(item,index) in arr[all].sk" :key="index"> <view ref="dom" @click="Skems(index)"> {{item}} </view>渲染完数组export default{ data(){ return{ sk:[name:'S',name:'M',name:'...
2021-11-22 18:36:20
6351
原创 Vue将图片转化为base64
在div写入上传文件的input 框<template> <div> <div> <input type="file" ref="upFile" /> <button @click="File()">点击</button> <img :src="Bsieks" alt="" style="wigth:500px;height:500px"></div> <
2021-11-09 11:18:42
2058
2
原创 vue 插件
Element - The world's most popular Vue UI framework引入 npm i element-ui -S在 main.js 中写import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);axios请求引入 cnpm install --save axios在 main.js 中写...
2021-11-08 20:21:49
257
原创 vue 安装
1，卸载node.js（如果装了2.0的脚手架想换成3.0的需要先卸载重装，如果没有装过任何vue请从第4部开始）2，C:\Users\18613\AppData\Roaming 目录下删除npm 和npm-cache(如果装了2.0的脚手架,请先删除)3，安装新版本的node.js参考：Node.js 安装配置 | 菜鸟教程》.安装nodejs，自带npm环境。地址：Download | Node.js 下载node.js》.安装淘宝镜像:npm install -g cnpm --r
2021-11-08 19:47:09
107
原创 Vue 知识要点
1.vue 中八个生命周期分别是什么，都是什么含义？beforeCreate()创建前状态 created()创建完毕状态beforeMount()挂载前状态 mounted()挂载结束状态beforeUpdate()更新前状态updated()更新完成状态beforeDestroy()销毁前状态destroyed()销毁完状态2. vue 中生命周期创建和挂载有什么区别？创建是data里面的数据已经更新了，最早可在created里面写事件挂载是...
2021-10-29 10:21:16
396
原创 Vue 简易面试题
1.vue 中输出变量的几种方式？分别都有什么区别v-text跟v-html，两者都可以输出变量，v-html是可以解析标签的。后面还有一个插槽slot。2.vue 中v-if 和v-show的区别相同点：v-if与v-show都可以动态控制dom元素显示隐藏不同点：v-if显示隐藏是将dom元素整个添加或删除，而v-show隐藏则是为该元素添加css--display:none，dom元素还在。3.vue 中实例方法跟计算属性的区别？实力方法没有缓存 能传参，计算属性有缓存，不能传
2021-10-20 14:02:05
111
原创 Vue八大生命周期 子父组件依次执行的顺序
假如组件里面套有子组件，而且子组件中也有八个生命周期，请问，他们的执行打印的顺序是什么样的？我们以此在打印父组件里打印创建前和创建后跟过载前和过载后，然后子组件同理。可以很明显看出父组件在过载前后面要先把所以的子组件里面的数据过载完，最后才会过载父组件里面的数据。...
2021-10-19 10:39:35
148
1
原创 简易有序增加（防抖）
<style> * { margin: 0; padding: 0; } div { width: 500px; height: 400px; border: solid red 2px; margin: auto; } p { line-height: 400px; font-size: 40px; .
2021-10-13 00:15:00
60
原创 简易面试题总结
41：把两个数组合并，并删除第二个元素，返回新的数组 let arr = [1, 2, 3] aps = [4, 5, 6] //第一种 oers = [...arr, ...aps];//es6方法，用展开运算符 //第二种 // let oers = arr.concat(aps) oers.splice(1, 1); console.log(oers);2:自定义方法将字符串反转，如将‘12345678’ 变成‘87654321’
2021-10-11 14:58:33
315
原创 简易双色球
<!DOCTYPE html><html lang="en"><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &l.
2021-10-11 00:00:00
89
原创 自设置图片Z自动切换
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=...
2021-10-09 15:41:12
71
原创 Vue实现简易购物车
<script src="https://unpkg.com/vue/dist/vue.js"></script><div id="box"> <h3>嘤嘤嘤联名店铺</h3> <table> <tr> <th>全选<input id="chec" @click="check()" type="checkbox" checked style="ma.
2021-10-04 01:00:00
274
原创 Vue简易留言板
<script src="https://unpkg.com/vue/dist/vue.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/boots.
2021-09-30 00:00:00
227
原创 Vue计算器
<script src="https://unpkg.com/vue/dist/vue.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/boots.
2021-09-29 00:30:00
95
原创 js input选中变色
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=...
2021-09-28 17:05:09
366
原创 js 选项卡切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>..
2021-09-28 17:03:02
221
原创 Vue三级联动
<script src="https://unpkg.com/vue/dist/vue.js"></script><script src="city.js"></script><div id="box"> <select v-model="sisd"> <option v-for="(item,index) in city" :value="index">{{item.name}}</op.
2021-09-28 16:53:08
66
原创 js返回页面顶部
<style>*{margin:0;padding:0;text-decoration:none;}a{color:#fff;}div{width:100%;height:400px;}</style><divstyle="backgro...
2021-09-28 16:44:32
109
原创 前段 随机切换
自动换行 <div style="width: 1000px;height: 500px;margin: auto; border: solid 3px red; font-size: 60px; color: turquoise; text-align: center;line-height: 500px;" id="lan"> </div> <button style="width: 300px;height: 60px;...
2021-08-29 15:03:43
46
原创 简易购物车
自动换行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,...
2021-08-29 15:01:13
51
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人