过来人告诉你，去工作前最好还是学学Git；关于前端高效性能优化总结的九大方法；JavaScript|数据类型的使用；vue使用富文本编辑器wangEditor，且增加附件功能；你不知道的JS系列——异步和回调；Web性能优化-网页内容优化（四）；用最热的Serverless，以最快的速度，写最野的JavaScript；JavaScript执行机制 – 块级作用域
-
前言 只有光头才能变强。文本已收录至我的GitHub精选文章，欢迎Star：[链接] 之前遇到过很多同学私信问我：「三歪，我马上要实习了，我要在实习前学些什么做准备啊？」 三歪在实习之前也同样问过自己当时的部门老…
-
一、请减少HTTP请求基本原理： 浏览器请求处理流程如下图： 在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。 一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立…
-
欢迎点击「算法与编程之美」↑关注我们！ 本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。 欢迎加入团队圈子！与作者面对面！直接点击！ 问题描述 每一种计算机语言都有自己的数据结构和数据类型，JavaScript脚本语言中则是采用弱数据类型的方式，即一个数据…
-
加上附件的 demo地址 加上附件的 demo效果 最简单的使用 封装组件 <!– Editor.vue –> <template lang="pug"> div div(ref="editor") </template> <script> import E from "wangeditor"; export default { name: "edi…
-
或许，我们都是远视眼，总是活在对别人的仰视里 或许，我们都是近视眼，往往忽略了身边的幸福 说明 个人做的学习总结，方便以后查看，大家简单看看就好 概念介绍 异步 异步指的是让 CPU 暂时搁置当前请求的响应,处理下一个请求,当通过轮询或其他方式得到回调通知后,开始运行。 举例：打一个…
-
GZIP 对基于文本的资源的压缩效果最好：CSS、JavaScript 和 HTML。 所有现代浏览器都支持 GZIP 压缩，并且会自动请求该压缩。 某些 CDN 需要特别注意以确保 GZIP 已启用。 特别注意：将文件压缩源码后（产生文件名中包含“.min”的文件），再使用 GZIP 进行压缩，可进一步提高压缩率。 先应用内容特定优…
-
用最热的Serverless，以最快的速度，写最野的JavaScript
Serverless，云原生，年初到现在，我关注的好几个前端公众号和资讯号都在疯狂推这些东西，去年年底就早有耳闻，原来以为是各种活动大会组织联合云厂商在对 devops 卖票整的新技术，但热度越来越强，于是我也跃跃欲试蹭个热度 Serverless 到底是什么¿ 一句话概括就是 Cloud Function + Object Storage + Cloud…
-
在变量提升的文章中，我们知道了 在执行上下文 被创建时，用 var 和 function 定义的变量和函数的声明会被提前，并以默认值为变量赋值。 由于变量提升的存在，其也会带来某些问题。 让我们分析如下代码： var text = "Hello world"; function func(){ console.log(text); if(0){ var text =…
-
前端模块简史 – CJS & *MD & ES Modules & SystemJS & Webpack
最近这些年前端发展速度迅猛，而前端的模块化方案也在不断的更新，这里记录整理下工作 8 年所了解的一些关于前端模块化的知识，顺便 “考下古” ，由于涉及的内容较多不是每个都很了解，只能尽量保证输出内容的准确性。 配合 demo FE-module-examples 食用更佳 文件模块 在没有前端模块化规范前，我们通过抽离公共逻…
-
Vue中引入Echarts封装组件的两种方式（全局引入和按需引入）
平时在项目中实现数据可视化，可以使用百度的开源图表库echarts，根据项目需求来绘制生成各种类型的图表，那么在Vue中如何引入echarts并封装成组件调用呢？ 目录： 因为通过vue-echarts按需引入时，一些组件模块（如折线图、柱状图，提示框和标题组件等）需要依赖已经包含所有图表和组件的Echarts包，所以这里两个都…
-
nodejs+express项目中对特定请求使用不同的body-parser处理
项目在全局使用了bodyParser.json()和bodyParser.urlencoded()。但现在碰到个需求，对某些特定前缀的url请求，需要拿到Buffer格式的请求体，而不是json格式化后的。
-
【基本数据类型】 数字 number 字符串 string 布尔 boolean 空 null 未定义 undefined 【引用数据类型】 对象 object 普通对象 {} 数组对象 []（Array） 正则对象 （RegExp） 日期对象 （Date） 数学函数 （Math） … 函数 function 真实项目中根据需求，我们徐亚进行对数据类型转换（规则和规则之间是相互独立的…
-
接下来在本文里一起看看当数据变化时，从源码层面逐步分析一下触发页面的响应动作之后，如何做渲染到页面上，展示到用户层面的。 同时也会了解在Vue中的异步方法NextTick的源码实现，看一看NextTick方法与浏览器的异步API有何联系。 注意，本文涉及的Vue源码版本为2.6.11。 什么是异步渲染？ 这个问题应该先要做…
-
A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment).
-
原生ajax 基于jQuery的ajax fetch axios 异步 JavaScript的执行环境是「单线程」 所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程 异步模式可以一起执行 多个任务 …
-
React Hooks + TypeScript 做个仿 MacOS 桌面（四）：Canvas 实现画图工具
这是我的项目记录系列文章第四篇， 上一篇 主要介绍了 Dock 弹框等的实现，同时提到了此次主角 drawing 画板。 画板是目前实现的功能里较为典型的 Hooks 用例，本篇就来详细介绍下，画板最终的效果如题图所示，同时你可以在我的项目 代码（欢迎 watch 和 star） 体验。 Canvas 实现画布（译文） 实现画布部…
-
最近过年在家无聊，刚好有大把时间学习Vue，顺便做了一个增删查改+关键字匹配+分页的小dome,可是使用Vue请求后端提供的Api的时候确发现一个大问题，前后端分离了，但是请求的时候也就必定会有跨域这种问题，那如何解决呢？ 前端解决方案 思路：由于Vue现在大多数项目但是用脚手架快速搭建的，所以我们可以直接在项目中…
-
对比cookie,存储空间大，不同浏览器大小不一，基本5m左右。 除非主动删除，否则不会过期，长期保存。 其中数据不会被网络请求携带。 只能存储字符串，数字类型取出也会转为字符串。 同步读取写入。 方法 setItem(key,value) 设置要存储的健值对。 localStorage.setItem(‘myCat’, ‘Tom’); 复制代码 getIt…
-
前端开发时有没有遇见这种情况？ 客户：为什么我这个页面看不到数据？？ 我：（急忙打开网站），我这边数据显示正常！ 客户：没有啊！我这边看不到！ 我：（语无伦次），可我…我这边正常的呀 客户：BALABALA 我能怎么办？我也很绝望啊。。我也不知道客户咋玩出来的啊。。一脸蒙圈。。 现在你们的救星来…
-
公司之前有过Vue开发的项目，用到了ElementUi的级联选择器控件。不得了了，产品爸爸们开始作妖了，哎呦不错哦，我要用它到我这个项目里（项目以Js + Php为架构，前后端不分离）。 日常battle： “能用多级联动吗？”，“不可以！” “可ElementUi依赖于Vue啊，两个项目架构不同，这个控件得单独开发” “这个需求很简单，怎…
-
js中一共有6中简单基本类型 string number boolean null undefined object 存在性 let object = { a:undefined }; console.log(object.a, object.b) 回打印出 undefined, undefined 复制代码 虽然他们都打印出undefined，但是我们 如何区分对象中是否存在这个属性呢？ ("a" in m…
-
src ├── compiler # 编译相关 ├── core # 核心代码 ├── platforms # 不同平台的支持 ├── server # 服务端渲染 ├── sfc # .vue 文件解析 ├── shared # 共享代码 复制代码 大部分知识点主要集中于 code 目录（核心代码部分）。 接下来，就让我们开始进入vue的…
-
npm init 复制代码 命名、描述、版本、作者、储存库等等不想写的可以直接 加上 -y 一切默认 可以看看我的 package.json 因为是 vue 组件所以我们需要部分依赖，如 less ， es6 …… { "name": "vue-org-crazyyan", "version": "1.0.0", "descriptio…
-
javascript篇–1.6万字带你回忆那些遗忘的JS知识点
发文前，小编想先对上一篇文章-css篇纠正错误以及针对文章提出的优化的小伙伴表示感谢，你们的每个建议或意见都很宝贵:sunflower::sunflower:。 继上两篇文章html篇和CSS篇之后，本篇文章对于常见的有关 Javascript 部分的内容进行了大致的整合。文中涉及的知识面还是蛮广的，小编在整理的时候也顺道温习了一遍。 …
-
打算熟悉一下vue的api，看文档的时候，我发现有些东西不够望文生意,于是我结合官方文档写了这期文章，主要目的就是方便理解 # Vue.config vue.config是一个对象，包含 Vue 的全局配置可以在启动应用之前修改下列 property选项 silent Vue.config.silent = true //取消 Vue 所有的日志与警告。 复制代码 …
-
上篇文章记录了 WebApi的概念以及简单的认知WebApi ，今天来探究下它的适用场景以及怎么去用它。 先简单聊一下WebApi与用得比较多的WCF、WebService各自的特点： 一、WebService是一种可以接收从Internet或者Intranet上的其它系统中传递过来的请求，轻量级的独立的通讯技术，它的特点有： 1、基于SOAP协议的…
-
我真的很喜欢使用Vue.js，每次使用框架时，我都会喜欢深入研究其功能和特性。通过这篇文章，我向你介绍了十个很酷的提示和技巧，你可能尚未意识到这些技巧和窍门，以帮助你成为更好的Vue开发人员。 更漂亮的插槽语法 随着Vue 2.6的推出，已经引入了插槽的简写方式，可用于事件（例如， @click 表示 v-on:click 事件…
更多内容请关注公众号【前端开发博客】每日更新
