20190402 前端开发日报

JS异步编程之Promise详解和使用总结;vue 脚手架 配置 及文件介绍;一人两年前端的自我总结;Vue + TypeScript + Element 项目实战及踩坑记;Vue递归组件+Vuex开发树形组件Tree–递归组件;从零搭建自己的Vue管理端框架(四);深入学习js之——call和apply#10;jQuery内部对<script>标签的处理

  1. JS异步编程之Promise详解和使用总结 Javascript异步编程可以算是JS的难点之一。下面就异步编程方法之一的Promise进行详细介绍和总结。但说到Promise之前,我会简单提一下什么是JS异步和回调函数。 JS异步 JS异步是指在进行某些需要耗时不会立即返回结果的操作时,不会阻塞后面的操作,一旦该耗时的操作完成时,则会通知需要调用其结果的函数来做后续处…
  2. vue 脚手架 配置 及文件介绍 导 : 之前注册组件有什么缺点 ? 1- 缺乏语法高亮 2-格式不好整体 3-没有专门的写css代码等等 参考 : vue => 工具 => 单文件组件 什么是单文件组件 ? 后缀为 .vue 的文件 单文件组件的三个组成部分 (代码块 : scaffold 自动提示) template (模板结构) script 组件的代码逻辑 …
  3. 一人两年前端的自我总结 作为两年的前端狗来说,我所会的还很少,所以我也无法在字里行间中给各位带来啥子的技术提升,这篇文章的目的也只是对我这两年的工作总结,我也只是在找一个答案而已. 有人会说,一个菜鸟学什么大牛写技术总结,是的:joy:,文章很多地方都存在问题和缺陷,这也是我为什么写出来的原因,所以还请大家可以尽可能的批评我的不足,我…
  4. Vue + TypeScript + Element 项目实战及踩坑记本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目,并在此过程中踩过的坑 。
  5. Vue递归组件+Vuex开发树形组件Tree–递归组件 本文章写于一年前,修改其中的一些图片代码,转载至此,略作订正 写在前面 首先,本篇文章所开发的组件并非一个已经开源的上线组件,所以如果你急于需要一个插件来只做你的项目,那么并不能带给你及时的帮助。这个组件的开发预计写两篇文章,一遍写组件,一篇写组件逻辑。这篇文章也是我自己开发的从无到有的过程,所以…
  6. 从零搭建自己的Vue管理端框架(四) Hello大家好,本章我们创建Home页侧边栏,中间显示区域 。有问题可以联系我mr_beany@163.com。另求各路大神指点,感谢 一:创建新页面用于跳转 创建static→css→common.css h2{ margin: 0; } li { list-style: none } .disFlex { display: -webkit-box; display: -moz-box; display: -webkit-flex; di…
  7. 深入学习js之——call和apply#10 深入学习js系列是自己阶段性成长的见证,希望通过文章的形式更加严谨、客观地梳理js的相关知识,也希望能够帮助更多的前端开发的朋友解决问题,期待我们的共同进步。 如果觉得本系列不错,欢迎点赞、评论、转发,您的支持就是我坚持的最大动力。 开篇 ECMAScript3 给 Function 的原型定义了两个方法,他们是 F…
  8. jQuery内部对<script>标签的处理 前言: 本文只分析 jQuery 调用 append(‘ <script> alert("xxx")’) 后,jQuery 对 <script> 的处理, 关于 append()、domManip()、buildFragment() 等处理 待插入元素的函数, 请看: 当我调用了$().append()后,jQuery内部发生了什么? 1、有这样一段代码: <body> <s…
  9. 关于js的同步异步问题 前言 我本来是打算写一篇co源码精读(为啥读co,因为它短),然鹅发现自己存在一系列基础问题没有搞透彻,打算写一个js基础系列文章,总结自己的理解(copy),希望与你在学习路上一同进步。首先问问自己当面试官问到js中的同步和异步,这个问题该怎么回答?理解一个问题无非是what-why-how js同步和异步问题是什么–&gt…
  10. 原生JS实现滑动轮播图纯粹只使用了html+css+JS发现还是比较简单的,并不需要借助别的插件或类库来实现核心是把图片组合成一行序列,通过左右移动,以及父元素的overflow:hidden来决定显示的图片简单画了一下:
  11. Vue源码解读前必须要知道的Vue构建流程vue是通过rollup来进行构建的同样的构建工具webpack更强大一些,可以处理图片、 css、js等;但是rollup只做js的处理,相比之下更轻量, 所以rollup更适合js框架的打包
  12. Vue.js 的注意事项与技巧Vue.js 是一个很棒的框架。然而,当你开始构建一个大型 JavaScript 项目的时候,你将对 Vue.js 感到一些困惑。这些困惑并不是来自框架本身,相反 Vue.js 团队会经常调整一些重要设计策略。
  13. Js-函数式编程 前言 JavaScript是一门多范式语言,即可使用OOP(面向对象),也可以使用FP(函数式),由于笔者最近在学习React相关的技术栈,想进一步深入了解其思想,所以学习了一些FP相关的知识点,本文纯属个人的读书笔记,如果有错误,望轻喷且提点。 什么是函数式编程 函数式编程(英语:functional programming) 或称函…
  14. 史上最清晰易懂的babel配置解析 标题党了哈哈哈~~~ 原文地址 相信很多人和笔者从前一样,babel的配置都是从网上复制黏贴或者使用现成的脚手架,虽然这能够工作但还是希望大家能够知其所以然,因此本文将对babel(babel@7)的配置做一次较为完整的梳理。 语法和api es6增加的内容可以分为语法和api两部分,搞清楚这点很重要,新语法比如…
  15. Node.js中的事件循环,Timers和process.nextTick() 的探索之路 事件循环就是node.js去做一些非阻塞I/O操作,那么问题来了,非阻塞操作又是什么呢?有一个事实对于js开发者都熟知的是,js是单线程的,也就是说在一段时间内只能够处理一种任务,其他任务要执行需要等待当前任务执行完之后再开始。 由于大部分的现代内核都是多线程的,它们能够处理不同的操作执行。当其中的一个操作完…
  16. 前端——IndexedDB 本文仅梳理indexedDB基础概念以及对象,具体执行需要自行查阅api IndexedDB HTML5离线存储数据的一种解决方案,NOSQL类型,浏览器提供的数据库,使用索引高效搜索数据进行读写和管理操作。 键值对存储:内部采用对象仓库(Object Store)存放数据,所有类型都可以直接存入(包括javascript对象),每一个数据对…
  17. 《前端面试手记》之JavaScript基础知识梳理(上) 内容速览 普通函数和箭头函数的this 原始数据类型及其判断和转化方法 深浅拷贝及实现 JS事件模型 常见的高阶函数 查看全部教程 / 阅读原文 普通函数和箭头函数的this 还是一道经典题目,下面的这段代码的输…
  18. 浏览器解析 CSS 样式的过程一旦 CSS 被浏览器下载,CSS 解析器就会被打开来处理它遇到的任何CSS。这可以是单个文档内的CSS、<style>标记内的CSS,也可以是 DOM 元素的style属性内嵌的 CSS。所 有CSS 都根据语法规范进行解析和标记。…
  19. 前端面试:js同步与异步问题我本来是打算写一篇co源码精读(为啥读co,因为它短),然鹅发现自己存在一系列基础问题没有搞透彻,打算写一个js基础系列文章,总结自己的理解(copy),希望与你在学习路上一同进步。首先问问自己当面试官问到js中…
  20. JavaScript基础 —— DOM:遍历 与 范围 "DOM2 级遍历和范围"模块定义了两个方法用于辅助完成顺序遍历 DOM 结构的类型: NodeIterator 和 TreeWalker 。这两个类型能够 基于给定的起点对 DOM 结构执行深度优先(depth-first)的遍历操作 。 基本概念 任何节点都可以作为遍历的根节点。引用《JavaScript高级程序设计(第3版)》的插图,表示以 docu…
  21. js导入导出总结与实践 在上一篇文章中 JavaScript中AMD和ES6模块的导入导出对比 ,偏向于理论层面,还有一些同学在微信群里或是私下里针对一些问题进行了沟通,所以有了这一篇文章,对js的导入导出进行总结和实践 当直接给 module.exports时,exports会失效 目录 当直接给 module.exports时,exports会失效 …
  22. Nodejs核心模块之net和http net和http模块都是node核心模块之一,他们都可以搭建自己的服务端和客户端,以响应请求和发送请求。 net模块服务端/客户端 这里写的net模块是基于tcp协议的服务端和客户端,用到net.createServer和net.connect实现的一个简单请求与响应的demo。 //tcp服务端 var net = require(‘net’) var sever=net.createServer(…
  23. JavaScript声明变量详解在ES5阶段,JavaScript 使用 var 和 function 来声明变量, ES6 中又添加了let、const、import、 Class 这几种声明变量的方式。那么,他们各自都有什么样的特点呢?

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流