手把手教你使用ts 一步一步的去完成一个Promise；JS方法速查；撸一个Vue脚手架plus，高级概念玩儿一遍(超详细)；vue项目中运用webpack动态配置打包多种环境域名；TySheMo 前端数据管理模型；JavaScript温故而知新——原型和原型链；Ajax详解(手写jq和axios部分实现)；React学习篇-JSX（手写一个JSX的插件）
-
手把手教你使用ts 一步一步的去完成一个Promise 前奏 笔者公司前端小组，线上出现了因为Promise用错了而导致的问题。 本文的出发点不仅是了解Promise，主要目的是跟着特性去写一个Promise。 所以前提是你已经掌握了Promise的基本特性，如果没有接触过的话，请点击学习 正文 熟悉es6的Promise特性。 1.特性概览 链式调用。 内部三种状态。 …
-
撸一个Vue脚手架plus，高级概念玩儿一遍(超详细) 相信每个一个程序员都不希望花过多的时间去造没必要造的轮子（纯粹为了学习的略过），经过不断的成长和经验的积累，我们总得造出一些有意义的可以长期使用的“轮子”（因为没有现成的，哈哈 ），也就是大家都将求的代码的复用性。 此篇文章主要分享一下我是怎样省去每次初始化Vue项目的那几十分钟。 先让我们回忆一下…
-
TySheMo 前端数据管理模型项目地址：[链接] 使用文档：[链接] 使用案例：[链接] TySheMo是一个前端数据（状态）管理工具。它面向复杂的前端数据管理，用于在前端结构化数据的不断变化中，清晰地控制数据变动，使数据变动不引起错误，并且…
-
JavaScript温故而知新——原型和原型链 在当前Vue、React、Angular三驾马车齐驱的前端领域，我们对于框架的学习是无可厚非的，毕竟日常工作当中做的最多的就是业务的开发，框架的灵活运用大大提高了我们的开发效率。只不过我们前端框架的底层也终归是原生的JS，如果我们对于原生的东西了然于胸，那么对于框架的使用自然是更加得心应手。 不过原生JS我们往往…
-
Ajax详解(手写jq和axios部分实现) //一、创建Ajax实例 let xhr = new XMLHttpRequest();//IE下为ActiveObject对象 //二、打开请求: 发送请求之前的一些配置项 //1.HTTP METHOD:GET/POST/PUT/DELETE/HEAD/OPTIONS/TRACE/CONNECT/ //2.url:接口地址 //3.async：设置Ajax的同步异步，默认是异步 //4.user-name/user-pass用户名和密码，一般不用 xhr.open(met…
-
React学习篇-JSX（手写一个JSX的插件） 学习和阅读 vue 源码有段时间了，最近在尝试去学习 react，由于眼前项目使用不上 react，并不想一股脑的学习它的 API（长时间不用还是会忘），所以此次的学习过程打算换种方式，对于 react 涉及到的每个点尝试逐个深入，了解其解析过程及整个框架的思路。 对于每个点的学习和深入，将以文章的形式产出，主要是对于学习…
-
如何从零开始定义一个类似websocket的即时通讯协议WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocket API也被W3C定为标准。
-
JavaScript之cookie与webstorage 由于http是无状态的协议，一旦客户端和服务器的数据交换完毕，就会断开连接，再次请求，会重新连接，服务器单从网络连接上是没有办法知道用户身份的。cookie就是为了解决此问题而产生的，每次新的用户请求时，便给用户颁发一个独一无二的身份证，下次访问，必须带上身份证，这样服务器就会知道是哪个用户进行了访问，针…
-
[Vue]组件编写小结 前言 随着js编程进入工程化纪元，代码模块化，组件化，成为工程的具体落地方法。 最近使用vue全家桶做了一个类似于iconfont的网站，在做的过程中关于组件有了一些思考和总结，为了巩固，写个小结。 一 组件类型 根据我已知的组件的编写方式，有四种介绍给大家： 1.1 基本组件 最基本的组件由一个.vue文件构成，其…
-
我如何实现Promise A+ new Promise((resolve, reject) => { //异步成功执行resolve，否则执行reject }).then((res) => { //resolve触发第一个回调函数执行 }, (err) => { //reject触发第二个回调函数执行 }).then(res => { //需要保证then方法返回的依然是promise //这样才能实现链式调用 }).catch(reason => { }); //等…
-
Vue 最黑暗的一天 原文：Vue’s Darkest Day 作者：Daniel Elkington 译者注：原文写于2019年6月21日 今天，我惊讶的发现，往常积极友好的 VueJS 社区陷入了一场激烈的战争。 两周前，Vue 的创建者尤雨溪发布了一个 请求意见稿（RFC） ，用于在即将发布的 Vue 3.0 中使用基于函数的方式编写 Vue 组件。今天， 一个 Reddit 上批评性的…
-
CSS布局：如何实现居中布局？1. 父级容器设置成表格，子级设为行内元素。 适合子级内容为文本展示。 {代码…} 2. 父级容器设置相对定位，子级设置绝对定位后通过外边距居中。 {代码…} 3. 父级容器设置为弹性盒，子级设置外边距。 {代码……
-
学习vue源码—vue-diff 本文主要记录vue-diff的原理以及说明一个响应式数据更新的流程是怎么样的一个过程。 1. 数据改变到页面渲染的过程是怎么样的？ 首先看下面的图片:point_down:，这是执行click函数改变一个数据之后发生的函数调用栈，从图上的说明可以比较清楚个了解这个响应式过程的大概流程。下面简单讲解一下： 改变数据，…
-
5 分钟即可掌握的 JavaScript 装饰者模式与 AOP 什么是装饰者模式 当我们拍了一张照片准备发朋友圈时，许多小伙伴会选择给照片加上滤镜。同一张照片、不同的滤镜组合起来就会有不同的体验。这里实际上就应用了装饰者模式：是通过滤镜装饰了照片。在不改变对象（照片）的情况下动态的为其添加功能（滤镜）。 需要注意的是：由于 JavaScript 语言动态的特性，我们很…
-
jQuery源码解析之$.queue()、$.dequeue()和jQuery.Callbacks() 前言： queue() 方法和 dequeue() 方法是为 jQuery 的动画服务的，目的是为了允许一系列动画函数被异步调用，但不会阻塞程序。 所以这篇是为jQuery的动画解析做准备的。 一、 $ .queue()、 $ .dequeue() 和 $() .queue()、 $() .dequeue() 的区别 （1） $().queue() 和 $().dequeue() 这俩…
-
webpack-dev-server开启https访问 由于需要在手机端web调试几个仅在https下生效的接口，无法使用localhost或127.0.0.1访问(本地访问无需开启)，故需要使用webpack-dev-server开启https。 开启https 查看官方文档，webpack-dev-server已经支持了https方式， devserverhttps 。设置https为true即可。 当然，访问时会出现不安全的提示，你可以…
-
从0搭建前端项目架构-webpack配置 cd build touch webpack.config.client.js 复制代码 6.在webpack中配置项目打包的入口和出口文件。 entry代表打包的入口文件，这里就是指定到app.js output代表打包后的出口文件。 filename：打包后的文件名，采用 . .js。 是项目的入口文件名，就是app， 是hash串。采用hash写…
-
理解JavaScript变量和类型var str = ‘abc’;str.slice(1);str.substr(1);str.trim(1);str.toLowerCase(1);str[0] = 1;console.log(str); //abc
-
Angular单元测试浅说 原文链接 做了多年的Angular的前端开发，一直没有胆量对前端进行单元测试，原因一是前端是跟用户打交道，不好测试，原因二是项目的时间压力没有精力弄单元测试。这也就导致在前端开发时，业务一旦改变，就要人肉进行测试。费时又没有技术含量，直接让我怀疑人生。最近得空，索性就把Angular的单元测试研究了一把。Ang…
-
前端工程化初探目前我所理解的前端工程化, 顾名思义, 就是让前端项目具备工程特性: 满足规范化,流程化,自动化等要求, 随着大前端时代下前端发展的速度越来越快, 项目也日渐复杂起来, 前端项目管理也越来庞杂, 造成项目维护性差,…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
