qq_43405603的博客

原创 前端适配不同分辨率

function bodyScale() { var devicewidth = document.documentElement.clientWidth;//获取当前分辨率下的可是区域宽度 var scale = devicewidth / 1920; // 分母——设计稿的尺寸 document.body.style.zoom = scale;//放大缩小相应倍数 } bodyScale();只需要在生命周期create或者mounted......

原创 前端适配放大缩小比例

不管是多少100%、125%、150%比例打开样式都不会变，需要三部1、新建一个DevicePixelRatio.js文件，复制以下代码：/** * @author trsoliu * @date 2019-12-05 * @description 校正windows页面在系统进行缩放后导致页面被放大的问题，通常放大比例是125%、150% * **/ class DevicePixelRatio { constructor() { //this.flag = false;.

原创 前端必备知识

初级前端面试要点：1、标签语义化：简单来说就是合适的标签做合适的事，比如标题我们为什么要用h1，优点：对搜索引擎友好，利于网站推广2、性能优化： ①请求方面：1.合并压缩css和js，为减少http请求次数 2.能用css就不用js，能用js的就不用插件，避免引入大量的第三方库 3.利用字体图标代替png，因字体图标是矢量图，放大了不变形 ............

原创 js实现异步的方法

Promise不仅能够捕获错误，而且也很好地解决了回调地狱的问题，缺点是无法取消 Promise，错误需要通过回调函数捕获。优点是异步语义清晰，缺点是手动迭代`Generator` 函数很麻烦，实现逻辑有点绕 async/awt是基于Promise实现的，async/awt使得异步代码看起来像同步代码，所以优点是，使用方法清晰明了，缺点是awt 将异步代码改造成了同步代码，如果多个异步代码没有依赖性却使用了 awt 会导致性能上的降低，代码没有依赖性的话，完全可以使用 Promise.all 的方式。

原创 null和undefined的区别

让一个变量为null，直接给该变量赋值为null即可。加分回答 null 其实属于自己的类型 Null，而不属于Object类型，typeof 之所以会判定为 Object 类型，是因为JavaScript 数据类型在底层都是以二进制的形式表示的，二进制的前三位为 0 会被 typeof 判断为对象类型，而 null 的二进制位恰好都是 0 ，因此，null 被误判断为 Object 类型。

原创 产品设计。

1。

原创 click和tap以及事件穿透

click在移动端有太多复杂的功能是监听不到的，例如，触摸、按住和轻滑，且click事件时间上会有延迟，大概200-300ms，这时候就要用tap方法了。但是tap还有一个特点就是事件穿透，就是你执行完绑定的tap事件之后呢，如果下面如果绑定了其他事件或者是本身就存在点击事件的话，也会默认触发。3. 第三种：使用插件 fastclick.js 防止手势穿透, 这个插件专为解决手势穿透现象而生。1. 第一种 通过执行e.preventDefault()阻止touchend事件的默认行为,

原创 Uni-app快速入门+项目实战

对uni-app进行全局配置的，决定页面文件的路径、窗口样式、原生的导航栏、底部的tabbar，它类似于微信开发者工具小程序中的app.json。简介：Uni-app是基于Vue+微信小程序体系，且基Uni-app可以开发 微信小程序、H5、安卓app、ios-app等多端项目。9、入口文件main.js——跟以前vue的差不多，引入vue，实例化一个对象并且挂载到页面上去。11、uni-app生命周期——支持vue声明周期，新增了应用生命周期和页面生命周期。6、编译配置——vue.config.js。

原创 如何打开ios开发者模式

如何打开ios设备开发者模式

原创 TypeScript知识汇总

注：T就是我指定的泛型注：可以写两个泛型如何限制泛型范围——利用interface接口来指定规范九、Ts思维。

原创 ts 函数实现重复 报错

之后根目录会生成一个json文件，文件名为：tsconfig.json。在回来看ts文件中，报的“函数实现重复”红色警告消失。

原创 Vue3知识汇总

Vue3监听需要注意的地方（是否加.value）

原创 解释下Python的内置数据结构？

列表：列表是从整数到字符串甚至另一个列表的异构数据项的集合。列表完成了其他语言中大多数集合数据结构的工作。列表在[ ]方括号中定义。集合：集合是唯一元素的无序集合。集合运算如联合|，交集&和差异，可以应用于集合。元组：Python元组的工作方式与Python列表完全相同，只是它们是不可变的。字典：字典是键值对的集合。在字典里，键是唯一且不可变的对象。例如：a = {'number'：[1,2,3,4]}例如：a = [1,2,3,4]例如：a = {1,2,3,4}例如：a =（1,2,3,4）

原创 如何在vue3中获取当前实例，getCurrentInstance

【代码】如何在vue3中获取当前实例，getCurrentInstance。

原创 vue3.0出现“***“is defined but never used no-unused-vars的解决办法

在package.json文件内加入如下代码：然后保存重启项目。

原创 “vue-fullpage.js“切换分屏时候让头部导航改变背景色

改变背景色

原创 打开新窗口，自动变小窗口

const open_window = (width, hight) => { let w = screen.width; let h = screen.height; let left = (w - width) / 2; let top = (h - hight) / 2; open( "https://www.baidu.com/?tn=62095104_19_oem_dg", "", `width=500,height=500,left=${left},t

原创 vue3文件跳转打开新页面

vue3文件跳转打开新页面

原创 el-table-column循环创建表格时设置列宽

el-table-column循环创建表格时设置列宽

原创 Vue中 引入使用 js-pinyin 实现汉字转拼音

const pinyin = require('js-pinyin'); export default { methods: { test(){ console.log( pinyin.getFullChars('明天也要努力') ); // MingTianYeYaoNuLi console.log( pinyin.getCamelChars('明天也要努力') ); // MTYYNL

原创 vue免密登录

/login/ssoLogin?phone=${res.phone}&messageCode=${res.messageCode}&dateTime=${res.dateTime}&sign=${res.sign}`

原创 query传参如何传一个对象

修改事件，点击跳转页面时候，query传一个对象

原创 一键复制 — vue

一键复制 — vue

原创 vue实现点击图片放大

1、在component新建一个文件，例如BigImg.vue，然后加入以下代码

原创 vue 匹配出物流信息中电话（手机+固话），并且可以拨打

vue 匹配出物流信息中电话（手机+固话），并且可以拨打

原创 js获取字符串，逗号前后的字符

js获取字符串，逗号前后的字符

原创 css把一个元素分成三等分

css把一个元素分成三等分

原创 “删除一项“ 或者 “取消收藏“，只删除一项，不刷新列表（利用fuilter过滤出去这一项）

“删除一项“ 或者 “取消收藏“，只删除一项，不刷新列表（利用fuilter过滤出去这一项）

原创 vue 实现手机号中间四位隐藏，显示*

vue 实现手机号中间四位隐藏，显示*

原创 vue移动端调出打电话功能

vue移动端调出打电话功能

原创 vue复制文本

vue复制文本

原创 vue如何给url拼接参数

vue如何给url拼接参数

原创 vueRouter获取from 和to路径

vueRouter获取from 和to路径

原创 van-tabs刷新页面保持默认tab不变

van-tabs刷新页面保持默认tab不变

原创 一个页面多个加载完成，需要写不同的totalPage、state。page公用一个

一个页面多个加载完成，需要写不同的totalPage、state。page公用一个

原创 如何实现购物默认选中地址，以及地址切换选项

如何实现购物默认选中地址，以及地址切换选项

原创 元素加diplay:flex；后子元素宽度无效

在宽度无效的子元素上加flex-shrink: 0;

原创 图片和文字底部对齐，给图片加

vertical-align:text-bottom;

原创 v-for只显示前两条数据

原创 钉钉--- 获取微应用免登授权码vue

钉钉--- 获取微应用免登授权码vue