- 博客(12)
- 资源 (3)
- 收藏
- 关注
原创 ES2022一些新特性
2022 年 6 月 22 日,第 123 届 ECMA 大会批准了 ECMAScript 2022 语言规范,这意味着它现在正式成为标准。
2022-06-30 10:05:32 532 2
原创 Vue中数据发生改变但是页面未刷新问题
问题:vue.js通过Object.defineProperty来将对象的key转换为getter/setter的形式,但是 getter/setter只能追踪一个数据是否被修改,无法最终新增属性和删除属性。分析:Object.defineProperty不能检测到对象属性的新增和删除,对象新增属性vue不能监听到,所以需要使用set方法。...
2022-03-04 11:29:35 476
原创 display:flow-root
display:flow-root无论是内联元素,还是原本就是块级元素,在应用 display:flow-root 声明后,都会变成块级元素,同时这个元素会建立新的块级格式上下文,也就是业界常说的BFC。作用:可以让元素块状化,同时包含格式化上下文BFC;可以用来清除浮动,去除 margin 合并,实现两栏自适应布局等。...
2021-10-08 14:33:30 1299 2
原创 vue自动化部署脚本
1、在项目根目录创建脚本文件夹deploy2、在deploy文件夹下创建config.js和index.js文件3、config.js内容/* 读取开发变量*/const SERVER_ENV = process.env.NODE_ENV;/* 定义服务器账号*/const SERVER_LIST = [{ env: 'test', name: '测试环境', domain: 'xxx.xxx.xxx', host: '你的测试服务器ip地址', port: 22
2021-07-27 15:46:46 501
转载 console.log打印出来的内容不一定正确
在某些条件下,某些浏览器的console.log() 并不会把传入的内容立即输出。出现这种情况的主要原因是,在许多程序(不只是JavaScript)中,I/O 是非常低速的阻塞部分。所以,(从页面/UI 的角度来说)浏览器在后台异步处理控制台I/O 能够提高性能,这时用户甚至可能根本意识不到其发生。var Num = { num: 1};// 紧接着console.log( Num ); // 然后Num.num++;大部分情况下代码在开发者工具的控制台中输出的对象表示与期望是一致的
2021-07-26 17:04:36 694 1
原创 ES12 的新特性之String.prototype.replaceAll
JavaScript字符串有一个**replace()**方法。它可以用来用另一个字符串替换一个字符串。const str = "JavaScript and JavaScript";const newStr = str.replace("JavaScript", "Java");console.log(newStr); // "Java and JavaScript"如果输入模式是一个字符串,replace()方法只替换第一次出现的内容。这就是为什么在代码中,"JavaScript "的第二次出
2021-07-23 12:42:01 292
原创 可选链接运算符【?.】
可选链接运算符(Optional Chaining Operator) 处于ES2020提案的第4阶段,因此应将其添加到规范中。它改变了访问对象内部属性的方式,尤其是深层嵌套的属性。它也可以作为TypeScript 3.7+中的功能使用。前端都会遇到null和未定义的属性。JS语言的动态特性使其无法不碰到它们。特别是在处理嵌套对象时,以下代码很常见:if (data && data.children && data.children[0] && data.
2021-07-12 13:39:11 407
原创 v-model的修饰符
lazy:将@input事件变成@blur事件number:只能输入数字类型的值trim:清空输入框两边的空格例子: //lazy <input v-model.lazy="inputData" /> //number <input v-model.number="inputData" /> //trim <input v-model.trim="inputData" />...
2021-07-12 09:27:44 64
原创 在父组件控制一个子组件的显示隐藏问题
通常使用的方法:传一个prop和一个自定义方法(但是这样会比较麻烦)。更简单的方式:使用.sync修饰符代码://父组件<template> <div> <Children :show.sync = 'show'></Children> </div></template>//子组件<template> <div> <div v-if="show">
2021-07-10 16:51:31 659
原创 let 与 var 定义变量的区别
let 与 var 定义变量的区别 以下面代码执行结果来说明let与var的区别:for (var i = 0; i < 5; i++) { setTimeout(function () { console.log(i) }, 1000)} 输出的结果是**5,5,5,5,5**,因为var声明的变量是函数级的作用域,也就是全局的作用域。setTimeout是一个宏任务,由于浏览器的队列机制和循环机制(js是单线程的),setTimeout被排在了script标签后面执行,所以在执
2020-12-01 18:03:21 108
基于mysql的个人记账本系统.rar
2020-03-18
基于MongoDb的图书管理系统.rar
2020-03-16
基于mysql+java的图书管理系统.rar
2020-03-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人