- 博客(176)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 symbol 类型学习
它不同于常见的字符串、数字等类型，旨在提供一种机制，使得开发者能够在对象中创建不易被外界干扰或误操作的属性。JavaScript 作为一门灵活且功能丰富的编程语言，提供了多种数据类型供开发者构建复杂的应用程序。方法获取），但在日常开发中，它们为对象属性的管理和保护提供了有力工具，有助于构建更加健壮、可维护的代码。对应的属性，开发者能够调整对象与内置操作的交互方式，增强代码的灵活性和可定制性。都是唯一的，但在某些场景下，我们可能需要不同代码模块共享同一个。，为对象属性的管理带来了更高的安全性和定制性。
2024-04-19 10:43:20
182
转载 看尤雨溪说：为什么Vue3 中应该使用 Ref 而不是 Reactive？
每次有同学学习到vue3的时候，总会问我：“Sunday老师，ref和reactive我们应该用哪个呢？” 我告诉他：“我们应该使用ref，而不是reactive那么此时同学就会有疑惑：“为什么呢？ref还需要.value处理，reactive看起来会更加简单呢？嗯…每当这个时候，我都需要进行一次长篇大论来解释这个问题。不过以后应该不需要了，因为这篇文章将会把这个事情解释的非常清楚…
2024-01-23 16:17:37
62
转载 一看就会的JS封装
一看就会的JS封装篇 ???????????? JS的三大特性一直是比较难理解的内容，不少初学者甚至有一定经验的大佬都不一定能说的特别的清楚，更多的都是一知半解，而这部分内容又是JS最核心的内容。所以我最近总结了这篇JS封装篇，后面还会陆续发布JS继承篇。希望可以帮到大家。????希望点进来的盆友可以点个赞????哦，你们的支持就是对我最大的鼓励????！！！好吧，让我们回到正题，Let’s go!????????基本概念「封装」 把客观事物封装成抽象的类，隐藏属性和方法，仅对外公开接口。举个
2024-01-23 16:07:51
59
1
原创 如何正确判断一个字符串是数值
在网页中，我们从用户输入的内容中获取的值通常是字符串，但是有时候我们希望用户输入的内容一定要能转成数值：userInput.addEventListener('change', (e) => { const value = e.target.value; console.log(typeof value); // string console.assert(isNumeric(value), `Not a numeric value: ${value}`); }...
2024-01-23 16:02:45
999
原创 elementui el-cascader选择任意一级搭配懒加载使用，单选框radio不会触发懒加载
【代码】elementui el-cascader选择任意一级搭配懒加载使用，单选框radio不会触发懒加载。
2023-03-20 16:07:16
154
转载 优化分支语句：状态模式
各位写代码的时候，经常会出现条件判断吧，那么条件判断里面脸最熟的当属 if 了吧，这个东西在我们开始编码的时候，真的是隔一段时间不写，就浑身难受。??但是呢，if 这个东西，哪怕是再简单的判断，也会有隐含问题，而且在代码可读性上，条件判断的效果很不友好，当存在多重判断的时候，简直就是灾难。??所以为了解决条件判断的这些弊端，状态模式应运而生。状态模式??状态模式：当一个对象的内部状态发生改变时，会导致其行为的改变，这看起来像是改变了对象。??我们可以将不同的状态结果封装在状态对象内部，然后该状态对象返回一
2022-12-07 21:28:09
175
转载 多分支语句优化：策略模式
1、模式定义策略模式，把定义的一组算法封装起来，使其相互之间可以替换。封装的算法具有一定的独立性，不会随客户端变化而变化。2、策略模式 vs. 状态模式从结构上看，策略模式和状态模式很像，也是在内部封装一个对象，然后通过返回的接口对象来实现对内部对象的调用。不同的是，策略模式不需要管理状态，状态之间也没有依赖关系，策略之间可以相互替换，策略对象内部保存的是相互独立的算法。策略模式，就像一个活诸葛，对同一件事情的处理，总有多种可能的计谋，每次都可以随心所欲地选择一种计谋来达到不同种的结果。3、策略模式 举例：
2022-12-07 20:46:05
161
转载 element UI select 下拉选择无反应 无法选择 Vue设置属性不触发响应
原因: 你在手动触发改变之前,使用了 dialog.forms.roomCode = xxx;而’之前运行了 dialog.forms.roomCode = ‘’;所以dialog.forms.roomCode虽然确实被改变了,但是不过它不是响应式的,所以视图没有更新。场景: 已知El-Select的v-model=‘dialog.forms.roomCode’this.dialog.forms ={ roomCode: “”};$1(ob.value, key, val)去定义响应式的变量)
2022-10-17 17:46:07
3177
转载 在vue中生成唯一id用于v-for:key 可以用Random（）产生吗？
在vue中生成唯一id用于v-for:key 使用Math.random()
2022-10-10 17:12:18
2226
转载 使用 TypeScript 常见困惑：interface 和 type 的区别是什么？
当我们使用 TypeScript 时，就会用到 和 ，平时感觉他们用法好像是一样的，没啥区别，都能很好的使用，所以也很少去真正的理解它们之间到底有啥区别。我们开发过经常或这么来定义类型：interface Point { x: number; y: number; }type Point = { x: number; y: number; };或者这样定义： 和 之间的差异不仅仅是次要语法声明。那么，今天我们就来看看这两家伙之间存在啥不可告人的秘密。TypeScript 有 、、 等基本类型。如果
2022-06-11 16:53:51
132
转载 Yarn安装与使用详细介绍
背景在 Node 生态系统中，依赖通常安装在项目的 node_modules 文件夹中。然而，这个文件的结构和实际依赖树可能有所区别，因为重复的依赖可以合并到一起。npm 客户端把依赖安装到 node_modules 目录的过程具有不确定性。这意味着当依赖的安装顺序不同时，node_modules 目录的结构可能会发生变化。这种差异可能会导致类似“我的电脑上可以运行，别的电脑上不行”的情况，并且通常需要花费大量时间定为与解决。有时候就会遇到这种情况，完整可运行的项目上传到 git 上，别人 pull
2022-02-21 22:18:34
3462
转载 尤大都说Vue3 + script setup + TS + Volar真香，你说香不香？
前两天尤大官宣发布了Vue3.2，支持了好几个很不错的新特性，而且自信放话：<script setup> + TS + Volar = 真香，是时候了想看Vue3.2更新的内容文档的读者可以滑到文章底部点击「阅读原文」相信你已经开始使用或者迫不及待地想尝试Vue3.2了，其实我群里的小伙伴早已经开始使用，而且踩了很多坑了，今天给大家分享一下他的实践投稿文章，希望大家多多支持！正文如下目前setup sugar已经进行了定稿，而vue3 + setup sugar + TS的写法看起来很香，所以我
2021-10-14 15:08:49
1579
2
原创 vue3 watchEffect
watchEffectwatch : 既要知名监视的属性 又要指明监视的回调watchEffect : 不用指明监视那个属性，监视的回调中用到那个属性就监视那个属性watchEffect有点像computedcomputed注重的计算出来的值（回调函数返回值），必须有returnwatchEffect 更注重过程（回调函数的函数体）不需要写return返回setup(){ let someNodes = reactive({ name:"大",
2021-10-11 17:48:54
183
原创 vue3 watch
watch监视reactive定义的响应式数据时，oldValue无法正确获取，强制开启了深度监视（deep配置无效）监视reactive定义的响应式数据中的某一个属性时，deep配置有效，setup(){ let num = ref(0), str = ref("strofdn"), persons = reactive({ name:"艾利欧", age:21, work:{ mo:{ award:11
2021-10-11 17:12:01
116
原创 vue3： vuex (4.x) useStore() 使用； 及useStore() 方法 PC端返回 state ；移动端不返回state
vuex (4.x) useStore() 方法 打印出来 PC端返回 state ；移动端不返回state；state只读import {useStore} from 'vuex'export default { setup(props,context) { const store = useStore() const myStoreData = computed(() => store.state.myStoreData); console.log(store ) /
2021-07-21 16:41:31
13844
转载 vuex actions里方法互相调用
// 假设 getData() 和 getOtherData() 返回的是 Promiseactions: { async actionA ({ commit }) { commit('gotData', await getData()) }, async actionB ({ dispatch, commit }) { await dispatch('actionA') // 等待 actionA 完成 commit('gotOtherData', await ge
2021-07-20 10:03:51
6694
转载 window.location.search 为空?
1，什么是window.location？示例URL：http://b.a.com:88/index.php?name=kang&when=2016#first属性 含义 值protocol: 协议 “http:”hostname: 服务器的名字 “b.a.com”port: 端口 “88”pathname: URL中主机名后的部分 “/index.php”search: "?“后的部分，又称为查询字符串 “?name=kang&when=2016”hash: 返回”#"之后
2021-07-20 10:02:25
933
转载 Git Bash 上下箭头不生效的解决方案 --- windows解决方案
关于windows 使用 Git Bash 上下箭头不生效有两种解决方法：① 使用数字键盘进行选择对应的选项值：你这里可以输入数字 2 ，然后回车，表示你要选择第 2 个。当然这不是我们最好的处理方式，如果好几个选项每次都要去数一下想要选择的为第几个不是很苦逼…② 使用命令行或者直接更改bash.bashrc第一种：使用命令行的方式创建项目工程，如：之前你使用vue create hello-world 现在应该改成输入 winpty vue.cmd create hello-world，这样你的
2021-04-13 17:56:23
1301
原创 js.md
script 元素async: 会立即下载次脚本，不会妨碍阻塞其他操作，比如下载其他资源和加载其他脚本仅对外部文件有效defer: 表示 脚本可以延迟到文档完全被解析和显示之后再执行；仅对外部脚本有效，兼容性好基本概念typeofjs var message = "some string"; alert(typeof message); // "string" alert(typeof(message)); // "string" alert(typeof 95); // "numb
2021-04-07 17:57:16
424
转载 这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已
1、单行写一个评级组件"★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);定义一个变量rate是1到5的值，然后执行上面代码，看图才发现插件什么的都弱爆了2、如何装逼用代码骂别人SB(!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]3、如何用代码优雅的证明自己NB这个牛逼了console.log(([][[]]+[])[+!![]]+([...
2020-12-06 21:12:00
987
原创 uni-app、H5+、获取指定路径目录下所有文件
plus.io.resolveLocalFileSystemURL( "_downloads", //指定的目录 function(entry) { var directoryReader = entry.createReader(); //获取读取目录对象 directoryReader.readEntries( function(entries) { //历遍子目录即可 for (var i = 0; i < entries
2020-11-12 11:25:57
5352
2
原创 uni-app下载文件(plus.downloader.createDownload)
/** * {url} 下载地址 * {name} 保存文件时 重命名 * {cb1,cb2} 下载进度和完成 的回调 * ：下载大文件“可能”会内存溢出 * */export default (url,name,cb1,cb2) => { let progressVal = 0; var dtask = plus.downloader.createDownload(url,{ filename:"_downloads/"+name //利用保存
2020-11-10 14:15:02
4011
原创 plus.downloader.createDownload下载默认存放路径
plus.downloader.createDownload下载默认存放路径在哪里（_download文件夹在哪里）？
2020-11-10 14:10:54
3191
2
原创 uniapp:slider 报 Ignored attempt to cancel a touchmove event with cancelable=false, for example....
10.24
2020-10-24 13:11:59
1833
转载 【vue】ios中返回到列表页出现空白的问题
问题：ios机器上点击返回列表页的时候，会出现空白现象，触屏一下或者拉动一下，数据才会显示出来，解决方案：给当前组件最外层元素添加以下样式overflow-y: auto;-webkit-overflow-scrolling: touch;position: absolute;top:0;left:0;width:100%;height:100%;...
2020-06-18 16:50:59
768
原创 html2canvas 在ios 13.4.x 、 13.5.x 微信浏览器中失效无反应
如题：html2canvas 在ios 13.4.x 、 13.5.x 微信浏览器中失效无反应解决方法:html2canvas 回退到rc.4版本后可以了。参考 微信开放社区
2020-06-18 09:56:53
2567
2
原创 散碎笔记-------
循环Object.keys -> 遍历自身可枚举的属性Object.getOwnPropertyNames -> 获取自身可枚举的属性obj.hasOwnProperty -> 是否自身属性for(let key in obj) -> 遍历自身及原型链上可枚举的属性ps: for(key value of obj) -> es6创造的对各种数据结构统...
2019-08-01 13:25:36
286
1
转载 vue中引入swiper(4.0+)，打包出错（ ERROR in static/js/4.bafdba9a08bd02fd1c37.js from UglifyJs Unexpected toke）
vue打包报错： ERROR in static/js/4.bafdba9a08bd02fd1c37.js from UglifyJs Unexpected token: name (Dom7) [./~/[email protected]@dom7/dist/dom7.modular.js:16,0][static/js/4.bafdba9a08bd02fd1c37.js:853,6]在build文件夹中...
2019-05-30 13:01:08
1145
转载 H5-input 弹起键盘遮盖输入框(Android),键盘顶不起来输入框， ios正常
遇到H5页面-input 弹起键盘遮盖输入框(Android),键盘顶不起来输入框， ios正常 的问题用js的resize()方法对浏览器窗口调整大小进行计数：览器窗口的大小时，发生 resize 事件。就可以解决window.addEventListener('resize', () => { if (document.activeElement.tagN...
2019-05-16 13:53:11
3013
1
原创 vue Computed property "XXX" was assigned to but it has no setter
<div v-model="xxx"><script>import { mapGetters } from "vuex";computed: {...mapGetters([ "xxx"]),},用vuex数据时 警告：Computed property “XXX” was assigned to but it has no setter第一种尝试–...
2019-04-29 17:30:03
3414
原创 vue 自定义指令 -- 图片预览
vue 自定义指令 – 图片预览放大安装npm i lpd-image --save使用在 main.js 中import xxxx from 'lpd-image'在组件中： <img alt="Vue logo" src="./assets/logo.png" v-lpd-image> 默认scale ：1 ，opacity：0.5 <img alt="...
2019-03-31 16:30:47
1059
Windows6.1-KB2999226-x64.rar
2020-03-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人