qq_33468121的博客

原创 vue3源码分析 reactive原理

Vue 3 的响应式实现原理主要是通过 Proxy 对象来实现的。在 Vue 3 中，每个响应式对象都会被包装成一个 Proxy 对象，当访问这个对象的属性时，会触发 get 拦截器函数，当修改这个对象的属性时，会触发 set 拦截器函数。实现这个功能的方法是reactive()在访问这个对象的属性时，调用track()收集依赖。修改这个对象的属性时，会调用trigger()触发依赖。

原创 全面屏iphone 适配

禁止页面缩放，输入框聚焦缩放<meta content="yes" name="apple-mobile-web-app-capable"><meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover, user-scalable=no">空出全面屏底部切换栏底部状态栏viewport-

原创 使用wangeditor的问题

wangeditor不能再ant-design的组件内使用（elementUI好像也不行）。若要在在组件内使用，必须封装成一个自定义组件

原创 github加速

windows的hosts文件的位置：C:\Windows\System32\drivers\etc\hostsmac/linux的hosts文件的位置：/etc/hosts修改hosts文件140.82.113.4 github.com199.232.5.194 github.global.ssl.fastly.net...

原创 数组forEach改变自身

以下代码并不能生效let arr = [1, 2, 3, 4, 5]arr.forEach(item => { item = 30})console.log(arr) //[1, 2, 3, 4, 5]正确代码let arr = [1, 2, 3, 4, 5]arr.forEach((item, index) => { arr[index] = 30})cons...

原创 overflow:scroll隐藏滚动条

::-webkit-scrollbar {display:none}给设置了允许滚动的元素加上以上代码

原创 隐藏scroll-view滚动条方法

::-webkit-scrollbar { display: none; width: 0; height: 0; color: transparent;}在有scroll-view滚动条页面的wxss里，不用选择器直接添加，但不能在app.wxss直接添加。...

原创 vue父子组件生命周期执行顺序

转载 rem单位

https://www.jianshu.com/p/378812d439a8

原创 小程序解析html标签（非WxParse方式）

使用rich-text组件,nodes=“需要解析的内容”

原创 小程序requset data参数说明

POST方法默认会对data数据进行JSON序列化

原创 链式Promise

关键点： return 一个 Promise 对象可参考[CSDN用户]

原创 小程序使用第三方字体（本地base64）

1、下载字体文件2、如果字体文件太大,可以在fontke网站中提取该字体中所需的文字文件，并下载。查看fontke3、将下载的新字体文件上传到transfonter网站中转换（查看transfonter）并下载，详情见链接4、将在transfonter下载字体包放入项目目录，css修改为wxss，并在app.wxss中引用。5、在需要的地方使用{font-family: ‘DINCond...

原创 小程序使用七牛网

小程序使用七牛网1、在七牛网下载sdk2、将qiniuUploader.js放在项目某目录下3、在所需页面引入const qiniuUploader = require("../../config/qiniuUploader");4、初始化配置七牛网qiniuUploader的optionfunction initQiniu() { var options = { reg...

原创 多行文本超出隐藏显示省略号样式

html结构<view class="top-word"> <text>{{good_info.title}}</text></view>css样式.top-word{ width: 90%; display: -webkit-box; -webkit-line-clamp:2; overflow: hidden; t...

原创 scroll-view横向滚动

核心思想： 需要让scroll-view里的子元素在一行展示。方式1：父元素设置 white-space: nowrap; 子元素设置display: inline-block;方式2：父元素设置display: flex; flex-direction:row; //让子元素在一行显示...

原创 webpack.dev.config.js配置解决axios跨域问题

以下代码都在webpack.dev.config.js进行配置引包：const axios = require('axios')const express = require('express')const app = express()const apiRoutes = express.Router()app.use('/api',apiRoutes)配置： devServe...

原创 browser-sync的使用

npm install --save-dev browser-sync\package.json配置："scripts": { "dev": "browser-sync start --server --files '*.html, css/*.css, js/*.js'", "start": "npm run dev" }

原创 navicat12破解步骤

管理员权限进入cmd1.进入破解文件的目录2.执行命令Patch.exe “navicat的安装路径”如Patch.exe “C:\Navicat Premium 12\navicat.exe”3.Keygen.exe RegPrivateKey.pem 按回车随便输入name organization 按回车！！！之后断网！！！！！！切记断网 切记断网 切记断网 ！！！4.复制S...

转载 mysql免安装版从下载到安装到使用

mysql免安装版从下载到安装到使用

原创 MUi中a链接点击不跳转解决方法，以及点击报错

解决跳转问题window.onload=function(){ mui('body').on('tap','a',function () { window.top.location.href=this.href; })}解决报错问题a { touch-action: none;}

原创 iscroll滑动卡顿问题

在新建IScroll对象之前，加入一行代码原生DOM： document.querySelector('.nav-tabs-parent').addEventListener('touchmove',function(e){ e.preventDefault(); });jQuery： $(".nav-tabs-parent").on('touchmove',...

原创 原型对象 prototype和_proto_

什么是原型?构造函数中有一个属性prototype,是原型,程序员使用的实例对象中有一个属性__proto__,是原型,浏览器使用的,不是很标准的,原型是一个属性,而这个属性也是一个对象原型的作用之一:数据共享,节省内存空间本身在构造函数中定义的属性和方法,当实例化对象的时候,实例对象中的属性和方法都是在自己的空间中存在的,如果是多个对象。这些属性和方法都会在单独的空间中存在,浪费内存空...

原创 创建对象

创建对象的三种方式：调用系统的构造函数创建对象自定义构造函数创建对象字面量的方式创建对象//调用系统的构造函数创建对象 var obj = new Object(); //Object 是系统的构造函数 //添加对象拥有的属性 obj.name = "小苏"; obj.age = 37; o...

原创 原生JS事件绑定与解绑兼容代码

事件绑定的方法：function addEventListener(element,type,fn){ if(element.addEventListener){ element.addEventListener(type,fn,false); }else if (element.attchEvent){ element.attchEvent(“on”+type,fn); }els...

原创 JSONP

Jsonp的原理：通过script标签可以访问不同源的地址，所以在页面中使用script标签中src属性访问不同源地址；客户端代码：<script> var fnName ='jsonp_'+Date.now()+Math.random().toString().substr(2,5); //设置唯一的fnName,为了避免与php内置的函数重名 var scrip...

原创 CROS 跨源请求

CROS（cross origin resource share）只需要在不同源的服务端的响应头中设置允许非同源访问即可：header(‘Access-Control-Allow-Origin:*’); //实现ajax跨域访问

原创 ajax的使用

原生js的ajax：var xhr=new XMLHttpRequest(); xhr.open('POST','login.php'); xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); // xhr.send('username='+unm+'&a...