67 个拯救前端开发者的工具、库和资源;CSS3 常见的动画效果;如何学习Vue2源码;vue-仿手机qq的demo;javascript面向对象实战思想;JS 遇上 IOT;web图片响应式自适应结合懒加载的最佳方案;漫谈 React 组件库开发(一):多层嵌套弹层组件
-
67 个拯救前端开发者的工具、库和资源 在本文中,我不会去谈 React、Angular、Vue 等等这些大的前端框架,也不会谈 Atom、VS code、Sublime 等等这些已经很出名的代码编辑器,我只是想简单的分享一套我认为有助于提升开发者工作流的工具集。 这套工具集中的大部分你可能见过,也
-
CSS3 常见的动画效果 前言 由于 CSS3 的推出,让有些动画不在以 JS 来实现,仅仅依靠 CSS 就可以实现许多动画效果。提高了性能同时,又增加了很多趣味性。 接下来我会持续更新大家常用到的CSS效果,供大
-
如何学习Vue2源码 近期我们把微信公众平台管理端的前端框架切成 MVVM 架构,框架层面最终我们选择了 Vue ,为了更了解 Vue,阅读Vue源码是必要的。 我参考的 Vue 版本是 2.2.0 ,整个项目的代码1万2千行,如果不搞清楚原理,直接每一行看下来肯定会漏掉不少细节,或者对作者为什么这样写代码感到莫名其妙。 如此庞大的项目…
-
vue-仿手机qq的demo 概述 这是一个16年9月份找的开源项目源代码,结合自己的实际情况进行的修改项目,以后内容将会有很大的不同,项目的目标是向QQ看齐 页面效果展示 效果展示 免责声明 本项目为开源项目,如有类同,纯属巧合。 项目已实现功能 侧边栏 联系页面 动态页面 信息列表 搜索好友 对话页面 信息…
-
javascript面向对象实战思想 一直以来,很多新手都会经常问,我学完了基础知识,如何做项目?平时在公司工作都是做些什么?其实我想说,只要你找对方法,随便打开一个网站,都能是你的项目。 这里指的面向对象不单单适用于javascript,也适用其他语言。 万物皆对象,所以,任何事物都是有特征(属性)和动作(方法)的,一般拿到一份需求分档,或者…
-
JS 遇上 IOT 1995年,当工作于 Netscape 的 Brendan Eich着手为Netscape Navigator 2.0 开发一个称之为 LiveScript 的脚本语言时,没有人会想到avascript将在今天的互联网软件开发中发挥重要作用。如今,Javasc 1995年,当工作于 Netscape 的 Brendan Eich着手为Netscape Navigator 2.0 开发一个称之为 LiveScript 的脚本语言时,没有人会想到avascript将在今天的互联网软件开发中发挥重要作用。如今,Javasc
-
#CSS#【web图片响应式自适应结合懒加载的最佳方案】在响应式布局中,通常图片自适应是没法带上宽度和高度的,或者是需要使用JavaScript来计算出它的合适宽高,而且在使用懒加载时,我们会默认给一个占位图片,一个占位…请戳→ #前端开发博客#
-
漫谈 React 组件库开发(一):多层嵌套弹层组件引言 UI 组件中有很多弹出式组件,常见的如 Dialog,Tooltip 以及 Select 等。这些组件都有一个特点,它们的弹出层通常不是渲染在当前的 DOM 树中,而是直接插入在 body (或者其它类似的地方)上的。这么做的主…
-
JavaScript 之模块化篇 什么是模块化? 模块化就是把系统分离成独立功能的方法,这样我们需要什么功能,就加载什么功能。 优点:可维护性:根据定义,每个模块都是独立的,良好设计的模块会尽量与外
-
从0实现一个tiny react(二) 从0实现一个tiny react(二) 考虑一下这个例子 地址点击预览: <span type
-
基于TVUE框架在中型移动端项目的直出同构实践 一、前言 TVUE框架是WONDER和harryxiang、mitnickliu、justynchen、yucongchen、roamye等小伙伴在vuejs框架基础上结合业务本身做的一系列优化,封装,改进的框架实践,同时也学习借鉴了部分企鹅动漫项目组的一些优秀的思想。包含脚手架,基于QUI的VUE组件,最新的JS语法特性,PWA,内置SONIC加速方案,配套可扩展的编…
-
React 全家桶与前端单元测试艺术 TL;DR——什么是好的单元测试? 其实我是个标题党,单元测试根本没有“艺术”可言。 好的测试来自于好的代码,如果说有艺术,那也是代码的艺术。 注:以下“测试”一词,如非特指均为单元测试。 单元测试的好坏在于“单元”而不在“测试”。如果一个系统毫无单元可言,那就没法进行单元测试,几乎…
-
80+代码实现一个React版本的酷炫动效简历 预览地址: 这就是预览地址:方正的React实验室(手机上看也可以,就是字体比较小) 这是项目地址:方正github「无耻求:星,没星点赞,哈哈哈」
-
《微软 Edge 和 IE 浏览器市场份额持续走低》 那前端开发者怎么看这个资讯的呢? 昨日在我们公*号推文后,部分评论请见附图 [允悲][允悲][允悲]
-
处理 Vue 单页面 SEO 的另一种思路 vue-meta-info 官方地址: monkeyWangs/vue-meta-info (设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plu
-
Vue.js 服务端渲染业务入门实践作者:威威(沪江前端开发工程师)本文原创,转载请注明作者及出处。 背景 最近, 产品同学一如往常笑嘻嘻的递来需求文档, 纵使内心万般拒绝, 身体倒是很诚实。 接过需求,好在需求不复杂, 简单构思 后决定用V…
-
Webpack 工程的 PWA 实战 本文来自作者 Jrain'L 在 GitChat 上精彩分享 【文末有惊喜】 前言 在现代化的前端开发中,webpack 已经成为了标配。与此同时,随着 Google 等一线互联网公司的大力推行,PWA(Progr 本文来自作者 Jrain'L 在 GitChat 上精彩分享 【文末有惊喜】 前言 在现代化的前端开发中,webpack 已经成为了标配。与此同时,随着 Google 等一线互联网公司的大力推行,PWA(Progr 本文来自作者 Jrain'L 在 GitChat 上精彩分享 【文末有惊喜】 前言 在现代化的前端开发中,webpack 已经成为了标配。与此同时,随着 Google 等一线互联网公司的大力推行,PWA(Progr
-
asm.js 和 Emscripten 入门教程 Web 技术突飞猛进,但是有一个领域一直无法突破 —- 游戏。 游戏的性能要求非常高,一些大型游戏连 PC 跑起来都很吃力,更不要提在浏览器的沙盒模型里跑了!但是,尽管很困难,许多开发者始终没放弃,希望让浏览器运行 3D 游戏。 2012年,Mozilla 的工程师 Alon Zakai 在研究 LLVM 编译器时突发奇想:许多 3D…
-
#JavaScript#【转载:javascript特性杂谈】环境Mac OS X 10.8.2, node v0.8.16需要解释一下, node跟浏览器里嵌入的javascript不一样, 不具有类似confirm和prompt等接口, 我用console.log来输出.概要JavaScript本身就是设计为一…请戳→ #前端开发博客#
-
Webpack优于其他打包工具的地方 Webpack是一个JavaScript模块打包工具,如官网宣传的那样。它有一个贴切的名字。但在本文中,我想完成的是详述Webpack真正强大的地方。 本文不会介绍如何使用Webpack,而是解析使它比一般打包工具变得更为特殊的原因。 ##We
-
你不知道的CSS(二) 在上文《你不知道的CSS(一)》中,介绍了兄弟选择器美化表单,font-size:0消除间隙,overflow清除浮动,border绘制三角形等7个实用技巧。由于文章长度限制,还遗留了一些技巧没有介绍,考虑到日后可能会有更多的技巧需要补充进来,便将上文改名为你
前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多