- 博客(109)
- 收藏
- 关注
RSS订阅原创 vue中的defineProperty与proxy
众所周知，vue2是通过obj.defineProperty来实现数据劫持的。那么obj.defineProperty是如何来工作以及vue2是如何追踪数据变化的呢？obj.defineProperty是ES5提供的一个静态方法，用来直接在一个对象上定义一个新的属性，或者修改其新的属性并将其返回，使用方法：*obj：目标对象*prop：一个字符串或，指定了要定义或修改的属性键*descriptor：要定义或修改的属性的描述符（公用）enumerable（公用）writable（数据描述符）
2023-07-11 10:47:25
454
原创 微信小程序解决canvas在页面优先级过高导致无法遮挡问题
、解决方案一：弹框中如果只有image或者view或者button标签的话，直接使用cover-view、cover-image。解决方案二：如果弹框中有其他的标签，比如input。上边的方案就存在弊端。input会被覆盖，无法正常显示。针对这种情况我这边采用的解决方法是将canvas转换为图片展示我这边使用的是vant组件库，解决方法就是去改了组件的源码，主要是改了index.js文件，index.js:、、methods(){ //添加方法getImage()
2022-05-17 10:13:13
3613
原创 微信小程序实现音乐列表：播放、进度把控
效果：wxml：<!-- 音乐列表 --> <view class="musiclist"> <view class="mtitle">根据您的辨识结果，为您推荐一下音乐：</view> <view class="list"> <view class="{{ item.flag ? 'single play' : 'single' }}" wx:for="{{
2022-05-06 11:37:36
1261
1
原创 微信小程序自定义页面标题
wxml: 建议封装成组件以便使用<view class="nav" style='height:{{customObj.navTop}}px;'></view> //设置状态栏高度 <view class='title' style="line-height:{{ customObj.jiaoH }}px"> //设置标题 <i class="back" bindtap="back" style="background...
2021-12-30 09:29:43
1662
原创 微信小程序的swiper插件自适应内容的高度
//wxml<swiper style="height: {{ swiperHeight }}"> <swiper-item class="myswiperitem"> <view class="deh">swiper美容</view> </swiper-item> </swiper>//jsdata:{ swiperHeight:'' }// 获取内容的高度this.getHeight(.
2021-12-30 09:22:31
2067
2
转载 js计算小数点时不准确问题
出现原因解释来源：js浮点数运算不精确 如何解决_解决 浏览器处理数字运算时精度丢失的方法_weixin_39806388的博客-CSDN博客浏览器处理数字运算时精度丢失的方法为什么0.1 + 0.2 不等于0.3。因为计算机不能精确表示0.1， 0.2这样的浮点数，计算时使用的是带有舍入误差的数并不是所有的浮点数在计算机内部都存在舍入误差，比如0.5就没有舍入误差1.出现的原因计算机的二进制实现和位数限制有些数无法有限表示。就像一些无理数不能有限表示，如 圆周率 3.1415926...，1.3333..
2021-12-03 16:25:22
2185
原创 小程序请求阿里云图片报403，在页面不显示
参考链接：https://blog.csdn.net/tiantang_1986/article/details/83748782https://blog.csdn.net/tiantang_1986/article/details/83748782采用解决方法：使用https://images.weserv.nl/?url=进行第三方代理 <image binderror="imageOnloadError" src='https://images.weserv.nl/?url={{i
2021-11-29 09:31:07
456
原创 vuecli3.0解决本地请求https跨域问题
问题：本人是在项目中既请求后台的服务（使用是分布式服务）有请求第三方的https请求两种请求配置：原因：如果在本地配置代理转发，baseUrl不能使完整的请求地址，因为它会自己把baseUrl的值拼接导致访问错误。1）写两个想不通的axios配置文件2）修改请求拦截，根据不同的请求做判断响应的vue.config.js的配置改为如下...
2021-10-20 09:43:55
2355
原创 create react app中使用ant design react，引入.less文件报错
解决：降级！降级！降级！less降到2.7.3，less-loader降到5.0.0
2021-09-30 10:37:11
235
原创 create react app配置less
使用create react app是没有less配置的，需要我们去手动配置1、执行npm run eject，暴露webpack.config.js但是在执行时报：This git repository has untracked files or uncommitted changes。解决方法，提交到git，执行命令：1）git add . 2）git commit -m “” 3）再执行npm run eject2、安装less和less-loader：npm inst...
2021-09-30 08:58:04
582
原创 mac系统卸载和安装node
1、卸载由于之前的node为8.0版本，不太满足需求，所以需要安装高版本的node。执行which node，查看node所在的安装位置。由于之前我的node没有安装在/usr/local/bin/node路径下，导致网上的一些方法失效。解决：查看到自己安装路径后（/Users/enn/.nvm/versions/node/v8.15.0/bin/node），点击前往-->前往文件夹-->输入/Users/enn/.nvm/versions/-->进入相应的文件夹，会看到一个n
2021-09-29 14:48:43
987
原创 解决Vue-Quill-Editor自动定位到文本框问题
使用：vue-quill-editor - npmhttps://www.npmjs.com/package/vue-quill-editor我这边是又把他封装成了一个公共的组件便于使用，所以用了两个ref解决问题：Vue-Quill-Editor：父组件：父组件请求完数据后进行如下操作this.$refs.myquill.$refs.myQuillEditor.quill.enable(false)setTimeout(() => { th...
2021-09-10 15:13:58
777
原创 mui使用过程中的问题
目录1、mui底部tab页切换2、mui中tab页面左右滑动已=以及内容左右滑动3、mui中时间选择器的调用4、mui中底部弹框的调用1、mui底部tab页切换html<nav class="mui-bar mui-bar-tab footer flex-row"> <a href="pages/home/home.html" class="mui-tab-item mui-active flex-col" id="home"> <.
2021-09-07 09:35:05
348
原创 h5移动端使用rem进行配置
window.onload = function() { /*750代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，这里写100是 为了以后好算,比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ getRem(750, 100)};window.onresize = function() { getRem(750, 100)};function getRem(pwidth, prem) { var html = .
2021-09-04 12:29:16
498
原创 vue : 无法加载文件 C:\Users\admin\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。
1、在window搜索框中搜的PowerShell，然后右键以管理员运行（第一张）或者win+r然后输入PowerShell（第二张）2、执行：get-ExecutionPolicy，回复Restricted，表示状态是禁止的3、执行：set-ExecutionPolicy RemoteSigned即可但是我在执行set-ExecutionPolicy RemoteSigned时在下图部分输入Y不起作用然后第二次执行到这时输入A，报错如下：然后按照提示输入：Set-Exe..
2021-08-27 16:21:22
6150
4
原创 js实现剪贴板复制
<li @click.stop="copy('400-800-8800')">400-800-8800</li>copy(e) { let text = e; let inputElement = document.createElement("input"); inputElement.value = text; document.body.appendChild(inputElement); inputEleme.
2021-08-18 15:08:57
67
原创 vue项目中使用axios传递FormData格式参数
1、在请求头中配置import Vue from 'vue'import axios from 'axios'// 创建axios实例const service = axios.create({ baseURL: process.env.VUE_APP_API_BASE_URL, // api base_url timeout: 20000, // 请求超时时间, headers: { //关键 'Content-Type': 'appl
2021-08-18 13:35:12
2866
原创 nginx解决vuecli项目部署到线上的跨域问题
nginx配置文件worker_processes 1;events { worker_connections 1024;}http { include mime.types; default_type application/octet-stream; sendfile on; keepalive_timeout 65; server { listen 8082;
2021-08-16 13:13:42
231
原创 nodejs遇到的问题
目录1、安装node环境，使用vue创建项目时和使用npm install安装时报错2、在cmd中npm安装报错Error: EPERM: operation not permitted解决方案3、nodejs ejs include unexpected identfier(使用nodejs引入公共模块时)4、NodeJs报：Cannot set headers after they are sent to the client1、安装node环境，使用vue创建项目时和使用...
2021-08-10 13:21:49
665
原创 ant-design vue form表单自定义校验规则
1、使用a-form验证的js-----decorator.jslet validateRulesObj = { //自定义校验 phone: { rules: [ { validator: (rule, value, cbfn) => { const reg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
2021-07-28 09:18:13
10370
1
原创 webpack5.x报错
报错：package.json配置如下，执行npm run build报这个错解决：修改package.json，增加"webpack":"webpack"，执行：npm run webpack，打包成功：
2021-07-07 09:38:14
857
原创 所以，Token的作用之一
之前就是只知道在登录的时候获取token然后传给后台进行验证，但是从没有真正了解过Token的作用，直到读了美团的前端安全系列，才有了更深的了解。在了解Token的作用之前，我们需要知道
2021-06-18 16:44:55
222
原创 前端安全问题
1、XSS攻击定义跨脚本攻击，是一种代码注入攻击。攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。发生恶意代码未经过过滤，与网站正常代码混淆，导致浏览器无法分辨脚本的可信度，导致恶意脚本被执行危险有意者会利用这些恶意脚本获取用户的敏感信息Cookie、SessionID等，进而危害数据安全分类：**存储区：恶意代存放的位置**存储区：恶意代存放的位置存储型1） 攻击者将恶意代码提交到目标网站的数据库2） 用户打开目标网站时，网站服务端将恶意代码从数据库中取出，拼接
2021-06-18 08:46:50
136
原创 echarts最常绘制的图形
1、绘制地图以下两个demo的地址: https://gitee.com/lili123321/echarts-demo1）2D地图推荐文章：https://www.jianshu.com/p/7337c2f56876 （echarts搞定各种地图）https://www.yuque.com/baixiangguomi/ld4lrh/tpf3cx（结合高德api、echarts绘制可下钻的地图）https://blog.csdn.net/baalhuo/artic...
2021-05-17 14:15:28
1165
原创 [email protected]+ant design [email protected]+less遇到的问题
一、配置全局less文件npm i less-loader less --savenpm i style-resources-loader --saveconst path = require('path')module.exports = { pluginOptions: { // 第三方插件配置 'style-resources-loader': { preProcessor: 'less', patterns: [path.r
2021-04-28 10:48:42
440
原创 使用a标签实现下载base64
html<a id="mydown" href="javascript:void(0);" @click.stop="linkDown" download>下载</a>jsmethods: { linkDown() { const { form: { validateFields }, } = this validateFields((errors, values) => { let p
2021-04-26 11:14:33
2113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人