AmyGeng123-CSDN博客

let和const存在暂时性死区，只有等到声明变量的那一行代码出现，才可以获取和使用该变量。能用const的情况尽量使用const，其他情况下大多数使用let，避免使用var。var声明的变量存在变量提升，即变量可以在声明之前调用，值为undefined。let和const不存在变量提升，即它们所声明的变量一定要在声明后使用，否则报错。一旦声明，常量的值就不能改变。let和const在同一作用域不允许重复声明变量。let和const存在块级作用域。var不存在块级作用域。var允许重复声明变量。...

2022-07-19 15:49:52 141

转载 vue3与vue2比较

vue3.0 基于vue2.0所做的优化

2022-07-18 17:06:30 5745 1

原创纯前端导出导出列表(表格)为excel file-saver xlsx 及script-loader插件

2、src目录下新建一个文件夹命名为Excel(名称可以根据自身需要定义)3、Blob.js 和 Export2Excel.js文件放到新建的Excel文件下Blob.jsExport2Excel.js5、使用因为界面用的比较多所以这里定义为公共的方法, 在需要用的的地方直接调用就可以啦...

2022-06-07 16:33:53 1494 3

原创 ES6Object.is()与ES5的比较操作符 === == 的区别

ES6Object.is()与ES5的比较操作符 === == 的区别

2022-02-10 11:23:35 389

原创 el-table同步勾选多条 select方法的使用场景

el-table同步勾选多条 select方法的使用场景

2022-01-27 15:54:50 1021

原创 typeScript基础

typeScript基础TS 的理论基础和工作流程理论基础什么是 TypeScriptJavaScript超集注意:TypeScript无法在浏览器中运行为什么使用 TypeScript类型推演与类型匹配开发编译时报错极大程度的避免了低级错误支持 JavaScript 最新特性（包含 ES6\7\8 )工作流程安装npm install -g typescript编译tsc 文件名.tsTypeScript 基础知识类型Number 类型 :numberl

2021-09-13 18:01:24 146

原创客户端存储

客户端存储cookiecookie在每次客户端向服务器发送请求时都会被带上，在浏览器关闭时就会被删除限制不超过4kcookie的组成cookie在浏览器中是由以下参数构成: (这些参数在Set-Cookie头部中使用分号加空格隔开)名称 : 唯一标识cookie的名称。cookie名不区分大小写，因此myCookie和MyCookie是同一个名称。不过，实践中最好将cookie名当成区分大小写来对待，因为一些服务器软件可能这样对待它们。cookie名必须经过URL编码。值 : 存储

2021-09-10 17:23:04 80

原创前端日常开发规范

前端日常开发规范编码规范1. 可读性 --代码缩进添加注释2. 变量和函数命名 2.1 变量类型透明化例如car或person。 2.2 函数名应该以动词开始 , 例如getName()。返回布尔值的函数通常以is开头，比如isEnabled()。 2.3 变量、函数和方法应该以小写字母开头，使用驼峰大小写（camelCase）形式，如getName()和isPerson。类名应该首字母大写，如Person、RequestFactory。常量值应该全部大写并以下划线相接，比如REQU

2021-09-09 18:14:43 111

原创 vue3.0书写todo

vue3.0部分基础知识及使用vue3.0书写todo只想看代码不想听啰嗦的请走这里直接查看代码 vue3.0 todo案例涉及知识点1.vue组件的定义-------defineComponent<script lang="ts">import { defineComponent } from 'vue'export default defineComponent({ // 已启用类型推断})</script>2.Setup的使用详细可点击至

2021-09-09 14:40:31 218

原创 Object.create(null)与Object.create({})创建对象的区别

Object.create(null)与Object.create({})创建对象的区别一、打印比对二、区别:Object.create(null)创建的对象没有继承Object, 所以Object.create(null)创建的对象也没有Object提供的方法，是一个非常纯净的对象.Object.create({})实际上表示创建一个对象，并给他指定原型对象三、为什么用Object.create(null)使用create创建的对象，没有任何属性，显示No properties，我们可以把

2021-08-27 18:10:34 217

原创 vue中watch与computed的使用及区别

vue中watch与computer的使用及区别watch详解watch的作用watch监听的范围watch的使用方式computed详解computed的作用computed的使用watch与 computed的区别watch详解watch的作用监听数据的变化,当数据的值发生变化时,立即执行对应的函数使用场景：当在数据变化时，进行异步操作或开销较大的操作时，就需要使用监听器watch监听的范围监听data中数据的变化 ,示例如下； var vm = new Vue({ /

2021-08-25 15:10:26 563

转载 element-ui input输入框回车事件

<el-input maxlength=“30” v-model=“answerInput” @keyup.enter.native=“addAnswer” placeholder=“请输入” />@keyup.enter.native=‘事件名称’

2021-04-06 17:48:29 440

原创 js冷知识

**在控制台执行以下代码，可以将整个页面变得可以编辑。**document.body.contentEditable=‘true’;

2021-04-02 09:40:00 114

原创实现继承的方式

实现继承的方式方式一:通过原型链实现继承(不推荐单独使用) function Parent(age) { this.lastName = 'wang'; this.age = age; this.hobby = ['a', 'b']; this.sayHi = function () { console.log(123); } }

2020-10-09 20:02:20 135

原创使用jQuery制作todolist

使用jQuery制作todolistHTML部分：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-

2020-10-06 18:16:31 499 2

原创 ES6扩展运算符(...)的应用

@JavaScript对象扩展运算符(…)的应用扩展运算符(…)可以将数组或对象拆分成以逗号分隔的参数序列用于数组合并// 方法一 (常用) let ary1 = [1, 2, 3]; let ary2 = [3, 4, 5]; let ary3 = [...ary1, ...ary2]; console.log(ary3);// [1, 2, 3, 3, 4, 5]// 方法二 let ary1 = [1, 2, 3];let ary2 = [3, 4, 5];ar

2020-10-05 20:51:57 223