- 博客(31)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue系列-学习随手笔记
一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件，但是像单选框、复选框等类型的输入控件可能会将 value attribute 用于不同的目的。这里的 lovingVue 的值将会传入这个名为 checked 的 prop。同时当 触发一个 change 事件并附带一个新的值的时候，这个 lovingVue 的 property 将会被更新。这个 prop，我们就可以在原生事件侦听函数中检查它的值，然后决定触发的自定义事件中要向父组件传递什么值。
2022-11-07 15:27:13
270
1
原创 v-if vs v-show
总的来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要频繁切换，则使用 v-show 较好；如果在运行时绑定条件很少改变，则 v-if 会更合适。v-if 也是惰性的：如果在初次渲染时条件值为 false，则不会做任何事。相比之下，v-show 简单许多，元素无论初始条件如何，始终会被渲染，只有 CSS display 属性会被切换。v-if 是“真实的”按条件渲染，因为它确保了在切换时，条件区块内的事件监听器和子组件都会被销毁与重建。
2022-10-27 17:47:08
191
原创 前端JS涉及的一些特性
JS特性1. Object 数字key自动排序1. Object 数字key自动排序Object的key为数字时（数字字符也当作数字），Object.keys(Object)时一组去重、升序的数组let obj = {}arr = [0, 1, 5, 10, 4, 7, 6, 1, 4, 7]arr.forEach(item => obj[item] = item)console.log(obj)打印出：Object { 0: 0, 1: 1, 4: 4, 5: 5, 6: 6,
2022-05-05 15:26:41
425
原创 vue3 + element plus知识点搜集
vue3 + element plus 知识点搜集一、Icon 使用一、Icon 使用包安装：$ npm install @element-plus/icons-vue$ yarn add @element-plus/icons-vue$ pnpm install @element-plus/icons-vue可以全局引入组件使用，也可以单独使用单独使用import { Edit } from ‘@element-plus/icons-vue’<el-icon :size=‘2
2022-02-25 14:58:54
368
原创 flutter问题搜集
错误1错误：Error launching application on MI 9 SE.执行流式安装时，ADB退出，退出代码为1原因分析及解决方案：导致出现错误的原因主要有这几种：1、手机内存空间或者是虚拟机存储空间不够，不足以让flutter-apk安装，导致报错。2、如果手机或虚拟机存储空间足够，对于用手机（真机）进行调试的来说，检查一下：（1）手机的USB调试模式是否打开，若没有则先打开开发者模式，再打开USB调试模式，方法在百度上都能搜到。（2）手机是否连接好电脑，数据线是
2022-02-18 16:02:21
91
原创 vue中使用dataV大屏数据展示
vue中使用dataV大屏数据展示1. 资源2. 引入dataV3. 使用在此只是做一个记录，具体使用方法，官网已经介绍的很详细了。1. 资源Vue 大屏数据展示组件库 2. 引入dataVnpm install @jiaminghi/data-view3. 使用// 将自动注册所有组件为全局组件import dataV from '@jiaminghi/data-view'Vue.use(dataV)...
2021-11-29 16:58:40
714
原创 HTML加载图片跨域
解决canvas的getImageData 和 toDataURL跨域）1. HTML加载图片跨域问题2. HTML本地图片跨域问题3. canvas操作图片像素的跨域问题2.1 IE10浏览器不支持crossOrigin怎么办？2.2 crossOrigin属性为什么可以解决资源跨域问题？1. HTML加载图片跨域问题通常我们在使用img标签的时候，外链图片资源是不会出现这种情况的。当我们去是用脚本去加载一张图图片的在不同域的时候就会出现，图片资源的跨域的情况，这其实是浏览器的同源策略。通常我们
2021-11-22 11:24:59
6497
原创 js-数据类型判断
js 数据类型判断1. Object.prototype.toString.call()1.1 代码1.2 call() 、bind()、apply() 的用法1.3 来源于vue3 源码的各种类型的判断1. Object.prototype.toString.call()1.1 代码// 1. 空值 输出 "[object Undefined]"Object.prototype.toString.call()// 2. 字符串 输出 "[object Undefined]"Object.pro
2021-11-04 15:11:24
63
翻译 Vue项目环境变量的配置
目的：为了方便Vue项目能够在多环境（不同的Url地址）下运行，而又不想去重新打包或者修改代码，可以进行多环境的配置实现。
2021-09-16 18:08:44
1092
转载 Vue最全项目命名规范
Vue最全项目规范一、命名规范1.1 项目文件命名1.1.1 项目名1.1.2 目录名1.1.3 图像文件名1.1.4 HTML 文件名1.1.5 CSS 文件名1.1.6 JavaScript 文件名一、命名规范市面上常用的命名规范：camelCase （小驼峰式命名法–首字母小写）PascalCase （大驼峰式命名法–首字母大写）kebab-case（短横线连接式）Snake（下划线连接式）1.1 项目文件命名1.1.1 项目名全部采用小写方式，以短横线分隔。例：my-proje
2021-09-16 17:36:32
10117
3
原创 JavaScript 适用的代码片段
适用的代码片段一、代码片段1.获取文件后缀名2. 复制内容到剪贴板3. 休眠多少毫秒4. 生成随机字符串5. 简单的深拷贝6. 数组去重7. 对象转化为FormData对象8.保留到小数点以后n位一、代码片段1.获取文件后缀名使用场景：上传文件判断后缀名/** * 获取文件后缀名 * @param {String} filename */ export function getExt(filename) { if (typeof filename == 'string') {
2021-09-08 10:19:06
143
转载 reset.css
CSS重置样式表用途：解决不同浏览器之间的差异。/* http://meyerweb.com/eric/tools/css/reset/ *//* v1.0 | 20080212 */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img,
2021-09-06 15:49:37
60
原创 vue中的递归组件
vue中的递归组件官方文档：组件是可以在他们自己的模板中调用自身的。不过它们只能通过name选项来做这件事。注意三点：递归组件必须要有name属性递归组件调用自身的时候最好有一个key递归组件需要一个条件来终止递归组件递归用：组件递归之后，子组件得数据和方法都是父组件得数据和方法。数据的传输：数据传输只会保存父组件的数据方法的调用：方法的调用，得再每一次组件得调用...
2021-09-02 15:43:20
370
原创 vue + element 错误收集
vue + element 错误收集错误1：组件名称：messageBox组件错误原因：在this.$megbox({}) 的后面没有加上 .catch(() => {})错误：Uncaught (in promise) cancel（长期更新）
2021-08-24 18:03:45
1221
转载 2021年九款最佳VUE3 UI框架推荐
2021年九款vue3 UI框架1. Ant Design Vue2. BalmUI3. Wave UI4. Vuestic5. Element+6. Ionic7. Naive UI8. Quasar9. PrimeVUE注：排名不分先后注：文章来源于公众号《前端新世界》1. Ant Design Vue官方网站：http://2x.antdv.com/components/overview/Ant Design Vue 是一个非常成熟的框架，使用 Ant Design Vue 创建用户界面非常
2021-08-24 16:05:49
2522
原创 一个官网很详细的富文本编辑器
富文本编辑器-wangeditor官网地址，官网很详细，很简单易用。npm 安装// i 和 install区别：npm i 是 npm install 的简写// npm i 安装的无法用npm uninstall卸载，得用npm uninstall i// npm i 会检测与当前node版本最匹配得// npm i 不一定有lognpm i wangeditor --save写一个实例注册文件并在里面配置src/utils/wangeditor.jsimport E fro
2021-06-20 17:19:31
1223
原创 cnpm的安装
cnpm的安装安装流程出现的问题安装流程安装node环境，node -v 查看版本安装npm淘宝镜像cnpm，cnpm -v 查看版本命令：npm install -g cnpm -registry=https://registry.npm.taobao.org出现的问题一般在安装后会出现出现的问题是由于PowerShell的执行策略的引起的，如果想了解更多，可以点击上图中提示的地址进去看一下解决办法：...
2021-05-06 17:37:04
585
原创 前端学习之书籍
你现在在拿在手中的是一本非常重要、也非常独特的书。 他的作者是美国互联网世界举足轻重、有“创业教父”之称的哈弗大学计算机博士保罗·格雷厄姆（Paul Graham）。本书是他的文集。 书中的内容并不深奥，不仅仅是写给程序员和创业者的，更是写给普通读者的。作者最大的目的就是，通过这本书让普通读者理解我们所处的这个计算机时代。
2021-04-07 14:49:34
102
原创 Vue指令和样式绑定
VUE指令和样式绑定前言指令v-if 、v-show和:is指令参数静态参数动态参数指令修饰符灵感来源新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言Vue.js框架设计了一个复杂且完整的“指令”系统，用于实现较为复
2021-03-22 21:21:34
327
原创 监听浏览器窗口的切换
应用场景监听浏览器窗口的切换，你可以做一些有趣的操作，典型用法是防止当页面正在渲染时加载资源, 或者当页面在背景中或窗口最小化时禁止某些活动.例如：音乐的播放和暂停，标题的切换…代码块document.addEventListener('visibilitychange', function() { console.log(document.visibilityState); // Modify behavior...})document.addEventListener("visibili
2021-03-16 14:36:12
1197
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人