- 博客(28)
- 收藏
- 关注
RSS订阅原创 pinia和vuex的区别
1、 修改值的方式不一样， pinia 可以直接修改state值 store.count++ ， 而vuex 的 commit 提交修改。4、pinia 只有state、getter、action，vuex 多一个 mutation，并且 pinia 没有 module。// 这实际上并没有替换`$state` store.$state = { count: 24 }// 在它内部调用 `$patch()`： store.$patch({ count: 24 })3、多一个 $patch 修改数据方法。
2024-03-12 11:04:10
811
原创 前端面试回答不好的问题总结
总的来说，let和const是ES6引入的更安全、更严格的变量声明方式，而var是ES5引入的，它的使用有一些限制和副作用。Composition API、setup， 都是组合api 直接说中文谁记得英文名字。ref通过Object.defineProperty()的get和set实现数据劫持。ref操作数据.value，读取时不需要。reactive操作和读取数据不需要.value。reactive通过Proxy实现数据劫持。ref 和 reactive的区别。ref定义的是基本数据类型。
2023-10-11 22:16:32
518
原创 实现 bind 方法
// bind 实现 // 1.返回一个函数 // 2.除了第一个this外 后面接收一堆参数 // 3.改变this的函数可以执行new方法 Function.prototype.bindTwo = function(that, ...arg) { let _this = this; function bindFn(...arg2) { // 判断是否执行了 new 方法 this instanceof.
2021-06-07 15:22:56
272
原创 记录手写promise
// promise 实现 // 1.状态固定 // 2.链式调用 // 3.微任务 function p(fn) { // 状态码 const PENDING = '等待'; const RESOLVE = '成功'; const REJECT = '失败'; // 设置执行顺序 let arr = {}; let value = ""; // .
2021-06-04 09:47:59
107
转载 如何在浏览器查看渲染时间？
1、打开开发者工具（F12）2、找到Performance =>点击录制按钮3、F5刷新页面 =》点击关闭录制（同录制按钮）4、找到Summary（console只上偏中部左侧位置）蓝色：网路通信时间黄色：js时间紫色：重排的时间绿色：重绘的时间那个占比越大，那个花的时间越长，问题越严重。记录读重排重绘笔记（地址）...
2021-05-21 09:50:25
12040
转载 js new 方法实现
// 手写 new 的实现 /* * fn 构造函数 * args 其他参数 */ function test(fn,...args) { // 创建空对象 let obj = new Object; // 修改this指向，获取参数，执行构造函数 let res = fn.call(obj,...args); // 判断构造函数返回值是否是对象如果是 返回对象 if(r.
2021-04-13 14:20:19
107
原创 js 数据类型
一、js数据线类型可以分为2个大类，原始值和可变的对象引用。1、原始值：字符串（String） 数字（Number） 布尔（Boolean） Null Undefined Symbol Bigint2、可变的对象引用：对象（Object） 数组（Array） 函数（Function） 正则（RegExp） ...等等一些...
2021-04-12 16:57:49
172
原创 Flutter 安装 Windows 版
Flutter 安装 Windows 版Flutter中文官网：https://flutterchina.club/setup-windows/一、配置环境变量1. 我的电脑（鼠标右键） =》 属性2. 高级系统设置3. 环境变量4. 新建变量 PUB_HOSTED_URL 和 FLUTTER_STORAGE_BASE_URL PUB_HOSTED_URL = https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL = https://
2020-09-03 15:03:38
337
原创 类函数实现队列执行
function LazyMan(name) { console.log(`启动函数${name}`) return new app()}class app { constructor() { this.time = []; this.fn = []; this.index = 0; this.sleepTime = 0; this.timeOut = null; } sleep(s.
2020-09-01 17:08:41
204
原创 Nginx 负载均衡配置（选择链接分配方式）
1、nginx轮询机制配置（平均分的意思）# 类似声明upstream 名字（不要使用 '_' 下划线）{ serve ip:port; serve ip:port;}server { # 代理服务器 proxy_pass http://(upstream名字)/;}2、权重（按比例分配 ）# 类似声明upstream 名字（不要使用 '_' 下划线）{ serve ip:port weight=权重比例（数字）; serve ip:port weigh.
2020-07-31 13:38:02
192
原创 Nginx 映射规则（映射优先级）
优先级顺序：( = )> ( /user完整路径) > ( ^~ ) > (~ || ~*) > ( / )1、精准匹配 ‘ = ’location = / { # 精准匹配，只匹配 '/' 这个路径，只匹配首页 }2、通用匹配location / { #通用匹配，匹配以 ‘/’开头的路径，这个ip下的所有页面。 }3、正则匹配location ...
2020-07-31 11:04:24
739
原创 Nginx Windows 安装 与 简单 vue 配置
1、下载地址http://nginx.org/en/download.html2、下载文件 下载Stable version稳定版本里面的 windows版本3、找到配置文件conf =》nginx.conf4、修改配置 修改location这一段 listen8888; #端口号 #读取文件地址location/{#roothtml;...
2020-07-30 15:50:43
388
转载 vscode 安装 rainbow-fart（彩虹屁）插件，程序员只能自我鼓励了！！！
1、vscode搜索Rainbow Fart 安装2、使用Ctrl + Shift + P 打开控制面板输入Enable Rainbow Fart 按回车。3、右下角会弹出一个窗口点击open打开链接4、点击授权 就可以畅快的飞了。如有侵权，请联系本人删除！...
2020-07-15 11:53:46
1731
1
原创 react 按需加载 Ant Design
1、安装依赖npm install react-app-rewired customize-cra babel-plugin-import antd2、配置文件新建 在根目录下 config-overrides.js3、写配置文件const{override,fixBabelImports}=require('customize-cra');module.exports=override(fixBabelImports('antd'...
2020-05-12 10:08:16
186
原创 mysql 命令行
show databases; --查看表use ${name}; --选择某个表show tables; --展示表里面的内容desc ${name} --查看表格字段select * from ${name} --查看里面数据drop table ${name} --删除表...
2019-09-18 10:40:39
126
转载 CSS实现两个球相交的粘粘效果
实现效果这个效果就是外层添加对比度，小球添加高斯模糊，形成的效果。实现的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini...
2019-05-29 09:53:45
545
原创 小程序导入npm包 注意事项
官方apihttps://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html1、需要在小程序文件夹 npm init2、安装需要的npm包 ，先安装需要的npm 包在构建npm 否则会报错，没有npm包。3、放飞自我...
2019-04-29 14:11:43
1473
原创 关键字与变量的区别
变量名：自己根据规则给变量起的一个名字。关键字：关键字用于执行特定操作的一类字符。按照规则，关键字也是语言保留的，不能用做标识符。比如 if else 这些 就是关键字 abstract enum int short boolean export in...
2019-04-03 10:21:25
869
转载 js url 下载 txt 文件
var a = document.createElement('a');a.download = undefined;a.href = res.data.url;a.click(); 参考链接地址：https://www.jianshu.com/p/8447257b8d35
2018-12-07 15:37:50
2056
原创 小乌龟版git分支图片文字演示（二）分支推送
总流程 ：1）提交 =》 2）切换 =》 3）合并 =》 4）拉取 =》 5）推送 1、在自己的分支 =》 提交自己修改代码 =》 写日志 =》提交 （ps：不要推送，点击关闭）2、切换分支，切换到你要修改的分支3、合并（ps：合并你刚才提交代码的分支，合并是同步提交代码与本地代码）=》 会提示是否删除分支 看个人是否还需要这个分支 进行决定...
2018-11-09 14:48:13
3265
原创 小乌龟版git分支图片文字演示（一）创建分支
1、新建文件夹 =》 进入文件夹2、鼠标右键 =》 创建版本库 3、鼠标右键 =》 同步4、管理 =》 添加远端地址 =》 添加/保存 =》 确定5、点击获取 获取数据 （ps：不要拉取，第一次是获取，以后还是正常拉取。）6、创建分支 =》 选择需要拉取的分支 （ps：记得勾选切换分支，不要修改分支名字） =》 点击确定 7、完美切换到新分支 ...
2018-11-06 10:38:39
3151
原创 vue-cli 3.0
vue-cli 3.0 --安装 第一步：先卸载旧版的 vue-cli 关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或...
2018-08-23 15:25:36
1009
转载 svn 图标不显示
解决办法 ： 1、点击开始 运行 2、输入 regedit 打开注册表 3、找到最上面 从开始 HKEY_LOCAL_MACHINE -> SOFTWARE -> Microsoft -> Windows -> CurrentVersion -> Explorer -> ShellIconOverlay...
2018-07-23 09:48:28
295
转载 关于git clone远程仓库账户密码错误的问题
关于git clone远程仓库账户密码错误的问题原文地址：https://blog.youkuaiyun.com/yy605353183/article/details/80486344 做个笔记怕忘了 出现这个错误 ‘fatal: Authentication failed for’ 表示账号密码输入错误了 解决方案： 1）控制面板 2) 用户账户 3) 管理你的凭据 4) 普通凭据 -> 编辑...
2018-06-13 23:38:34
3565
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人