- 博客(27)
- 收藏
- 关注
RSS订阅原创 Vue 代码检测（ESLint）
每个人编码的习惯不一样，或美观或不美观，或者在编码的过程中会有些疏漏未曾发现。为提高代码美观度、提高代码审阅效率，使得多人协作时代码风格统一，规定一套编码规则并在编写的过程中遵守该规则变得很有必要。在一些比较正式的大公司，公司也会有一套自己的代码编写规则，所以最好在代码生产的时候就一直对编写的代码进行代码检测。养成一个良编码习惯，从我做起！ESLint 是一个代码检查工具，用来检查你的代码是否符合指定的规范。
2023-04-17 23:25:00
2463
1
原创 vue 集成高德地图
/ 添加点标记'';// Marker经纬度content: markerContent, // 将 html 传给 contentoffset: new AMap.Pixel(-70, -46) // 以 icon 的 [center bottom] 为原点});
2023-04-17 14:21:02
731
原创 Vue 项目导入字体文件
要想实现UI设计师设计的原型效果，有时候需要用到一些特殊的字体，在项目中就需要导入相关的字体文件。本文章以平方字体为例。
2023-04-17 10:35:43
3674
1
原创 Vue 移动端、PC 端适配
Vue 移动端、PC 端适配可以使用lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem、postcss-px-to-viewport这几个插件。
2022-12-03 02:03:47
14948
2
原创 微信小程序常见面试题
运行环境的不同开发成本的不同 小程序直接使用 不能更新到视图中，要使用 来更新值。 在组件标签上通过绑定 ， 然后事件处理函数里面通过 来获取标签上绑定的值。11、bindtap 和 catchtap 区别 bindtap 不会阻止冒泡，catchtap 可以阻止冒泡。 wx:if 有更高的切换消耗，hidden 有更高的初始渲染消耗。如果需要频繁切换，用 hidden 更好，如果在运行时条件不大可能改变时则用 wx:if 比较好。
2022-11-21 12:09:14
2011
原创 VueX 详解
Vuex是一个状态管理工具，用于单个页面中不同组件（例如兄弟组件）的数据流通。它使用单一状态——用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 ”而存在。这也意味着，每个应用将仅仅包含一个 store 实例。npm 安装 Vuex:npm install vuex --save然后在项目的 src 文件目录下创建store 文件夹，在 store 文件夹中创建一个 js 文件，例如：index.js 。import...
2022-04-20 21:21:29
322
原创 Vue 组件生命周期
每个 Vue实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。组件的生命周期分为四个阶段：create（创建）、mount（挂载）、update（更新）、destroy（销毁） 。每个阶段有"之前"、"之后"两个，总共有 8 个生命周期钩子函数。Vue 官网对生命周期的详细示意图：...
2022-04-18 23:20:38
1567
原创 innerHTML、innerText 和 outerHTML 区别
innerHTML：可获取或设置指定元素标签内的 html 内容，从该元素的起始标签到结束标签之间全部内容(包含html标签)。innerText：可获取或设置指定元素标签内的文本值，从该元素的起始标签到结束标签之间的全部文本内容(不包含html标签)。outerHTML：除了包含 innerHTML 的全部内容外, 还包含元素标签本身。例如：<div> <span>文本1</span&g...
2022-04-15 22:15:21
500
原创 Vue 安装和项目构建
目录Vue 2Vue 3Vue CLIvue initvue create vue uiViteVue 2由于 npm 安装速度慢，可以淘宝的镜像及其命令 cnpm。安装cnpm：npm install -g cnpm --registry=https://registry.npmmirror.com这样就可以使用 cnpm 命令代替 npm 命令来安装模块了。# 安装...
2022-04-11 23:18:43
743
原创 Vue 特殊属性 key
key 特殊 attribute 主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时，它会基于 key 的变化重新排列元素顺序，并且会移除/销毁 key 不存在的元素。具体示例如下：<template> <div id="app"> <div> <button @click=...
2022-04-08 19:55:37
852
原创 html 5 FileReader
BlobBlob对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成 ReadableStream来用于数据操作。要从其他非Blob对象和数据构造一个Blob，使用 Blob()构造函数。要创建一个 Blob数据的子集Blob，使用 slice()方法。 Blob 构造函数：Blob(blobParts[, options])Blob 属性 属性名 描述 size B...
2022-04-06 22:06:35
584
原创 Vue router 模式 hash 和 history
目录hash 模式Vue-router hashhistory 模式Vue-router传参在浏览器中改变地址栏url，将会触发页面资源的重新加载，这使得我们可以在不同的页面间进行跳转，得以浏览不同的内容。但随着单页应用的增多，越来越多的网站采用ajax来加载资源。因为异步加载的特性，地址栏上的资源路径没有被改变，随之而来的问题就是页面的状态无法被保存。这导致我们难以通过熟悉的方式（点击浏览器前进/后退按钮），在前后的页面状态间进行切换。为...
2022-03-27 18:07:37
3755
原创 Vue + webpack 项目 import 路径 和 路径别名
在vue项目中，我们常遇到以下路径引用的方式：在vue项目中，我们常遇到以下路径引用的方式：import './plugins/element.js'import '../router';import '@/scss/common/var';import 'common/flexible.js'./ 表示当前目录下../ 表示父级目录下@/ 是webpack设置的路径别名，代表什么路径，要看 webpack 的 ...
2022-03-26 19:49:49
4677
原创 Vue 2 项目和插件使用
安装依赖（less 和 less-loader）：npm install less less-loader --save -dev安装好之后，如果报如下错误：“TypeError: this.getOptions is not a function”。 出现这个错误的原因是 less-loader 安装版本过高，最快的解决办法是重新安装较低的 less-loader 版本。// 卸载当前安装的 less-loadernpm uninstall less-loader// 安装低版本的 le
2022-03-22 00:10:01
4825
1
原创 Less CSS 预处理器
混合 Mixins混合类似于编程语言中的函数。混合参数参数可以使用逗号或分号分隔。命名参数：Mixins通过使用它们的名称提供参数值而不是位置。 参数没有放置值的任何顺序，它们可以通过名称引用。.mixin(@color: black; @fontSize: 10px) { color: @color; font-size: @fontSize;}.class1 { .mixin(@fontSize: 20px; @c...
2022-03-21 00:30:53
1235
原创 web 前端使用 vscode 插件
Chinese (Simplified) Language Pack for Visual Studio Code：适用于 VS Code 的中文（简体）语言包 vscode-icons：设置文件图标主题 Terminal：编辑器中内嵌一个似 cmd 终端程序 Live Server：为静态和动态页面启动带有实时重新加载功能的开发本地服务器 Path Intellisense： 自动完成文件名的Visual Studio代码插件 Auto Rename Tag：自动完成 HTML / ...
2022-03-14 02:08:30
1637
原创 Vue 组件
全局组件和局部组件Propsprops验证组件自定义事件自定义组件的 v-model全局组件和局部组件组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。注册一个全局组件语法格式如下：Vue.component(tagName, options)tagName 为组件名，options 为配置选项。注册后，我们可以使用以下方式来调用组件：<tagNa...
2022-03-06 00:32:52
213
原创 Vue.set（添加）和 Vue.delete（删除）属性
Vue 可以添加数据动态响应接口。Vue 不允许在已经创建的实例上动态添加新的根级响应式属性。Vue 不能检测到对象属性的添加或删除，最好的方式就是在初始化实例前声明根级响应式属性，哪怕只是一个空值。如果我们需要在运行过程中实现属性的添加或删除，则可以使用全局 Vue，Vue.set 和 Vue.delete 方法。Vue.set 方法用于设置对象的属性，它可以解决 Vue 无法检测添加属性的限制。Vue.del...
2022-03-05 23:12:00
5169
原创 JavaScript 闭包（Closure）
JavaScript 变量属于本地或全局作用域。全局变量能够通过闭包实现局部（私有）。我们都知道，js的作用域分全局全局作用域和局部作用域两种，js作用域环境中访问变量的权利是由内向外的，内部作用域可以获得当前作用域下的变量以及当前作用域的外层作用域下的变量，反之则不能，也就是说在外层作用域下无法获取内层作用域下的变量，同样在不同的函数作用域中也是不能相互访问彼此变量的。var local = 1;function foo(){ console.log(l...
2022-01-17 22:43:30
300
原创 JavaScript ES6之Set和Map数据结构
目录SetWeakSet Set ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成Set数据结构。Set函数可以接受一个数组(或者具有iterable接口的其他数据结构)作为参数，用来初始化。//sample 1const set = new Set([1,2,3,4,4]);[...set] //[1,2,3,4]//sample 2function divs(){...
2022-01-17 00:50:33
607
原创 JavaScript 中 call 函数和 apply 函数
使用 call（）方法，可以编写能够在不同对象上使用的方法，达到方法重新的目的。call() 方法是预定义的 JavaScript 方法，它可以用来调用所有者对象作为参数的方法。通过 call()，你能够使用属于另一个对象的方法。call() 方法可接受参数，本例调用 person 的 fullName 方法，并用于 person1：var person = { fullName: function(city, country) { return thi...
2022-01-12 21:21:02
198
原创 JavaScript 性能
减少循环中的活动。循环每次迭代时，差代码就会访问数组的length属性，好代码在循环之外访问length属性，使循环更快。 //差的代码var i;for (i = 0; i < arr.length; i++) {}//更好的代码var i;var l = arr.length;for (i = 0; i < l; i++) {} 减少DOM访问。与其他 JavaScript 相比，访问 HTML DOM 非常缓慢，假如您期望访问某个 DOM 元素若干次，那么只...
2022-01-09 12:33:44
424
原创 JavaScript中常用的数学函数
Math 对象属性：E 返回欧拉数（约 2.718）。 LN2 返回 2 的自然对数（约 0.693）。 LN10 返回 10 的自然对数（约 2.302）。 LOG2E 返回 E 的以 2 为底的对数（约 1.442）。 LOG10E 返回 E 的以 10 为底的对数（约 0.434）。 PI 返回 PI（约 3.14）。 SQRT1_2 返回 1/2 的平方根（约 0.707）。 SQRT2 返回 2 的平方...
2021-12-31 19:03:47
791
原创 JavaScript 中const的使用
ES2015 引入了两个重要的 JavaScript 新关键词：let 和 const。通过 const 定义的变量与 let 变量使用方法类似。let的使用点击下面链接：JavaScript 中let的使用_安之若素づ的博客-CSDN博客JavaScript 中Let的使用https://blog.csdn.net/weixin_42754922/article/details/122259217JavaScriptconst变量必须在声明时赋值，但不能重新赋值。 const ...
2021-12-31 18:32:31
10520
原创 U盘提示磁盘结构损坏且无法读取怎么办?
在电脑上在打开U盘的时候，U盘提示“磁盘结构损坏且无法读取”怎么办? 1、系统的桌面左下角都点击开始菜单右边的搜索框，它可以直接输入U盘修复命令：chkdsk G: /F。这里大写G代表U盘的盘符，你的是什么盘符就输入什么，然后按回车键即可运行。 2、然后可以看到一个黑色的修复框，我们只需要等到它自动修复完成。 3、执行到中途时，会出现提示“是否将丢失的链接转换为文件(Y/N)”，这里可以手动输入“N”后按回车键...
2021-12-28 22:53:44
22857
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人