![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 76
雨y飘零久
I want to be a programmer rather than coder.
展开
-
「前端笔记」vue中使用 antd-vue 中将默认时间库 monent 改为 dayjs
Day.js 是一个轻量的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持完全一样. 如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day.js简单地说,只要你会Moment.js,那么你就会Day.js!但是我们知道的,Moment.js 的大小是200多k,Day.js的大小是2kB,100倍的差距,拥有同样强大的 API。在 antd 中时间库默认使用 moment,修改方式这里使用一种实现方式。使用 antd-dayjs-webpack-pl原创 2021-12-22 02:08:28 · 1568 阅读 · 0 评论 -
「前端进阶」方方-前端体系课阶段二:前端精进(JavaScript 专精)
文章目录手写 Promise 上手写 Promise 下async await 全解手写 Promise 上面试答题方法论:该技术要解决什么问题–why该技术是怎么解决这个问题的–how该技术有什么优点(对比其他技术)–pros (优点)该技术有什么缺点–cons (缺点)如何解决这些缺点–morePromise 要解决什么问题–why答:Promise 要解决的就是回调地狱的问题。回调过多导致代码复杂,不清晰。如下图所示,该代码用 Node.js 实现了调整文件夹中图片的宽高比例原创 2021-03-29 23:57:54 · 817 阅读 · 1 评论 -
「学习笔记」Vue 官方视频教程 2.0版
文章目录Vue 实例数据与方法生命周期钩子模版语法插值指令(directives)缩写v-bind 缩写v-on 缩写Class 与 Style 绑定绑定 HTML Class绑定内联样式 StyleVue 实例数据与方法只有当实例被创建时就已经存在于 data 中的 property 才是响应式的。Object.freeze(),这会阻止修改现有的 property,也意味着响应系统无法再追踪变化。Vue 实例还暴露了一些有用的实例 property 与方法。它们都有前缀 $,以便与用户定义原创 2021-03-20 20:21:38 · 300 阅读 · 0 评论 -
「前端基础」for、foreach、for-in、for-of的区别
for最早的数组遍历方式forEach自从ES5发布以后,可以用内建的forEach来遍历数组forEach()是数组的一个方法,用于遍历数组的每一项,并对每一项执行一个callback函数。forEach()没有返回值,返回值总是undefined。不能使用 break 来退出循环, 不能使用 return 语句来返回到外层。for-infor…in 语句以任意顺序遍历一个对象的可枚举属性的属性名。用它循环对象,循环出来的属性顺序并不可靠,所以不要在 for…in 中做依赖对象属性顺原创 2021-02-26 18:09:56 · 794 阅读 · 0 评论 -
「前端基础」随想问题
1 for 循环中的 let 变量外部访问不到2 JavaScript 中整数限制问题最大最小数为:Number.MAX_VALUE // 1.7976931348623157e+308Number.MIN_VALUE // 5e-324没有进行数值运算的话,2532^{53}253 (9007199254740992,16位数) 显示结果是正确的:Math.pow(2, 53)// 9007199254740992// 多出的三个有效数字,将无法保存90071992547409921原创 2021-02-22 23:29:47 · 110 阅读 · 0 评论 -
「前端招聘」校招社招面试记录
社招腾讯云(2021.01.29)(1)一面 2 hours实现 promise.all 函数static all(iterators) { return new Prussia((resolve, reject) => { let count = 0 const values = [] const list = [...iterators] if (!list.length) { resolve(values)原创 2021-02-01 21:59:00 · 202 阅读 · 0 评论 -
「前端基础」行尾的分号
文章目录一、不使用分号的情况1.1 for 和 while 循环1.2 分支语句:if,switch,try1.3 函数的声明语句二、分号的自动添加三、总结分号表示一条语句的结束。JavaScript 允许省略行尾的分号。事实上,确实有一些开发者行尾从来不写分号。但是,由于下面要讨论的原因,建议还是不要省略这个分号。一、不使用分号的情况1.1 for 和 while 循环for ( ; ; ) {} // 没有分号while (true) {} // 没有分号注意,do...while原创 2021-01-28 21:02:55 · 474 阅读 · 0 评论 -
「前端基础」ES 6 进阶
2 新变量申明:let 和 const2.1 概述2.2 let 和 const// ES3 语法a = 1 var a = 1// ES6 语法let a = 1const a = 1a = 1属于哪个对象,取决于运行环境(上下文)。只想暴露一个全局变量,块({}),C、Java 和 PHP 中都有,但是 JavaScript ES6 之前没有。// ES6 之前(function (){ var a = 1 window.JonathanBen = functi原创 2020-12-14 23:37:01 · 387 阅读 · 0 评论 -
「前端基础」Echarts使用指南
文章目录安装 echarts有webpack/parcel安装webpack/parcel安装第一个例子安装 echartsecharts是百度开源的,为了更好的长期维护,现在由Apache来孵化(incubating)有webpack/parcel安装通过CND的方式,直接引入,然后会产生一个全局变量window.echarts。<!doctype html><html lang="zh-Hans"><head> <meta charset="U原创 2020-11-10 00:22:37 · 571 阅读 · 0 评论 -
「前端基础」阮一峰JavaScript教程笔记(二)
文章目录语法专题数据类型的转换1 概述2 强制转换3 自动转换错误处理机制1 Error 实例对象2 原生错误类型2.1 SyntaxError 对象2.2 ReferenceError 对象2.3 RangeError 对象2.4 TypeError 对象2.5 URIError 对象2.6 EvalError 对象2.7 总结3 自定义错误语法专题数据类型的转换1 概述JavaScript 是一种动态类型语言,变量没有类型限制,可以随时赋予任意值。var x = y ? 1 : 'a';x原创 2020-11-08 22:31:47 · 1096 阅读 · 0 评论 -
「前端基础」JS数组
文章目录1 定义2 数组的本质3 length属性1 定义任何类型的数据,都可以放入数组。2 数组的本质本质上,数组属于一种特殊的对象。typeof运算符会返回数组的类型是object。数组的特殊性体现在,它的键名是按次序排列的一组整数(0,1,2…)。Object.keys方法返回数组的所有键名JavaScript 语言规定,对象的键名一律为字符串,所以,数组的键名其实也是字符串。之所以可以用数值读取,是因为非字符串的键名会被转为字符串。注意,这点在赋值时也成立。一个值总是先转成字符串,原创 2020-11-08 00:38:16 · 389 阅读 · 0 评论 -
「前端基础」JS函数
文章目录1 概述1.1 函数的声明1 概述1.1 函数的声明JavaScript 有三种声明函数的方法:1 function 命令(具名函数)function print(s) { console.log(s);}上面的代码命名了一个print函数,以后使用print()这种形式,就可以调用相应的代码。这叫做函数的声明(Function Declaration)。2 函数表达式(匿名函数)除了用function命令声明函数,还可以采用变量赋值的写法。var print = func原创 2020-11-01 16:58:04 · 322 阅读 · 0 评论 -
「前端基础」JS对象部分
文章目录1 定义键名后面ES61 定义对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。//常用写法let obj = {'name': 'zxc', 'age': 23}//规范写法let obj2 = new Object({'name': 'zxc', 'age': 23})键名对象的所有键名都是字符串(ES6又引入了)后面//可以直接console.log一个无名对象, 注意:不要和lable混淆了.console.log({'name': '原创 2020-10-29 23:47:49 · 480 阅读 · 0 评论 -
「前端基础」旺财记账Vue2版本
文章目录4 【项目】旺财 Vue 项目搭建4.1 课前准备4.2 使用@vue/cli创建项目4.3 目录结构说明4.4 添加代码片段snippets4.5 JS或TS里使用@4.6 CSS或SCSS里使用~@4 【项目】旺财 Vue 项目搭建4.1 课前准备4.2 使用@vue/cli创建项目4.3 目录结构说明目录:public: 一般不会变动src: 源代码source的简写srcassets(资源):除了HTML, CSS, JS, TS都放在这里. 比如图片, svgcomp原创 2020-09-24 22:36:21 · 1502 阅读 · 0 评论 -
「前端基础」字符编码简述
文章目录ASCIIGB2312, GBK, GB18030Unicode(万国码, 统一码)UTF-8我们知道,计算机内部,所有信息最终都是一个二进制值。每一个二进制位(bit)有0和1两种状态,因此八个二进制位就可以组合出256种状态,这被称为一个字节(byte)。也就是说,一个字节一共可以用来表示256种不同的状态,每一个状态对应一个符号,就是256个符号,从00000000到11111111。ASCII因为计算机的诞生是在美国, 所以一开始只需要存储a, b, c…英文字母和键盘上面的字符和控制原创 2020-09-24 21:43:56 · 462 阅读 · 0 评论 -
「前端基础」阮一峰JavaScript教程笔记(一)
文章目录数据类型概述1.简介2.typeof 运算符null, undefined 和布尔值1. null 和 undefined2. 布尔值数据类型概述1.简介原始(基础)类型(primitive type):数值(number)字符串(string)布尔值(boolean)symbolnullundefinedbigInt2020.6 新出了一个新的数据类型bigInt8种数据类型, 7种原始类型和object对象是最复杂的数据类型,又可以分成三个子类型。狭义的对象(原创 2020-09-21 09:27:38 · 3289 阅读 · 0 评论 -
「前端学习」浅析 MVC
文章目录1. MVC 三个对象分别做什么,给出伪代码示例2. EventBus 有哪些 API,是做什么用的,给出伪代码示例3. 什么是表驱动编程4. 如何理解模块化的1. MVC 三个对象分别做什么,给出伪代码示例M: Model(数据模型)负责操作所有数据伪代码:const m = { data: {}, create() {增 }, delete() { 删}, update() {改}, get() {查}}V: View(视图)负责所有U原创 2020-07-20 19:26:36 · 291 阅读 · 1 评论 -
「前端学习」Vue 两个版本(完整版和非完整版)的区别和使用方法:
文章目录1.两个版本对应的文件名2.template 和 render 怎么用3.如何用 codesandbox.io 写 Vue 代码两个版本的主要区别:Vue完整版Vue非完整版评价特点有compilerm诶呦compilercompiler占40%的体积视图写在HTML里或者写在template选项卸载render函数里用h来创建标签h是尤雨溪写好传给render的cnd引入vue.jsvue.runtime.js文件名不同,生成环境后缀为.m原创 2020-07-20 18:12:10 · 579 阅读 · 0 评论 -
方方-前端体系课程(六)
文章目录55 webpack(上)55.1 课前准备55.2 用webpack转义JS55.3 初始化webpack.config.js55.4 webpack配置entry和output55.5 webpack-dev-server55.6 使用插件提取CSS文件55.7 使用两个webpack config文件(上)55.8 使用两个webpack config文件(中)55.9 使用两个webpack config文件(下)56 webpack(中)56.1 loader vs plugin (上)5原创 2020-07-18 06:01:55 · 444 阅读 · 0 评论 -
「前端学习」vue入门-井字棋
Vue学习路线使用@vue/cli创建vue项目注意对应版本Vue组件开发原则: 简到难, 把复杂的问题先简单化, 然后一步一步增加功能实现到最终效果.template标签是不会显示的, 然后template上不能放onclick事件v-bind:n1=“n”n1是与Cell.vue里面的对应的, n是App.vue中的n对应的.Vue组件通信判断玩家胜利样式优化部署到GitHub更改路径创建vue.config.js文件module.exports = { pub原创 2020-07-08 03:37:23 · 368 阅读 · 0 评论 -
方方-前端体系课程(五)
文章目录49.50. 【项目】画皮卡丘(上)50.1 选择模仿目标50.2 制作鼻子和眼睛50.3 制作上嘴唇50.4 制作下嘴唇50.5 添加动态效果总结49.50. 【项目】画皮卡丘(上)50.1 选择模仿目标欠缺经验, 以及抽象思维.浏览器JS的能力:操作DOM操作AJAX80%的事情在做这两件事情目前用jQuery来操作DOM用axios操作AJAX一个项目:60%的时间在写CSS20%的时间在写JS20%的时间找bug模仿别人界面: codepen.io50.2 制原创 2020-07-05 03:31:55 · 414 阅读 · 0 评论 -
「前端学习」DOM事件委托
事件委托(Event Delegation): 由于事件会在冒泡阶段向上传播到父节点,因此可以把子节点的监听函数定义在父节点上,由父节点的监听函数统一处理多个子元素的事件。优点:减少内存消耗,提高性能假设有100个button, 我们需要在点击每个button的时候响应一个事件. <div id="div1"> <button>button 1</button> <button>button 2</but原创 2020-05-27 04:18:25 · 153 阅读 · 0 评论 -
「前端学习」DOM 事件模型或 DOM 事件机制
DOM事件模型和事件流示例代码: <div class="爷爷"> <div class="爸爸"> <div class="儿子">文字</div> </div> </div>即.爷爷>.爸爸>.儿子, 给3个div分别添加事件监听fnYe/fnBa/fnEr提问1: 点击了谁?点击文字, 算不算点击儿子点击文字, 算不算点击爸爸点击文字原创 2020-05-27 03:54:18 · 350 阅读 · 0 评论 -
「前端学习」关于 jQuery 的功能
文章目录1. jQuery如何获取元素2. jQuery的链式操作是怎么样的3. jQuery如何创建元素4. jQuery如何移动元素5. jQuery如何修改元素属性1. jQuery如何获取元素通过选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。选择表达式可以是CSS选择器$(document) //选择整个文档对象$('#myId') //选择ID为myId的网页元素$('div.myClass') // 选择class为myClass的div元素原创 2020-05-18 05:16:06 · 194 阅读 · 0 评论 -
方方-前端体系课程(四)
文章目录32.【算法与数据结构】伪代码与流程图32.1 视频:132.2视频:232.3 视频:332.4 视频:433.【算法与数据结构】排序算法(上)33.1 视频:minOf2的实现33.2 视频:minOf4的实现33.3 视频:min的实现33.4 视频:实现sort排序33.5 视频:如何调试代码32.【算法与数据结构】伪代码与流程图32.1 视频:1抽象能力: 越高级的程序员,...原创 2020-03-08 05:39:17 · 1911 阅读 · 0 评论 -
方方-前端体系课程(三)
文章目录20.【JS全解】JavaScript 概览20.1 视频:学JS的基本要求20.【JS全解】JavaScript 概览20.1 视频:学JS的基本要求软要求逻辑能力质疑自己的能力不要相信人类, 包括你自己通过double check可以缓解抽象思维高级程序员必备能力硬要求足够的代码量如何统计自己的代码行数安装yarn global add cl...原创 2020-01-25 12:50:57 · 751 阅读 · 0 评论 -
方方-前端体系课程(二)
文章目录10.【HTML全解】HTML标签10.1 视频: 英语小课堂![在这里插入图片描述](https://img-blog.csdnimg.cn/20191127001925570.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Fx...原创 2019-12-08 20:04:10 · 1612 阅读 · 0 评论 -
方方-前端体系课程(一)
文章目录2.【Git入门】软件安装详情2.1 视频4: chrome配置2.【Git入门】软件安装详情2.1 视频4: chrome配置普通用户配置Chrome登录账户同步配置安装uBlock屏蔽广告理解无痕窗口可用于测试高级用户配置大面板可移动位置, 小面板也可以在开发者工具「里面」 按ESC可以新建控制台Sources里面可以保存代码片段(Snippets)Sni...原创 2019-10-16 12:31:30 · 1016 阅读 · 0 评论 -
「前端基础」HTML & CSS 入门(画太极)
文章目录1. 学前端要「学以致用」2. 你的第一个页面2.1 如何使的vscode自动保存并格式化2.2 id是可以中文2.3 div画圆2.4 div+div2.5 如何分别对div控制问题:CSS盒模型2.6 box-sizing: border-box2.7 overflow:hidden2.8 position:absolute2.9 bottom和top3. 使用CSS3加动画3.1 a...原创 2019-10-03 01:55:02 · 257 阅读 · 0 评论