- 博客(56)
- 收藏
- 关注
RSS订阅原创 vue2.0与vue3.0
/ vue2bind- 指令绑定到元素后发生。只发生一次。inserted- 元素插入父 DOM 后发生。update- 当元素更新，但子元素尚未更新时，将调用此钩子。- 一旦组件和子级被更新，就会调用这个钩子。unbind- 一旦指令被移除，就会调用这个钩子。也只调用一次。// vue3bind→inserted→：新的！这是在元素本身更新之前调用的，很像组件生命周期钩子。update→ 移除！有太多的相似之处要更新，所以这是多余的，请改用 updated。→：新的！
2024-05-06 10:43:15
1010
原创 【SCSS篇】Vite+Vue3项目全局引入scss文件
https://blog.csdn.net/qq_39335404/article/details/133783644
2023-10-19 16:22:44
258
原创 selenium的java方式打开IE浏览器
根据https://www.selenium.dev/documentation/ie_driver_server/#required-configuration里面进行配置。IE驱动下载地址：https://www.selenium.dev/downloads/，根据自己电脑选择对应的下载，放入电脑E:\driver。3）选择项目下的已解压selenium-java-3.141.59后的lib目录及两个jar,点击确定完成即可。1）打开edge浏览器，启用IE模式，找到更多工具的。
2023-07-26 11:51:45
1439
原创 Vue2.0框架中添加常量
第一步：在src下面新建一个文件夹，命名const，然后新建一个const.js。在项目中遇到一些重复出现的常量，想着写到一个固定的地方可以随取随用；第三步：然后在main.js中引入const.js。第二步：在const.js中写入需要的常量。第四步：在 .vue 组件中使用。
2023-06-29 10:18:11
1194
原创 vue全局和局部自定义属性v-xxx
局部自定属性直接将需要添加的属性写入directives中，写入inserted和update两个方法，就可以直接使用了<template><h1>局部：自定义指令</h1>-- 局部自定义指令 --></div><script>// 自定义指令：对使用该指令 dom节点 做dom简单操作// v-自定义指令名称：v-aaaaaa: {// 虚拟dom第一次渲染到页面是成为真实dom节点 执行// el: 对使用该指令 真实dom节点el.focus();},
2023-06-16 18:48:06
316
原创 mockjs语法规范、设置mockjs拦截响应时间、Mock.Random占位符生成随机数据
https://blog.csdn.net/zhouzuoluo/article/details/99824847
2023-05-16 18:02:55
147
原创 vue顶部和左侧菜单联动
https://blog.csdn.net/weixin_41856395/article/details/110441057
2023-05-06 16:57:44
425
原创 在vue项目中使用mock.js（详解）
https://blog.csdn.net/weixin_44827418/article/details/115248478
2023-04-23 11:11:40
147
转载 ajax 如何保证数据的安全性
ajax 如何保证数据的安全性假如跨站伪造请求成功，怎么保证 ajax 的数据安全性？问题的根源答主 bumfod 说的确实有道理。crsf 的成因在一定程度上确实是由于http有状态的原因(cookie维持状态)，并不是我之前所说的是 http无状态的原因。在此如果有人被误导，我表示抱歉。我们如果能验证请求确实来是用户确认(自愿)发出的，而不是用户误导的情况下发出的，就能解决这个问题。检查Referer标头确实是一种方案，但是该标头也有可能被篡改，而且浏览器的实现不一。举个例子以RESTf
2021-09-01 17:44:34
431
原创 支付宝小程序修改radio样式
axml代码：其中一定要加上color=“rgba(0,0,0,0)” ，要不然之前的选中样式无法去掉 <radio-group class='radio-group' data-carid='{{item.id}}' onChange='radioChange'> <label> <radio class='radio' value='{{item.isDefault}}' color="rgba(
2020-12-23 18:06:45
931
原创 uni-app的app模式，picker-view不显示问题
废话不说。直接上解决方法。uni-picker-view { display: block;} uni-picker-view .uni-picker-view-wrapper { display: flex; position: relative; overflow: hidden; height: 100%; background-color: white; } uni-picker-view[hidden] { display: none; }
2020-12-21 12:01:09
3336
原创 支付宝my.navigateTo长度问题
一、问题出现在支付宝小程序项目中遇到了一个问题，从A页面跳转到B页面，用的my.navigateTo,url后面传了一个很长的参数，导致在下个页面获取参数的时候，被截取了，只有部分参数值。二、解决办法只能用setStorageSync存入缓存中，在下个页面getStorageSync再取出值三、其他类似方法是否也存在在微信小程序中同样也遇到过类似问题，wx.navigateTo的url长度也是手限制的，不是无限长的，同理，redirectTo，reLaunch也受限制...
2020-11-26 12:09:39
676
1
原创 支付宝小程序-富文本解析组件
支付宝小程序富文本解析组件和微信的稍微有点不同，参考https://github.com/yaoshanliang/wxParse
2020-11-12 17:09:48
579
2
原创 微信小程序转支付宝小程序之趟坑记录及问题解决方案
一、微信小程序（wx）与支付宝小程序（alipay）区别视图层页面：wxml —— axml（1）冒泡、非冒泡事件： bindtap —— onTap（驼峰命名）catchtouchstart —— catchTap（2）列表渲染： wx: for —— a: for wx: key —— key（3）条件渲染： wx: if —— a: if wx: else —— a: else样式文件：wxss —— acssjs 文件：js —— js （1）消息提示框： wx.showToast(
2020-11-05 19:03:24
419
原创 前端实现图片懒加载(lazyload)的两种方式
在实际的项目开发中，我们通常会遇见这样的场景：一个页面有很多图片，而首屏出现的图片大概就一两张，那么我们还要一次性把所有图片都加载出来吗？显然这是愚蠢的，不仅影响页面渲染速度，还浪费带宽。这也就是们通常所说的首屏加载，技术上现实其中要用的技术就是图片懒加载–到可视区域再加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。懒加载
2020-10-20 14:09:07
4025
原创 h5端移动端软键盘弹起改变高度问题
问题描述在移动端h5页面,当页面中包含input、textarea输入框的时候，或者有调起软键盘的操作时，安卓浏览器下，可视窗口的高度改变，导致页面上的vh重新计算，页面被压扁。ios下的浏览器（safari）没有这个问题。原因在ios下，软键盘是叠在可视窗口上面的，也就是不影响可视窗口的大小。但是在安卓，软键盘是在窗口中，即占用窗口的面积。解决方案给viewport设置height值，可用window.innerHeight赋值。 <meta name="viewport" id="vi
2020-09-24 16:25:32
6273
3
原创 jQuery直接进行加减乘除运算时会出现精度损失问题，以下是解决办法
jQuery直接进行加减乘除运算时会出现精度损失问题，以下是解决办法/**加法运算，避免数据相加小数点后产生多位数和计算精度损失。@param num1加数1 | num2加数2/function numAdd(num1, num2) {var baseNum, baseNum1, baseNum2;try {baseNum1 = num1.toString().split(".")[1].length;} catch (e) {baseNum1 = 0;}try {baseN
2020-06-29 22:32:06
1409
转载 微信小程序scroll事件/onPageScroll事件的延迟问题
需求在前端开发中，我们经常会遇到一个需求，在页面进行滚动操作的时候，当页面其中的某个元素滚动到某个位置，我们就让该元素停留在该位置。等到滚动小于某个值的时候，再让该元素继续随着页面滚动。这就是我们平时说的吸顶效果。实现方法实现思路：定义一个isFixed属性，设置该属性的样式为position:fixed,当滚动到某个高度时，设置position:fixed样式，用滚动来监听事件，微信小程序中有onPageScroll事件，然后通过scrollTop值来设置isFixed问题：如果我们单纯设置这样
2020-06-15 17:03:37
7656
4
原创 微信小程序从后台获取session定时过期解决
https://developers.weixin.qq.com/community/develop/article/doc/000cac14f44e70059368f3c1b5bc13之前找了好久没有找到解决办法，后来从微信小程序社区里面发现了这个解决办法，亲测，可以实行，下面这段代码利用队列完美解决了等登陆完成之后再执行方法，详细请看https://developers.weixin.qq.com/community/develop/article/doc/000cac14f44e70059368f
2020-05-27 15:08:32
1785
原创 图片压缩用base64上传
最近做拍照图片上传，由于现在的手机像素都很高，拍出来的照片都很大，所以需要上传图片之前先压缩上传，后来再github上找到一个插件参考：https://github.com/cilla123/BenUpload1.用的时候，请先引入JQuery或者Zepto <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>"><!-- 图片压缩 -->2.引用插件<script
2020-05-14 14:30:12
521
原创 后端传入文件流，前台pdf展示（pc端和手机端）
近日项目用到的用文件流传递pdf文件的情况，后端将数据流传到前端，需要前端进行处理然后再预览下载，总结了一下几点方法，1.PC端一开始想引用pdf.js插件进行实现，但是总是白屏，借鉴的文章是https://www.jianshu.com/p/242525315bf6，用了里面的方法测试了，但是一直是白屏，展示不出pdf，也没有看到错误提示，最后直接用window.open(url),其中url表示的是预览的接口以及参数，简单明了的解决了打开后端传入数据流到前端展示pdf的问题。2.微信网页h5
2020-05-11 14:27:27
5091
原创 解决：laydate时间控件与谷歌浏览器兼容问题
最近在开发时候用到了laydate时间控件，但是在谷歌浏览器中总是有问题只有在鼠标放在时间框内部，在通过顶部任务栏访问才会弹出时间设置窗口，后来找到了解决办法如下：在如下代码中添加 trigger: 'click’属性<script> lay('#version').html('-v'+ laydate.v); //执行一个laydate实例 laydate.render({ elem: '#test' //指定元素 ,btns: [
2020-05-09 20:02:59
864
原创 uni-app的坑
作为vue语法开发的跨平台开发框架虽然愿望很美好，但是真的要实现跨平台还是需要开发者搭建好的项目架构，灵活运行vue语法和模块化开发思维。H5适配官方创新很好，又为我们创造了一个尺寸单位，upx，但是考虑到项目迁移和开发通用，我决定还是使用px配合flexible实现适配，确保项目可以轻松移植到uni框架，需要改动@dcloudio/vue-cli-plugin-uni/packages/po...
2020-01-09 14:48:06
416
原创 微信小程序this.setData()和this.data很容易入的坑
先上一段代码pageData: function (e) { let that = this let datas = e.detail.datas let page = e.detail.page //返回的第几页 let totalPageNum = e.detail.totalPageNum //总页数 that.setData({ to...
2019-12-31 18:51:45
2801
原创 wx.openLocation苹果手机点击没反应
html部分<button class="check_map" data-longitude="{$value.longitude}" data-latitude="{$value.latitude}" data-name="{$value.hname.'('.$value.address.')'}">查看地图</button>js部门$(".check_map")...
2019-11-07 20:21:45
1469
原创 前端-localStorage
在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。在使用localStorage的时候，我们需要判断浏览器是否支持localStorage这个属性：i...
2019-09-04 21:11:03
124
原创 vue组件传值
1.vue中父组件传值给子组件在组件中，传值是最常见的问题，父组件的值，传递到子组件是一个最常见的问题，下面通过一个简易留言板说明哪些需要注意的地方<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>留言板</title>...
2019-07-26 16:20:46
186
转载 前端学习
转发https://www.cnblogs.com/gluncle/p/8590401.html结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也越...
2019-07-17 10:57:10
541
原创 canvas写抽奖大转盘图片和文字
一.用canvas创建一个抽奖大转盘html <canvas class="canvas_wheel" id="wheelcanvas" width="422px" height="422px"></canvas>js //页面加载时画圆盘$(document).ready(function(){ var comiddity = getComiddit...
2019-07-15 15:27:24
2140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人