
前端
前端
All is well!8023
当足够优秀才能过上想要的生活!
码代码,提升技术,升职加薪!奋斗吧,打工人!
展开
-
js之FileReader 读取txt文件内容
const reader = new FileReader() reader.readAsText(files[0],'utf8') // input.files[0]为第一个文件 reader.onload = ()=>{ console.log(reader.result) // reader.result为获取结果 }FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 F...转载 2021-03-16 10:05:39 · 4993 阅读 · 0 评论 -
前端-在vscode 中设置 vue模板内容
参考链接https://blog.youkuaiyun.com/qq_20667511/article/details/108308367转载 2021-02-22 21:50:46 · 152 阅读 · 0 评论 -
vue面试题整理
目录1、对MVVM的理解2、vue常见指令3、v-if 和 v-show 有什么区别?4、Vue核心思想:数据驱动、组件化5.Vue 生命周期6、组件中 data 为什么是一个函数?7、Vue 组件间通信有哪几种方式?8、computed 和 watch 的区别和运用的场景?9、虚拟 DOM10、vue-router 路由模式有几种?vue-router 有 3 种路由模式:hash、history、abstract1、对MVVM的理解MVVM分为Mo..原创 2021-02-19 13:40:36 · 7043 阅读 · 21 评论 -
vue的生命周期
vue每个组件都是独立的,每个组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组件所谓的生命周期。原创 2021-02-15 13:23:08 · 88 阅读 · 0 评论 -
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-scale=1.0"> <title>V.原创 2021-02-12 21:48:08 · 133 阅读 · 2 评论 -
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-scale=1.0"> <title>计.原创 2021-02-06 22:02:19 · 115 阅读 · 0 评论 -
script标签的六个属性(src、 type、charset、language、defer、async )
1、src:可选,链接外部文件2、 type :用script元素嵌入js代码记得要加type="text/javascript" <script src="" type="text/javascript" charset="utf-8"></script>3、charset:字符编码属性,可选。默认是utf-8编码,主要表示通过src属性指定的代码的字符集,大多浏览器会忽略它的值,所以不必使用。4、language:脚本类型属性,不是标准组成的...原创 2021-02-06 20:47:46 · 7270 阅读 · 0 评论 -
js浅拷贝和深拷贝的区别和实现方式
参考http://caibaojian.com/javascript-object-clone.html浅度拷贝:复制一层对象的属性,并不包括对象里面的为引用类型的数据,当改变拷贝的对象里面的引用类型时,源对象也会改变。1、Object.assign方法2、直接用=赋值深度拷贝:重新开辟一个内存空间,需要递归拷贝对象里的引用,直到子属性都为基本类型。两个对象对应两个不同的地址,修改一个对象的属性,不会改变另一个对象的属性。1、JSON对象的parse和stringify可以实.原创 2021-02-04 21:15:28 · 125 阅读 · 0 评论 -
vue模板语法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div id=".原创 2021-02-02 21:17:23 · 188 阅读 · 0 评论 -
ES模块化
export 不仅可以导出对象,也可以导出一切js变量,基本变量,函数,数组,对象export定义了模块的对外接口后,其他JS文件就可以通过import来加载这个模块,一、ES6的模块化的基本规则或特点: 1:每一个模块只加载一次, 每一个JS只执行一次, 如果下次再去加载同目录下同文件,直接从内存中读取。 一个模块就是一个单例,或者说就是一个对象; 2:每一个模块内声明的变量都是局部变量, 不会污染全局作用域; 3:模块内部的变量或者函数可以通过export导出;.原创 2021-02-01 22:19:25 · 252 阅读 · 0 评论 -
ES6-Promise 对象(copy from www.runoob.com)
ECMAscript 6 原生提供了 Promise 对象。Promise 对象代表了未来将要发生的事件,用来传递异步操作的消息。Promise 对象有以下两个特点:1、对象的状态不受外界影响。Promise 对象代表一个异步操作,有三种状态:pending: 初始状态,不是成功或失败状态。 fulfilled: 意味着操作成功完成。 rejected: 意味着操作失败。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是 Promise 这个名字的由来转载 2021-02-01 21:33:51 · 180 阅读 · 0 评论 -
vue学习之ES6_02(对象拷贝、对象合并、map和reduce)
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Study ES6</title> </head> <body> <div> &.原创 2021-01-28 23:03:52 · 801 阅读 · 0 评论 -
vue学习之ES6_01(变量声明、数组解构、对象解构、模板字符串、箭头函数、函数优化、对象优化、对象声明简写、对象函数属性简写)
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Study ES6</title> </head> <body> <div> &.原创 2021-01-28 22:22:08 · 542 阅读 · 1 评论 -
跨域资源共享 CORS 详解
跨域资源共享 CORS 详解作者:阮一峰日期:2016年4月12日CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。一、简介CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源...转载 2021-01-21 09:44:38 · 106 阅读 · 0 评论 -
验证下拉框是否选择,是否为空
/**验证下拉框是否选择,是否为空 * zhangshuai * 2018年11月26日 15:46 *说明:需要传入需要验证的下拉框id数组 *class='fa fa-times-circle' Font Awesome图标字体库 * */ var validateSelect=...原创 2018-11-26 15:54:34 · 4389 阅读 · 0 评论