- 博客(51)
- 收藏
- 关注
RSS订阅原创 浏览器Failed to read the ‘sessionStorage‘ property from ‘Window‘: Access is denied for this document 报错
无痕浏览器报错问题
2022-08-31 10:30:52
4421
1
原创 面试题记录
面试题这里写目录标题面试题vue有哪两种传参方式，分别有什么区别？哪一种传参方式页面刷新会消失说说对vue的模块化开发说说vue的渐进式vue的权限管理vue的组件传参的方式？es6的新特性如何解构赋值数组对象？promise 和async和await 的区别？vue生命周期给定一个数组 手写一个排序的方法jquery 和vue有什么区别？http和https为什么说https更安全mvvm和mvc有什么区别？get和post和put的区别 ？前端如何配合后端一起处理秒杀的高并发cookie和**Loca
2021-10-23 15:39:01
147
原创 小程序登陆报Expected BEGIN_OBJECT but was STRING at line 1 column 1 path $ 错误问题
相关解决方案解决方案地址修改wx.login与获取用户手机号api顺序解决，将wx.login 获取code 放在获取手机号之前。
2021-07-04 22:09:20
1755
原创 一些常用的css特殊字符
显示清除样式.clear::after { content: "\2716"; display: inline-block; padding: 5rpx 10rpx; border-radius: 30rpx; background-color: #c9c9c9; }
2021-03-25 17:28:25
389
原创 yarn 安装vuex vue-router 报错error Received malformed response from registry for “vuex“
报错信息直接执行该方法解决1.步骤一yarn config set registry https://registry.npm.taobao.org2.步骤二yarn install --no-bin-links参考文件路径 https://www.html.cn/qa/node-js/14966.html
2021-03-25 11:54:42
2964
原创 vue3安装 sass 和less
文章目录vue 项目安装sass安装lessvue 项目安装sassyarn add sass sass-loader -D安装lessyarn add less less-loader --dev
2021-03-03 17:02:22
737
1
原创 面试题目记录
文章目录1. 防抖和节流代码编写2. vue项目优化3. 小程序的a页面到b页面怎么传参数，如何优化小程序4. vuex+cookie的意义5. vue中父子组件通信有哪些方法？6. watch能不能监听一个对象内部属性的变化？7. vue用户信息从登录到成功的过程？8. 如何让css只在当前组件中起作用？9. 下面的代码分别输出什么10.嵌套路由怎么定义？11. 怎么定义vue-router的动态路由？怎么获取传过来的动态参数？12.vue-router有哪几种导航钩子13.请详细说一下你对vue生命周期
2021-02-27 14:45:01
150
原创 时间格式处理获取本年份的起止时间
1.ios兼容性问题对于时间格式 ios不能识别横杠获取本年份的起止时间 `/***` `\* 得到本年的起止日期` `\*` `*/` `getCurrentYear() {` `//起止日期数组` `var startStop = new Array();` `//获取当前时间` `var currentDate = new Date();` `//获得当前年份4位年` `var current
2021-01-20 15:38:26
302
原创 时间格式转换
function dealDate(date) {var nowdate = new Date(date).toLocaleDateString().replace(/\//g, '-')return Date}
2020-12-30 15:55:55
209
原创 判断时间十二小时之后再执行
let nowDate=Date.parse(new Date())if(wx.getStorageSync(‘nowDate’)){let oldDate=wx.getStorageSync(‘nowDate’)if((nowDate-oldDate)>=43200000){this.setData({tips:true})wx.setStorageSync(‘nowDate’, nowDate)}}else{ wx.setStorageSync('nowDate', nowD
2020-11-03 16:11:34
102
原创 遍历数据筛选数据
couponData.forEach((e, i) => { if (i === index && selectIndex == i) { e.isSelected = false index = -1 } else if (i === index) e.isSelected = true else e.isSelec...
2020-08-21 20:31:24
299
原创 前端面试题整理~
文章目录有一个200x200的div，如何让它在不同分辨率的屏幕上上下左右居中展示，写出CSS实方式。有哪些清除浮动的方式请简述。h5有哪些新特性语义化标签有什么作用使用什么方法可以减少页面请求的加载时间？bootstrap的实现原理CSS的选择器有哪些?层级关系是什么样的px和em有什么区别实现一个左中右居中布局，左右两端的盒子宽度为200，如何使中间的盒子自适应展示，请写出结构和样式。"5"+4的结果简述一下前端项目的开发流程如何使用axios封装请求promise有哪些状态如果给定一个项目的开发流程时
2020-06-19 15:33:41
210
原创 call apply和bind 的区别
都能改变this的指向call()和apply()是立即调用函数bind() 绑定this之后，不会立即调用当前函数， 而是将函数返回,因此后面还需要再加（）才能调用。bind()和call()传参的方式一样apply() 传参是方式是一个数组。...
2020-06-15 18:33:33
119
原创 ts使用vscode自动编译生成js文件
新建文件夹在vscode打开终端输入命令tsc --init会自动生成tsconfig.json文件把"outDir": “./js”, 注释取消 如图所示打开 终端–>运行任务–>typescript–>tsc 监视
2020-05-21 16:58:37
1507
原创 React-redux 简单实现
文章目录React-redux重要组成部分ProviderconnectReact-redux重要组成部分Provider可以让整个app都能获取到store中的数据connect使组件跟store来进行关联ProviderProvider包裹在根组件的最外层，使所有的子组件都可以拿到StateProvider接收store作为props ，然后通过context往下传递，这样react中任何组件都可以context获取store。connectProvider内
2020-05-18 16:24:39
185
原创 Redux全局状态管理
文章目录Redux三大核心Redux组成Redux三大核心单一数据源整个应用的state被存储在一个object tree中，并且这个object tree 只存在于唯一一个store中state是只读的唯一改变state的方法就是出发action，action是一个用于描述已发生事情的普通对象store.dispatch({type:'COMPLETE_TODO',index:1})使用纯函数来执行修改需要编写reducersReducers是一些纯函数，它接收
2020-05-18 15:21:35
739
原创 JavaScript笔记
1. 数据类型转换Number转换为数字类型parseInt 转换为一个整数parseFloat 返回一个浮点数2.隐式类型转换** + - / % **3.数字比较大小字符串比较位字符4. 关于NaNNaN表示进行了非法的运算操作NaN是数字类型但不是数字NaN与自己本身也不相等5.关于isNaNisNaN用来判断某些值是不是数字isNaN讨厌...
2020-04-30 17:25:09
138
原创 关于audio获取duration时长报错的问题
给音频绑定canplay事件在事件里面获取duration时长绑定 <audio :src="audio.url" id="play" ref="audio" :autoplay="play" @canplay="eventMusic" ></audio> eventMusic(){ // 音乐准备播放的时候执行 let duration = t...
2020-04-28 16:25:57
694
原创 JavaScript基础知识记录~
1. sessionStorage,localStorage和cookie的区别相同点：都是保存在浏览器端，且同源不同点：与服务器的数据交换方式不同cookie数据始终在同源的http请求中携带，即cookie在浏览器和服务器间来回传递，因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。而sessionStorage和localStora...
2020-04-19 00:19:01
179
原创 js动态实现星空效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>星空动效</ti...
2020-04-15 11:04:34
2264
原创 小程序 canves 画布生成图片 使用wx.previewImage预览第一次显示空白问题 ！！！！ 解决方法
小程序点击使用画布生成图片 第一次 预览显示空白解决方法将预览事件写在draw()里面 就可以直接显示了画布内容了//画入画布 ctx.draw(false, () => { wx.canvasToTempFilePath({ // 将画布信息转换成 图片展示 x: 0, y: 10, width: width -...
2020-03-23 17:48:36
957
原创 微信小程序 wx.previewImage 预览分享图片结束之后 执行事件
预览结束之后 会执行一遍 onshow 所以可以把执行事件写在onshow里面/** * 生命周期函数--监听页面显示 */ onShow: function () { this.setData({ personCanves: false }) },...
2020-03-23 17:33:29
1827
原创 微信小程序分享好友 并保存本地
微信小程序分享给好友 以及下载到图库最终实现效果页面布局代码<!--components/share/share.wxml--><view class="share-box"> <view wx:if="{{isShow}}" class="panel"> <view class="canvas"> <canvas c...
2020-03-11 11:20:32
517
原创 Jquery ajax请求报145
加上请求头headers: { 'Content-Type': 'application/json' },将传输的数据 data 加上JSON.stringifydata: JSON.stringify(data),let data = { "cycle": 2, "emergency": 1, "name": '我二姐我', "phone": ...
2019-12-04 12:23:22
101
原创 jquery 获取url字段
获取URl字段// 获取浏览器字段 function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { ...
2019-09-29 11:09:00
416
原创 vue打包报错显示To use this template, you must update following to modules:问题
显示如下报错将npm更新之后就好了npm install -g npm
2019-05-30 17:56:45
1997
原创 字符串替换
replace字符串替换replace(oldValue，newValue)初始数据item.img.slice(38,44)表示需要被替换的数据，400表示替换进去的值this.plistdata.map(item=>{ item.img=item.img.replace(item.img.slice(38,44),400) // replace字符串替换 ...
2019-05-22 16:07:21
106
原创 Vue项目的创建
创建vue-cli基于webpack的Vue项目并初始化在一个新的目录下面vue init webpack myVue会要你回答下面的一些问题 最后表示创建成功安装依赖包cd newVuenpm install启动项目npm run dev...
2019-05-16 20:39:47
159
1
原创 使用CSS绘制箭头
.div1{ width: 10px; height: 10px; border-width: 10px; border-color: pink red blue green; border-style: solid; }宽高等于10像素实现效果``当宽度和高度都等于0的时候border都被填充了分别有四个三角实现代码 .div1{ width: 0...
2019-05-16 13:29:35
316
原创 Vue实现筛选分类
<!DOCTYPE html><html><head> <title>筛选分类</title></head><style type="text/css"> #warp{ width: 800px; height: 260px; margin: 0 auto; border:1px ...
2019-05-10 20:17:25
6828
7
原创 JS随机数生成公式
<!DOCTYPE html><html><head> <title>随机公式</title></head><script type="text/javascript"> // 0~1 之间的随机数 console.log(Math.random()); // 0-10 console....
2019-05-08 12:51:00
3659
原创 js的定时回调函数
<!DOCTYPE html><html><head> <title></title></head><style type="text/css"> div{ width: 100px; height: 100px; position: absolute; top: 40px; le...
2019-05-08 12:04:53
696
原创 JS数组去重
<!DOCTYPE html><html><head> <title> </title></head><script type="text/javascript"> var arr=[1,2,3,4,5,7,8,6,7]; for(var i=0;i<arr.length;i++){ for...
2019-05-08 11:55:07
115
原创 JS倒计时的实现以及图片时钟展示
<!DOCTYPE html><html><head> <title>倒计时</title></head><style type="text/css">.in1{ width: 400px; height: 25px;}</style><script type="text/j...
2019-05-06 14:52:56
1026
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人