04 2024 档案

摘要:1.现象 某些刚学习一段时间前端,或者学习一段时间后的一些人不知道为什么打印对象,点开查看某属性有值,但是直接打印无值. 比较常见的一个开发现象就是发现自己直接打印对象有值,但是进行页面跳转或者其他业务请求之类的时候发现参数拿不到 数组也是对象,也存在此现象 2.原因 直接打开控制台的时候里面没有值 阅读全文
posted @ 2024-04-28 17:55 story.Write(z) 阅读(489) 评论(0) 推荐(0) 编辑
摘要:1.现象 当在vue中打印对象的时候会发现有一些属性或者全部属性都是显示的...,点击展开后才能看到真正的值是什么. 2.原因 因为在vue中对象都是用了代理重写了get,由于get重写也就导致了浏览器不能直接获取到具体的值,因此才会在打印的时候为...,手动点击展开才显示具体的值 3.想看具体的值 阅读全文
posted @ 2024-04-28 17:41 story.Write(z) 阅读(142) 评论(0) 推荐(0) 编辑
摘要:1.功能 当用户未授权地理位置权限时,引导用户开启地理位置权限,区别于之前的uni处理,uni的处理 的处理没有手机系统关闭位置权限的处理,但是uni文章中对于打开位置权限后重新返回小程序有做权限重获取,当前文章未做处理 后续补充 最好不要使用自定义弹窗,而是使用微信的原生弹窗,而且这个提示不属于业 阅读全文
posted @ 2024-04-23 16:53 story.Write(z) 阅读(159) 评论(0) 推荐(0) 编辑
摘要:git remote prune origin 修剪分支,删除本地分支中,在远程分支中已经删除的分支 阅读全文
posted @ 2024-04-22 13:44 story.Write(z) 阅读(4) 评论(0) 推荐(0) 编辑
摘要:1.问题 微信开放社区链接 不正常版本 正常版本 尝试过新版canvas,在企业微信中签名依然是依然断触,有问题的手机是iphoe15,系统版本以及企微版本微信版本均与签名正常的手机一致,但是那个手机就是无法正常签字,在微信中无论新旧canvas均能正常签字 后期发现由于网络问题,获取到的微信lib 阅读全文
posted @ 2024-04-21 10:53 story.Write(z) 阅读(407) 评论(0) 推荐(2) 编辑
摘要:1.功能 可以指定git,对于某些文件或者文件夹不进行追踪记录,例如一些依赖或者编译中间文件等。 2.使用注意 2.1 对于已经有提交记录的文件 对于已经提交的文件,即使加入了ignore文件也会被git追踪,想要不被追踪,需要先删除文件然后,提交再添加至ignore文件,即可生效(例如c项目一些编 阅读全文
posted @ 2024-04-17 10:38 story.Write(z) 阅读(146) 评论(0) 推荐(0) 编辑
摘要:1.表现 浏览器直接选中元素的时候,仅能直接选中整个body,想要找到具体元素,需要自己手动寻找,没太大实际作用,仅仅让不懂的人不能简简单单的直接定位元素然后修改里面的内容 pointer-events: none; 阅读全文
posted @ 2024-04-15 11:23 story.Write(z) 阅读(11) 评论(0) 推荐(0) 编辑
摘要:1. https与http混用导致浏览器请求Mixed Content 1.1 临时解决,修改浏览器设置 1.2 根本解决 推荐升级对应http为https 阅读全文
posted @ 2024-04-15 11:23 story.Write(z) 阅读(12) 评论(0) 推荐(0) 编辑
摘要:1.兼容 1.1 部分机型 0.5px的边框可能显示有问题,不显示 或者显示1px 通过缩放transform 进行缩放 使用1px 边框缩小0.5倍 对于元素四个边框进行缩放可以采取缩放后绝对定位再移动位置来保持原位置,或者直接写四个元素边框定位到四个方向 1.2 taro中textarea输入框 阅读全文
posted @ 2024-04-15 11:22 story.Write(z) 阅读(46) 评论(0) 推荐(0) 编辑
摘要:1.问题 由于直接删除而不是正常卸载,导致文件残留,无法正常安装,并且软件不可用 2.解决 2.1 终端运行命令 pkgutil --pkgs|grep com.cisco 查看cisco残留的文件 执行命令 删除残留文件 sudo pkgutil --forget com.cisco.pkg.an 阅读全文
posted @ 2024-04-15 11:21 story.Write(z) 阅读(937) 评论(0) 推荐(0) 编辑
摘要:filter过滤假值 [1,2,null].fiter(Boolean) 2.Object.is 健壮的相等判断 Object.is(NaN,NaN) Object.is(+0,-0) Object.is({},{}) const obj = {} Object.is(obj,obj) 3.~与运算 阅读全文
posted @ 2024-04-15 11:21 story.Write(z) 阅读(7) 评论(0) 推荐(0) 编辑
摘要:1. 介绍 whistle(读音[ˈwɪsəl],拼音[wēisǒu])基于Node实现的跨平台web调试代理工具,类似的工具有Windows平台上的Fiddler,主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应,也可以作为HTTP代理服务器使用,不同于Fiddler通过断点 阅读全文
posted @ 2024-04-15 11:21 story.Write(z) 阅读(843) 评论(0) 推荐(0) 编辑
摘要:1.instanceof 如果环境存在多个全局执行上下文(例如iframe嵌套),从父页面传一个数组arr给子页面则 arr instance of Array 为false,其他引用类数据都会这样 最好不要用instanceof判断 阅读全文
posted @ 2024-04-15 11:17 story.Write(z) 阅读(6) 评论(0) 推荐(0) 编辑
摘要:1. 如果在设置中设置微信位置权限为不允许 在uni.getLocation api中会固定返回false但是此时提示的是小程序位置权限,问题在于小程序位置权限是开启的,因此此处是需要区分是微信无位置权限还是小程序无位置权限,如果是微信无权限,应该要提示用户,并引导用户进行位置权限的开启(不然存在误 阅读全文
posted @ 2024-04-15 11:17 story.Write(z) 阅读(137) 评论(0) 推荐(0) 编辑
摘要:无论是否为uni,关键在于获取胶囊中点的位置,如果是原生小程序根据小程序文档获取,其余逻辑处理是一致的 代码语法都只是技术选择,重点是逻辑处理,对于技术的运用,代码技术好比是积木,好的程序就是好的组合代码,利用技术的特点进行组合, 1.效果 实现代码 fixedTop() { let serchTo 阅读全文
posted @ 2024-04-15 11:16 story.Write(z) 阅读(303) 评论(0) 推荐(0) 编辑
摘要:1.项目上线分支管理流程 图片压缩太厉害有些模糊 700k 压缩到20多k 清晰些的图片地址https://project.zdzspace.cn/test-vuekey 2.一些常用的git命令 git fetch 拉取远程仓库最新代码 但是不合并到本地分支 git merge feature-a 阅读全文
posted @ 2024-04-15 11:15 story.Write(z) 阅读(10) 评论(0) 推荐(0) 编辑
摘要:1. 常见实现原理 标记清理 当变量进入对应上下文中时标记函数变量为存在使用,当变量不在当前上下文时标记当前变量为未使用 function foo() { // 执行进入函数,变量定义赋值 const num = 9 // 标记变量num为使用中 } // 开始执行函数 foo() // 函数执行完 阅读全文
posted @ 2024-04-15 11:13 story.Write(z) 阅读(3) 评论(0) 推荐(0) 编辑
摘要:1. 测试想法 在读js 红宝书的时候,在书上看到位运算属于底层运算比直接运算速度要快,因此想要验证下 2.测试代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conten 阅读全文
posted @ 2024-04-15 11:12 story.Write(z) 阅读(38) 评论(0) 推荐(0) 编辑
摘要:1. 字符串是不可变的 字符串一旦创建就是不可变的,后续的修改都是新建一个新的字符串而不是在原有的字符串上修改 // 在内存中开辟 可以存放五个字母的空间 str指向该空间 let str = 'first' // 在内存中 开辟可以存放 10个字母的空间 重新将str指向该空间 str += 'n 阅读全文
posted @ 2024-04-15 11:11 story.Write(z) 阅读(7) 评论(0) 推荐(0) 编辑
摘要:1. 数值10.0 这种类似的会被去掉数值后的0 之所以这样是因为,整数的存储空间占用比浮点数小,当一个数值不是真浮点数(即10.0这种格式),会被转换为整数10,如果业务中有一些需求需要进行数值位数保留,则需要转换数值为字符串 2.小数多余六个0,会被转换为科学计数法 3.初学者面试题 0.1+ 阅读全文
posted @ 2024-04-15 11:11 story.Write(z) 阅读(5) 评论(0) 推荐(0) 编辑
摘要:1.为什么会出现跨域问题 浏览器基于安全性考虑(减少一些攻击发生的可能性)不允许非同源(同源是指协议、域名、端口三者相同,即使两个不同的域名指向同一个ip地址也是非同源。主域名相同二级域名不同也为不同源例如 https://abc.com 与https//:www.abc.com)请求发生。 其实虽 阅读全文
posted @ 2024-04-15 11:10 story.Write(z) 阅读(40) 评论(0) 推荐(0) 编辑
摘要:1. cookie 1_1: 简述 HTTP Cookie(也叫 Web Cookie 或浏览器 Cookie)是服务器发送(由服务器设置后返回给浏览器端)到用户浏览器并保存在本地的一小块数据。浏览器会存储 cookie 并在下次向同一服务器再发起请求时携带并发送到服务器上。通常,它用于告知服务端两 阅读全文
posted @ 2024-04-15 11:09 story.Write(z) 阅读(11) 评论(0) 推荐(0) 编辑
摘要:1. 分类 标准盒子模型 content-box 怪异盒子模型 border-box 2. 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width 阅读全文
posted @ 2024-04-15 11:09 story.Write(z) 阅读(8) 评论(0) 推荐(0) 编辑
摘要:1. 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>pri 阅读全文
posted @ 2024-04-15 11:08 story.Write(z) 阅读(109) 评论(0) 推荐(0) 编辑
摘要:1. 来源 想对于自己接触前端日常学习与思考的代码行数进行一个统计,看自己大约敲了多少代码 2.代码 const fs = require('fs') const path = require('path') function calculateCodeLines ({ directory = '' 阅读全文
posted @ 2024-04-15 11:07 story.Write(z) 阅读(72) 评论(0) 推荐(0) 编辑
摘要:1.探究 在看b站视频,滑到进度条的时候突发奇想,想知道这个预览图是怎么做到的 打开控制台,发现每次移动鼠标悬浮位置的时候都会发出一条网络请求,并且该请求的size显示来源于内存,当时以为每次加载视频的时候先提前把所有预览图都加载好了吗?但是刷新后去看发现只有当鼠标移动的时候才会请求该图片并且来源于 阅读全文
posted @ 2024-04-15 11:06 story.Write(z) 阅读(416) 评论(0) 推荐(0) 编辑
摘要:1.基本步骤 2.注意点 1)百度示例中的例子为 通过一个加载一个js,该js中返回一个匿名函数执行,获取百度地图运行所需要的js与css 但是由于在vue这种三方库中,组件加载时页面不允许异步加载的js,通过document.write,进行覆写页面元素,因为这会把页面清空,因此采用在组件中自己手 阅读全文
posted @ 2024-04-15 10:59 story.Write(z) 阅读(187) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>文字隐藏</tit 阅读全文
posted @ 2024-04-15 10:59 story.Write(z) 阅读(403) 评论(0) 推荐(0) 编辑
摘要:1.问题描述展示 示例代码所做限制为不允许输入字母d,其他限制规则可以根据需求自己调整,使用React编写,其他框架或原生均可根据该代码理解原理进行转变,特意使用了中文键盘可以看到输入框下面白色框闪出,就是我按下了键盘d键 1) gif图示例 2)代码 import { useState } fro 阅读全文
posted @ 2024-04-15 10:58 story.Write(z) 阅读(74) 评论(0) 推荐(0) 编辑
摘要:1.原因 mac系统存在bug,有几率碰到,此时siri卡死无法唤出,笔记本使用了一年多接近两年,第一碰到 2.解决方案 重启 任务管理器杀掉siri 阅读全文
posted @ 2024-04-15 10:50 story.Write(z) 阅读(66) 评论(0) 推荐(0) 编辑
摘要:1. 需求 例如 数值输入只能输入两位小数 2. 问题 1)如果采用输入之后去通过正则之类的去替换掉输入的值然后再赋值给input,会出现一个变化过程,也就是说只要操作input值就存在该问题,并且光标会移动到最后,小程序原生可以控制光标位置(但是小程序方法返回字符串和直接设置值一样有一个值变化的过 阅读全文
posted @ 2024-04-15 10:50 story.Write(z) 阅读(438) 评论(0) 推荐(0) 编辑
摘要:1. 效果 2.开启方式 F12 打开调试控制台 阅读全文
posted @ 2024-04-15 10:45 story.Write(z) 阅读(35) 评论(0) 推荐(0) 编辑
摘要:![效果.png](https://img2024.cnblogs.com/blog/3426373/202404/3426373-20240415104425674-94706439.png)![设置项.png](https://img2024.cnblogs.com/blog/3426373/202404/3426373-20240415104425838-86697446.png) 阅读全文
posted @ 2024-04-15 10:44 story.Write(z) 阅读(14) 评论(0) 推荐(0) 编辑
摘要:0. 现象 当将文件名称test 修改为 Test时,git提交记录检测不到变化 1.原因 Git默认设置忽略文件名大小写是因为不同操作系统对文件名大小写的处理方式不同,为了避免在不同操作系统之间出现文件名大小写不一致的问题,Git默认忽略文件名大小写。 2. 修改默认不忽略 git config 阅读全文
posted @ 2024-04-15 10:43 story.Write(z) 阅读(199) 评论(0) 推荐(0) 编辑
摘要:0.踩坑点 1.当图表不显示在页面(display:none)执行resize可能会导致图表样式混乱 1. 官网示例 import * as echarts from 'echarts'; // 基于准备好的dom,初始化echarts实例 // 注意: 这里的main元素要有宽度才可以,不然页面上 阅读全文
posted @ 2024-04-15 10:42 story.Write(z) 阅读(210) 评论(0) 推荐(0) 编辑
摘要:0.原理 通过在前端静态文件目录下维护一个版本,首次进入页面存储当前版本,轮询查询静态文件版本是否发生变化, 如果变化则重新加载页面,如果未变化,则继续轮询 1. 优点 比通过后端维护在数据库版本进行查询消耗更小,不需要查询数据库,也不用走到后台代码层,只需要访问到ngxin/appache层 并且 阅读全文
posted @ 2024-04-15 10:41 story.Write(z) 阅读(103) 评论(0) 推荐(0) 编辑
摘要:// 获取时间差 返回值格式:01天02小时30秒 export function caclulateDiffTime(start, end): string { start = new Date(start).getTime(); end = new Date(end).getTime(); le 阅读全文
posted @ 2024-04-15 10:41 story.Write(z) 阅读(12) 评论(0) 推荐(0) 编辑
摘要:1.为什么需要token 随着互联网的发展,为了更安全,以及更好的用户体验,逐渐产生了token这个技术方案 之所以使用token是因为http/https协议本身是无状态的,不能进行信息的存储 (cookie可以进行信息存储,但存在一些限制) token的作用是为了加强用户信息安全性,而添加的一层 阅读全文
posted @ 2024-04-15 10:38 story.Write(z) 阅读(225) 评论(0) 推荐(0) 编辑
摘要:1. 函数作用域确定于函数定义期间 let count = 1 function fooInner() { console.log(count) // zdz-log } function foo() { let count = 2 fooInner() } foo() // 1 箭头函数和普通函数 阅读全文
posted @ 2024-04-15 10:30 story.Write(z) 阅读(5) 评论(0) 推荐(0) 编辑
摘要:1. 有无必要使用纯组件 如果应用不是很大型,页面渲染效率使用纯组件与非纯组件差别不大,尽量使用组件 应用一定注意,setState时子组件依赖渲染的属性一定要传递给子组件,不然父组件setState之后,子组件接收到的props未变,子组件不会render 纯组件的比较是浅比较,引用地址未变,内部 阅读全文
posted @ 2024-04-15 10:30 story.Write(z) 阅读(19) 评论(0) 推荐(0) 编辑
摘要:1.hahs <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" 阅读全文
posted @ 2024-04-15 10:29 story.Write(z) 阅读(8) 评论(0) 推荐(0) 编辑
摘要:1. async function Request () { await new Promise(res => { setTimeout(() => { console.log(1) res() }, 1000) }) console.log(4); new Promise(res => { set 阅读全文
posted @ 2024-04-15 10:27 story.Write(z) 阅读(25) 评论(0) 推荐(0) 编辑
摘要:1.基本值,会直接将值传递给函数的参数 2.引用值传递,是将引用值地址值传递给函数参数 外界定义的a并没有被修改引用地址,说明参数传递进来的是地址值,如果参数是引用传递,那么外界的a应该被修改为 a = 此时值被改变,是直接操作了引用对象地址指向的内存空间,函数参数传递进来的是值,此时修改的并不是传 阅读全文
posted @ 2024-04-15 10:19 story.Write(z) 阅读(14) 评论(0) 推荐(0) 编辑
摘要:1. 查找提交对应的hash值 git log 查看 d 查看下一页,q退出 vscode通过gitlens插件查看 2.合并提交 git cherry-pick hahs值 阅读全文
posted @ 2024-04-15 10:15 story.Write(z) 阅读(71) 评论(0) 推荐(0) 编辑
摘要:1.报错信息 npm ERR! code EPERM npm ERR! syscall open npm ERR! path C:\Node\node_cache_cacache\index-v5\4b\d5\ac02d8eac51f5c368b18a948d14b7ba882d43e6f4cafd 阅读全文
posted @ 2024-04-15 10:13 story.Write(z) 阅读(109) 评论(0) 推荐(0) 编辑
摘要:![image.png](https://img2024.cnblogs.com/blog/3426373/202404/3426373-20240415101244237-1822318815.webp) ![image.png](https://img2024.cnblogs.com/blog/3426373/202404/3426373-20240415101244193-100206200 阅读全文
posted @ 2024-04-15 10:12 story.Write(z) 阅读(10) 评论(0) 推荐(0) 编辑
摘要:1. react项目 配置 package.json 需要安装 npm i @babel/plugin-proposal-decorators 可能需要重启项目 { "babel": { "plugins": [ [ "@babel/plugin-proposal-decorators", { "l 阅读全文
posted @ 2024-04-15 10:12 story.Write(z) 阅读(55) 评论(0) 推荐(0) 编辑
摘要:1.代码 // 此时会触发hashchange location.hash = '/test' window.addEventListener('hashchange', () => { console.log('hashchenge') }) // 此时不会触发hashchange locatio 阅读全文
posted @ 2024-04-15 10:11 story.Write(z) 阅读(12) 评论(0) 推荐(0) 编辑
摘要:1. 报错信息 ./src/models/example.jsModule build failed: TypeError: /Users/user/Desktop/learn-code/10.React/01_dva-came/src/models/example.js: path.isPriva 阅读全文
posted @ 2024-04-15 10:10 story.Write(z) 阅读(9) 评论(0) 推荐(0) 编辑
摘要:1.截图 出现时机 当安装依赖的时候大概率会出现,甚至安装一次依赖会出现几次 解决 具体原因未知 重新启动电脑以及退出软件都不能解决 去官网重新下载,重新安装问题解决 阅读全文
posted @ 2024-04-15 10:10 story.Write(z) 阅读(92) 评论(0) 推荐(0) 编辑
摘要:chrome的console 在 class 有get length 和 splice方法时, 使用console打印class的实例时会进入length方法,此时 this 为 class的prototype对象。 class A { splice(){} get length() { debug 阅读全文
posted @ 2024-04-15 10:09 story.Write(z) 阅读(42) 评论(0) 推荐(0) 编辑
摘要:0.编辑器推荐 1).WebStorm 优点:本身功能丰富 缺点:体积较大,需要破解,或者购买正版 2)VsCode 优点: 轻量,开源免费 缺点: 需要插件扩展,才能达到Webstorm的很多功能 推荐插件: 书写标签,自动补全标签 给代码添加颜色,使代码更加易于区分 可以直接运行js代码,而不用 阅读全文
posted @ 2024-04-15 10:05 story.Write(z) 阅读(75) 评论(0) 推荐(0) 编辑
摘要:问题 violation 意思为侵权,违背,违反,也就是说明click函数执行违反了某些规则 原因测试 当click事件中执行的程序耗时过长,超过160ms左右的时候就会显示该信息,测试最低155ms 由于js本身是单线程运行,而click执行时间从函数放入调用栈到函数弹出调用栈的时间来计算 可以通 阅读全文
posted @ 2024-04-15 10:03 story.Write(z) 阅读(654) 评论(0) 推荐(0) 编辑
摘要:1.为什么采用自动化部署 简而言之,程序员优秀传统:懒 =>高级生产力. 基于gitee进行的自动化部署,服务器环境为Ubuntu 基于webhooks进行的自动化部署更加轻快便捷 2.部署步骤 1).服务器购买 可以购买阿里云抢占式服务器进行实验,花费应该在一大洋以内,或者直接购买一年低配服务器, 阅读全文
posted @ 2024-04-15 10:02 story.Write(z) 阅读(278) 评论(0) 推荐(0) 编辑
摘要:1.nginx 下载之后 要修改nginx.conf的用户 不然会403 阅读全文
posted @ 2024-04-15 10:01 story.Write(z) 阅读(6) 评论(0) 推荐(0) 编辑
摘要:1.使用一段时间后,提交答案一直返回undefind 原因为插件缓存token有效期已过,需要重新登录 2. 重新登录 阅读全文
posted @ 2024-04-15 10:01 story.Write(z) 阅读(6) 评论(0) 推荐(0) 编辑
摘要:var x = 1 function foo(x = 11, y = function () { x = 2 }) { console.log(x) //打印的()的形参 x 因为默认值为11 所以打印11 y() //y函数执行 修改的是 foo 括号里面形参的值 console.log(x) / 阅读全文
posted @ 2024-04-15 09:59 story.Write(z) 阅读(5) 评论(0) 推荐(0) 编辑
摘要:0.简介 regular expression,规则表达式,是一种用来处理字符串的规则,巧妙的正则表达式可以节省很多判断代码. 1.组成 元字符 特殊元字符 \ 转义字符 => 普通字符 <=> 特殊字符 . 点 => 代表除了\n 以外的任意字符(字符字符字符) ^ => 以哪个元字符开始 $ = 阅读全文
posted @ 2024-04-15 09:59 story.Write(z) 阅读(6) 评论(0) 推荐(0) 编辑
摘要:deeplink 1.什么是deeplink? 简而言之,就是你在手机浏览器上面点击一个链接,可以跳转到另一个app内部的某一个页面,不是app正常打开时显示的首页内容。 在早期的时候各个app之间就像大海(Android,ios)中的孤岛,互相之间没有什么联系,一项技术的出现,必然是为了解决某些痛 阅读全文
posted @ 2024-04-15 09:58 story.Write(z) 阅读(67) 评论(0) 推荐(0) 编辑
摘要:// 定义状态常量 const PENDING = 'pending', FULFILLED = 'fulfilled', REJECTE = 'reject' function MyPromise(executor) { const self = this // 缓存promise对象 // 初始 阅读全文
posted @ 2024-04-15 09:57 story.Write(z) 阅读(5) 评论(0) 推荐(0) 编辑
摘要:1. elements 元素查看 选中某个元素 查看其样式 直接调试修改样式 选中元素右击 给元素添加属性 例如id class 等 复制元素 删除元素 forcestate:添加 active :hover 样式 将元素存储为全局变量 store as global variable 此时可以通过 阅读全文
posted @ 2024-04-15 09:56 story.Write(z) 阅读(176) 评论(0) 推荐(0) 编辑
摘要:0.为什么使用异步 因为js本身是单线程,如果所有的任务都是同步的,那么一些非常耗时的任务就会严重影响到用户体验 1. 回调函数 const fs = require('fs'); function read(fileName) { fs.readFile(fileName, 'utf-8', (e 阅读全文
posted @ 2024-04-15 09:55 story.Write(z) 阅读(5) 评论(0) 推荐(0) 编辑
摘要:问题描述 使用一段时间正常,不知道是修改了什么设置,还是有什么软件冲突,导致cpu使用率极高 系统进程中有一个 kernel_task 占用了大量的cpu 并且该占用并不会消失,只要figma打开就会一直占用 企业微信3.1.18也会导致该问题 => 企业微信3.1.16之后版本总是会启用独立显卡, 阅读全文
posted @ 2024-04-15 09:54 story.Write(z) 阅读(166) 评论(0) 推荐(0) 编辑
摘要:vue2响应式原理 class Dep { constructor() { // 依赖保存器 this.subscribers = new Set(); } // 收集依赖 depend = () => { if (activeEffect) { this.subscribers.add(activ 阅读全文
posted @ 2024-04-15 09:53 story.Write(z) 阅读(8) 评论(0) 推荐(0) 编辑
摘要:1.问题 动态添加路由之后,页面重新匹配路由,匹配到了设置的404 notfound页面 该页面是在路径无法匹配到的时候才会跳转的页面 2. 问题查找 在前置路由守卫打印to 发现当前地址匹配到的组件是配置的404页面 并且此时的动态路由中是含有改路由地址的 3.问题原因 在页面刷新时,会重新初始化 阅读全文
posted @ 2024-04-15 09:52 story.Write(z) 阅读(312) 评论(0) 推荐(0) 编辑
摘要:1.需求让iframe嵌入页面,并且没有滚动条,也就是相当于两个页面拼接在一起 跨域解决,通过框架配置代理 proxy: { '/medical': { target: 'https://example.com', changeOrigin: true, pathRewrite: { '^/medi 阅读全文
posted @ 2024-04-15 09:48 story.Write(z) 阅读(542) 评论(0) 推荐(0) 编辑
摘要:项目搭建规范 来源于coderwhy 一. 代码规范 1.1. 集成editorconfig配置 EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。 # http://editorconfig.org root = true [*] # 表示所有文 阅读全文
posted @ 2024-04-15 09:47 story.Write(z) 阅读(37) 评论(0) 推荐(0) 编辑
摘要:1.需要安装的依赖 "dependencies": { "html-webpack-plugin": "^5.5.0", "ts-loader": "^9.2.6", "ts-node": "^10.4.0", "tslib": "^2.3.1", "typescript": "^4.4.4", " 阅读全文
posted @ 2024-04-15 09:46 story.Write(z) 阅读(22) 评论(0) 推荐(0) 编辑
摘要:hash模式 <!-- * @Author: dezhao.zhao@hand-china.com * @Date: 2021-10-26 17:52:25 * @Description: --> <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文
posted @ 2024-04-15 09:45 story.Write(z) 阅读(10) 评论(0) 推荐(0) 编辑
摘要:绝对定位 响应式正方形布局 给红色盒子设置padding-top/padding-bottom为100%,会将盒子撑成正方形,会根据页面的大小进行改变 再将绿色盒子绝对定位在红色盒子上面,可以达到伸缩保持正方形 阅读全文
posted @ 2024-04-15 09:44 story.Write(z) 阅读(4) 评论(0) 推荐(0) 编辑
摘要:存在问题布局 问题:当浏览器窗口大小缩小的一定程度之后无法继续缩小,导致文字隐藏不生效,左侧文字会撑开盒子,导致盒子不能继续缩小 此时仍然可以正常伸缩 无法正常伸缩 预期效果应该如下 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset 阅读全文
posted @ 2024-04-15 09:43 story.Write(z) 阅读(6) 评论(0) 推荐(0) 编辑
摘要:1.pc端实现移动端拖动效果思路 moveDown 记录鼠标按下位置 记录当前状态为按下拖动 +moveUp 记录当前状态为非拖动 moseMove 根据拖动状态,计算当前拖动距离 判断左拖右拖边界值 对元素进行移动 修改鼠标按下位置,以便下次计算移动距离,不初始化会导致移动距离指数式增加,移动距离 阅读全文
posted @ 2024-04-15 09:41 story.Write(z) 阅读(5) 评论(0) 推荐(0) 编辑
摘要:0.关于前端为什么typeof null 得到的结果是 object 对于 null 来说,很多人会认为他是个对象类型,其实这是错误的。 虽然 `typeof null` 会输出 `object`,但是这只是 JS 存在的一个悠久 Bug。在 JS 的最初版本中使用的是 32 位系统,为了性能考虑使 阅读全文
posted @ 2024-04-13 10:28 story.Write(z) 阅读(17) 评论(0) 推荐(0) 编辑
摘要:![](https://img2024.cnblogs.com/blog/3426373/202404/3426373-20240412112753936-211579326.png) 阅读全文
posted @ 2024-04-12 11:29 story.Write(z) 阅读(3) 评论(0) 推荐(0) 编辑
摘要:服务端渲染 传统服务端渲染 单页面应用 SPA nuxt 是什么 Nuxt.js 是一个基于 Vue.js 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI 渲染。 就使用而言,组件写法基本和vue相差不大,区别在于几个钩子函数,以及一些服务端渲染相 阅读全文
posted @ 2024-04-11 21:18 story.Write(z) 阅读(161) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示