20191207 前端开发日报

Vue实现数字动态翻牌的效果(开箱即用);vuex的源码一些理解;你可能不知道的 JavaScript 代码 Chrome 调试方法;Angular 更改检测终极指南;浅谈 C#、Typescript、JavaScript;typescript入门归纳总结;在前端中理解MVC服务之 Angular篇(完结);JavaScript 函数的特性与原型链讲解

  1. vue实现数字动态翻牌的效果(开箱即用) 原理 将1~9的数字竖直排版,通过translate移动位置显示不同数字,使用transition控制transform属性有动画效果 技术点 css 属性 writing-mode: vertical-lr,使数字竖直排版 移动 transform: translate(-50%, -40%); y值控制移动至哪个数字 transition 控制transform属性有动画效果 实现代码(注释比较详细,...
  2. vuex的源码一些理解 学习Vue有一段时间了,感觉对于Vuex总是停留在一知半解的状态,决定花点时间好好学习研究下Vuex的实现。Vuex的设计思想,借鉴了Redux将数据存放到全局的store,再将store挂载到每个vue实例组件中,利用Vue.js的数据响应机制来进行高效的派发和状态更新。 <h2>开始前的准备</h2> 个人觉得有必要理解这几...
  3. 你可能不知道的 JavaScript 代码 Chrome 调试方法 在编写更复杂的代码前,让我们先来聊聊调试吧。 调试 是指在一个脚本中找出并修复错误的过程。所有的现代浏览器和大多数其他环境都支持调试工具 —— 开发者工具中的一个令调试更加容易的特殊用户界面。它也可以让我们一步步地跟踪代码以查看当前实际运行情况。 在这里我们将会使用 Chrome(谷歌浏览器),因为它拥...
  4. Angular 更改检测终极指南 更改检测是 Angular 的核心机制,一些开发者认为它很难理解。而且,官网也没有提供有关它的官方指南。在这篇博文中,作者提供了和更改检测相关的所有必要信息,还构建了一个演示项目,来解释更改检测背后的具体机制。 什么是更改检测 Angular 的两大宗旨是可预测和高效。框架需要组合状态和模板,以在 UI 上复制应用...
  5. 浅谈 C#、Typescript、JavaScript 以前做后端的时候主要是微软的项目为主,随着公司业务发展需要后来转向偏前端项目的开发,今天我到了聊聊微软主导的 TypeScript ,如你使用过C#或Visual Basic .NET等语言,你会很熟悉。 Typescript 来历 在微软强大的 visual studio2012 版本未出之前,对 Javascript 的支持度却如屎一样渣,直到VS2012才有了质...
  6. typescript入门归纳总结引言:最近笔者在学习typescript,同时应用到项目开发中,除了简单的类型约束以外,由于typescript仍有许多让初学者不明确的点(官方文档也没有写清楚),故笔者整理此文章供初学者学习参考。
  7. 在前端中理解MVC服务之 Angular篇(完结) 介绍 本文是该系列中的第三篇,旨在了解 MVC 体系结构如何创建前端应用程序。目的是了解如何构建前端应用程序。这是通过从使用 JavaScript 作为脚本语言的网页演变为使用 JavaScript/TypeScript 作为面向对象语言的应用程序来实现的。 在第三篇文章中,应用程序将使用 Angular 构建,该版本来自使用 TypeScript 的第...
  8. JavaScript 函数的特性与原型链讲解 这次给大家带来一个关于 JavaScript 函数与原型链之间的关系的分享,将会从函数开始讲起,一直讲到整个原型链是什么样子的,希望能给大家带来帮助。 函数的三种使用方式 JavaScript 中的函数大致有以下三种使用方式: 一、作为普通函数来使用 例如 // 定义函数 function foo() {} // 调用函数 foo(); 复制代码...
  9. 《后端也要懂一点前端系列》使用webpack搭建项目 笔者文笔功力尚浅,如有不妥,请慷慨指出,必定感激不尽 今天突然有兴致想要学习一下前端的技术,所以特此记录学习前端之路。由于之前在公司做的项目大部分都是关于 JSP 页面的增删改查,所以前端后端都是一个人来写的,对于前端还只是停留在 js、html、css 阶段,对于一些前端框架是一点也不了解,正好学习后端的时...
  10. web前端面试知识点整理 一、H5 新特性 本地存储 webStorage websocket webworkers 新增地理位置等API 对css3的支持 Canvas 多媒体标签 新增表单元素类型 结构标签:header nav article aside footer 表单标签:email url range date 媒体标签:video audio …… 二、css3 新特性 圆角:border-radius 阴影:box-shadow...
  11. JS中的同步异步编程 首先我们先看看同步与异步的定义,及浏览器的执行机制,方便我们更好地理解同步异步编程。 浏览器是多线程的,JS是单线程的(浏览器只分配一个线程来执行JS) 进程大线程小:一个进程中包含多个线程,例如在浏览器中打开一个HTML页面就占用了一个进程,加载页面的时候,浏览器分配一个线程去计算DOM树,分配其它...
  12. 前端数据结构与算法细致分析—中上(排序)本篇其实主要想讲数据结构的,但是结合上篇的时间复杂度来说的话,本篇我觉得写一些基本的排序算法,进而分析它的复杂度会好一些。
  13. 现代前端库开发指南系列(二):使用 webpack 构建一个库在前文中,我说过本系列文章的受众是在现代前端体系下能够熟练编写业务代码的同学,因此本文在介绍 webpack 配置时,仅提及构建一个库所特有的配置,其余配置请参考 webpack 官方文档。
  14. webpack4 中的 React 全家桶配置指南,实战这篇文档 是我在听 吕小明老师的课程,吕老师结合以往的项目经验 加上自己本身对react webpack redux理解写下的总结文档,总共耗时一周总结下来的,希望能对读者能够有收获, 我是在这基础多些加工,希望对你们有...
  15. [ES6 系列] 你真的了解ES6吗(一)ES6 将会是专栏接下来的一个系列,从最基础的概念或者有趣的问题开始逐渐深入,探究 ES6 常用的特性以及实际开发中遇到的问题。有些问题可能会比较奇葩,工作中根本不会写出这样的代码,但正是这些问题可以看出你...
  16. React Hooks 源码解析(一):类组件、函数组件、纯组件 React Hooks 源码解析(1):类组件、函数组件、纯组件 React 源码版本: v16.9.0 源码注释笔记:airingursb/react 1 Class Component VS. Functional Component 根据 React 官网,React 中的组件可分为函数式组件(Functional Component)与类组件(Class Component)。 1.1 Class Componen...
  17. Vue+PWA实践过程 最近这一年,作为一名前端狗,一直在优化性能的道路一去不回头。vue、nginx、webpack、redis,能做优化的地方,都不曾放过,只为那最后一秒的舒爽!(猥琐的一笑)。 之前一直对PWA所有关注,希望通过PWA对目前的项目做一次性能上的提升,趁着最近还算有点时间,对现在公司使用的前端结构做一次改造! 本次改造主要...
  18. 如何编写一个vue cli插件 使用 vue 进行开发的同学对vue-cli一定不会陌生,最初 vue-cli@2x的时代,我们使用的时候通常会去修改webpack来满足我们团队的需求,又或者通过自己维护一个脚手架,满足日常开发。 在vue-cli 升级为3x之后提供了插件的选项。cli插件作为vue-cli的部分,为我们提供了便利的开发环境,他使得我们的开发环境插件化,让我...

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

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

原文:20191207 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20191207.html)