- 博客(52)
- 收藏
- 关注
RSS订阅原创 uniapp国际化(html、js、tabbar和navigationBarTitleText)
如果你写的app是用uniapp+vue3来搭建的，这篇国际化一定适合你！
2022-12-05 17:31:18
3867
原创 回流(重排)和重绘
描述： 重绘：页面中元素发生可见性变化(比如颜色等)，导致页面重新渲染的现象称为重绘。 回流(重排)：页面中元素发生位置和尺寸的变化，导致部分页面回整个页面重新加载的现象称为回流(重排)。 说明： (1) 回流(重排)必将引起重绘，但重绘不一定会引起回流(重排)。 (2) 这两个现象都是浏览器加载页面是可能导致加载变慢的问题，就要尽可能避免。 减少回流和重绘的途径 描述：因为页面中各种操作基本都会引发回流和重绘，因此完全避免是不可能的。所以为了提高浏览器的性能，我..
2022-04-27 09:04:21
1288
1
原创 无法加载文件 D:\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。
在PowerShell中运行npm、vue等指令报错：无法加载文件 D:\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。这是因为PowerShell的执行政策阻止了该操作，需要解除受限状态。操作如下：1. 在Windows系统搜索PowerShell，以管理员身份运行2.在命令框输入：set-ExecutionPolicy RemoteSigned， 然后输入A...
2022-03-14 10:14:53
3638
原创 获取某年某月的最后一天
在写项目中，有这样一个需求：用户输入年月后，输入框自动显示这年这月的最后一天。像我们熟知的"一三五七八十腊，三十一天永不差"，再除去二月份，其余的都是三十天。可能麻烦的就是如果用户输入的是二月，那么我们需要做一系列的判断比如：先判断输入的是不是二月，然后判断这年是闰年还是平年，最后判断是28天还是29天。我觉得还是简单点比较好哒<!DOCTYPE html><html lang="en"><head> <meta charset="UTF
2022-02-25 09:23:13
721
原创 vue中让定时器只在当前组件(页面)运行
data: { return { timer: null }},created() { this.timer = setInterval(() => {}, 1000);},beforeDestroy() { if(this.timer) { //如果定时器还在运行，直接关闭，不用判断 clearInterval(this.timer); //关闭 }；}，拓展# 安装依赖npm install# 建议不要直.
2021-12-07 16:53:50
1023
原创 watch监听
1. 普通的watch<div id="app"> <input type="text" v-model="msg"></div><script> const vm = new Vue({ el: "#app", data: { num: 0, }, /* watch选项 作用：监测已经存在的属性 */
2021-11-16 10:23:50
507
1
原创 web前端笔试试题二(含答案)
1. 判断变量类型的几种方法，并谈谈这几种方法的差异或者局限。1. 语法：typeof 变量名 / typeof(变量名) 返回值：返回数据类型的字符串:string、number、boolean、undefined、object(null也返回object)、 function、symbol 注意：无论引用对象是什么类型 它都返回object2. 语法：变量名 instanceof 对象类型 返回值：返回一个布尔值，判断该变量名是否属于该类型 注意：
2021-11-11 08:44:09
1080
1
原创 小程序的介绍与安装
目录1. 微信小程序介绍1.1 为什么是微信小程序？1.2 微信小程序历史1.3 官方微信小程序体验2. 环境准备2.1 注册账号2.2 获取APPID2.3 开发工具3. 第一个微信小程序3.1 打开微信开发者工具3.2 新建小程序项目3.3 填写项目信息3.4 成功4. 微信开发者工具介绍5. 小程序结构目录5.1 小程序文件结构和传统web对比5.2 基本的项目目录1. 微信小程序介绍微信小程序，简称小程序，英文名Mini .
2021-10-25 09:25:25
578
原创 Object的相关方法 和 js遍历对象的三种方式
这篇文章分享的主要是以下方法的基本用法，想要更加深入了解这些方法的朋友，请参考MND目录Object的相关方法Object.hasOwnProperty()Object.defineProperty()Object.defineProperties()Object.assign()Object.keys()Object.create()Object.entries()Object.values()Object.freeze()Object.is()...
2021-10-15 17:14:50
2983
原创 浏览器工作原理 和 web开发本质
浏览器工作原理浏览器的组成人机交互部分（UI） 网络请求部分（Socket） JavaScript引擎部分（解析执行JavaScript） 渲染引擎部分（渲染HTML、CSS等） 数据存储部分（cookie、HTML5中的本地存储LocalStorage、SessionStorage）主流渲染引擎介绍渲染引擎 又叫 排版引擎 或 浏览器内核。 主流的渲染渲染引擎有：Chrome浏览器：Blink引擎(WebKit的一个分支)。 Safari浏览器：WebKit引擎，windo
2021-10-10 13:12:19
281
原创 预解析 和 以name作为变量名出现的一些问题
1.预解析的相关概念JavaScript代码是由浏览器的JavaScript解析器来执行的。JavaScript解析器在运行JavaScript代码的时候分为两步：预解析和代码执行。预解析：在当前作用域下，js代码执行之前，浏览器会默认把带有var和function声明的变量在内存中进行提前声明或者定义。预解析也叫做变量声明、函数声明提升。代码执行：从上到下执行js语句。2.预解析要做的事情1.变量预解析变量预解析(变量声明提升)：把变量的声明提前到了当前所在的作用域的最上面，但是变
2021-10-01 15:04:22
385
原创 自调用(自执行)函数的五种写法
定义函数的方式分为两种，一种是函数的声明，另一种是函数表达式(匿名函数)。请看下面的例子：//第一种：函数的声明 需要函数名function func() { console.log("我是第一种定义函数的方式");};//第一种：函数表达式(匿名函数) 需要定义变量接收const aa = function (){ console.log("我是第二种定义函数的方式");};在js中经常需要一个函数自调用，自调用的函数一般都是匿名函数，所以这里也称为匿名函数的自调用(自执行)。
2021-09-28 10:18:07
4917
2
原创 js中常见的error类型和error处理
1.错误类型Error：所有错误的父类型ReferenceError：引用的变量不存在/* ReferenceError：引用的变量不存在 */console.log(a);//ReferenceError: a is not definedconsole.log("出错之后");//没有输出注意：如果代码出现报错，后面的程序不会继续执行。如果没有得到预期的结果时，注意查看此前是否报错。如果想出现报错后，依旧继续执行程序，可以参考下面捕获错误代码。TypeError：数据类型错
2021-09-25 18:09:55
4148
原创 ES6中const、let的区别和变量的解构赋值
1、let关键字let关键字用来声明变量，使用let声明的变量有几个特点: 不允许重复声明 块级作用域 存在变量提升 不影响作用域链 应用场景: 要想让自己的代码的高级起来，以后声明变量使用let就对了 2、const关键字const关键字用来声明上量，const声明有以下特点: 声明必须赋初始值 标识符一般为不写 不允许重复声明 值不允许修改 块级作用域 注意：对象属性修改和数组元素变化不会触发const
2021-09-22 16:50:32
164
原创 js、jq遍历数组和对象
js遍历数组1.普通for循环var arr = [1,4,45,34,12,45,56,8];for ( var i = 0; i <arr.length; i++){ console.log(arr[i]);};2.优化的for循环：将数组的长度存储起来，避免重复获取长度，数组越大时优化效果越明显var arr = [1,4,45,34,12,45,56,8];var len = arr.length;for ( var i = 0; i <len; i+
2021-09-12 19:38:55
794
2
原创 js常见案例总结（一）
1.变量的交换：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>变量的交换</title> </head> <body> <script type="text/javascript"> //变量交换的第一个思路：使用第三方的变量进行交换 var num1 = 10; var num2 =
2021-09-04 09:37:42
498
原创 省市区三级联动插件（v-distpicker）
安装：npm install v-distpicker --save //npm安装全局注册：//全局注册import Distpicker from 'v-distpicker'Vue.component('v-distpicker', Distpicker)局部注册：//局部注册import VDistpicker from 'v-distpicker'export default { components: { VDistpicker }}基础：//基础
2021-09-02 10:25:34
1238
3
原创 过滤器、自定义指令、组件三者的注册及使用场景
把它们放在一起写呢，是因为它们都分为两种——全局注册和局部注册需要注意的是过滤器、自定义指令、组件的全局注册要写在Vue实例之前，详情请看:https://blog.csdn.net/weixin_55992854/article/details/119107461过滤器 作用:处理数据格式 使用位置:双花括号插值 和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。 分类:局部注册和全局注册 局部注册 在vm对象的选项中配置过滤器filters:{}.
2021-08-30 10:22:54
436
原创 v-cloak和v-once的用法
1.v-cloak问题:在使用vue绑定数据的时候，渲染页面有时会出现变量闪烁，例如<div id="app"> <p>{{message}}</p></div><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script><script> new Vue({ el: '#app',
2021-08-28 12:06:57
94
原创 vue+element ui后台返回数据为数字，前台转化成对应的中文显示在表格中
关于根据后台数字显示相应的文字，文档中没有详细说明，所以写这篇博客记录一下。这里主要介绍三种方法，可以自己的需要选择哦先放个效果图吧（先说明一下0表示是，1代表否）方法一：调用methods中的方法<el-table-column prop="isAccept" label="是否接受" show-overflow-tooltip :formatter="formtype"></el-table-column>met.
2021-08-14 12:06:13
4358
1
原创 为什么要先写全局注册的组件再写vue实例
今天在学习vue的时候发现了一个小问题，先看看我下面的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc
2021-07-26 13:28:09
379
原创 web前端笔试试题一（含答案）
一、填空题（每空1分，共70分）1、JS中的数据类型有哪些_number、string、boolean、undefined、null、object、array、function、NaN__________________________________________；（3分）2、JS中强制类型转换为number类型的方法有：___Number()_______________。3、创建一个子节点_createElement()___________，插入一个节点_appendChild()__
2021-07-11 23:12:15
18450
3
原创 【案例】判断某天是一年中的第几天
一.分析1.首先得知道该年是闰年还是平年2.其次判断用户输入的月份是不是1月，如果是直接返回天数即可；如果不是就先计算之前几个月 一共有多少天(这里设置二月为28天)，然后再加上该天在月中是多少天3.如果用户输入的月份大于2，并且该年为闰年，应该再加一天二.源码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>输入年月日判断该天是一年中的第...
2021-07-02 22:29:40
484
原创 IE下常用的事件绑定的方式
1.html事件描述：在IE下html事件绑定方式等同于非IE、详情请看：2.dom0事件描述：在IE下dom0事件绑定方式等同于非IE 详情请看：3.dom2事件描述：在IE下通过attachEvent函数绑定的事件，称为dom2事件 语法：元素节点.attachEvent('type',listenFunc) 说明：(1)参数一表示绑定事件的类型，有on！！(2)参数二表示事件发生时执行的监听函数注意：(1)在...
2021-06-22 22:07:09
709
原创 非IE下常用的事件绑定的方式
1.html事件(html级事件)描述：绑定发生在html代码中的事件，称为html事件语法：on+事件名 = '函数名1();函数名2();...';注意： (1)所有html事件都采用冒泡传递 (2)函数执行顺序按照顺序为准 (3)绑定多个函数的时候，函数应当采用分号隔开，而不是以分号结尾移除：on+事件名 = null;弊端： (1)耦合性太强 (2)如果绑定函数未能正确...
2021-06-10 23:01:08
169
原创 js中数组排序的五种方式
1.Javascript的sort方法，本方法的原理是冒泡排序，这里默认从小到大排序<script> var arr = [23,13,34,65,65,45,89,13,1]; var newArr = arr.sort(function(a,b){ return a - b; }); console.log(newArr);//输出结果 [1, 13, 13, 23, 34, 45, 65, 65, 89]</script>2....
2021-05-29 14:50:57
83863
4
原创 数组的常用操作方法
1.sort()描述：能根据提供的排序规则，对数组元素进行排序 排序顺序可以是字母或数字，并按升序或降序，默认排序顺序为按字母升序。 使用数字排序，你必须通过一个函数作为参数来调用。语法：arr.sort(排序规则);注意： (1)如果不写参数，默认按照编码方式(Unicode大小)进行排序 (2)本方法会改变原数组的结构兼容性：所有主要浏览器都支持var arr = [243,123,567,453,54,34,...
2021-05-28 13:04:29
692
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人