- 博客(34)
- 收藏
- 关注
RSS订阅转载 前端修炼の道 | 你知道哪些复合选择器？
复合选择器是通过基本选择器进行组合后构成的，常用的复合选择器有：交集选择器并集选持器后代选择器子元素选择器相邻兄弟选择器属性选择器交集选择器交集选择器由两个选择器直接连接构成，其中第一个选择器必须是元素选择器，第二个选择器必须是类选择器或者 ID 选择器，例如：div.txt、d...
2018-12-27 10:27:00
557
转载 圣诞节快乐 | 圣诞特效来了！！
圣诞节（Christmas）又称耶诞节、耶稣诞辰，译名为“基督弥撒”，是西方传统节日，起源于基督教，在每年公历12月25日。作为程序员的我们怎么庆祝这个节日呢?当然是少不了圣诞特效啦~卡通圣诞节动画HTML5 基于 svg 绘制调皮圣诞老人，圣诞节祝福语动画场景特效。仿圣诞节京东抽奖仿圣诞节京东抽奖活动页面，转动抽奖圣诞节下雪动画...
2018-12-26 14:06:00
844
转载 前端特效demo | 值得收藏的6个 HTML5 Canvas 实用案例
HTML5 动画在Canvas 上得到了充分的发挥，我们 VIP 视频也分享过很多相关的动画特效制作视频，这次给大家带来 6 款超炫酷的HTML5 canvas 动画的 demo，一起来看看吧~文内附有时钟效果代码 demo 下载地址，感兴趣的小伙伴们可以收藏一下。1超绚丽的 HTML5 地图分布动画这是一款基于 HTML5 的地图应用，但它...
2018-12-24 14:16:00
605
转载 数据类型之字符串篇
公布上期答案：小驼峰我们经常用在变量、函数名属性名这样的标识符身上。而大驼峰的命名方式，我们更多用在class（类）上。这里需要注意的是：“不是一定要这样操作，而是一种默认的约定。遵从这样的方式命名，不容易一眼被看出来刚学习js哦~。”【点击查看上一期】今天我们要说的就是数据类型，新接触的小伙伴对这个可能就觉得比较迷糊了，怎么数据还有类型？？当然~上一...
2018-12-21 13:53:00
205
转载 前端特效demo | 一起围观 10 种创意时钟
时钟动画应用非常广泛，我们经常会看到一些相当个性化的HTML5时钟动画。今天我们向大家分享 10 款形态各异的超时尚时钟动画，其中有圆盘时钟、创意时钟、电子时钟等，希望大家会喜欢。文内附有时钟效果代码 demo 下载地址，感兴趣的小伙伴们可以收藏一下。这些炫酷时钟，你想要吗？1齿轮炫酷时钟部分代码展示Click clock to mute...
2018-12-20 14:08:00
319
转载 即学即用，轻松搞定这些选择器！（下）
在上一篇文章中，我们讲到基础选择器中的元素选择器、ID选择器、类选择器。本期我们继续看一下伪类选择器、伪元素选择器、通用选择器的使用方法。伪类选择器伪类是指逻辑上存在、但文档树中并不存在的“幽灵”分类，通常用于给元素某些特定状态添加样式。伪类典型的应用就是为超链接添加未访问、访问过后、悬停和活动四种链接状态。从效果上看，存在伪类对应的类名，但实际上并没有...
2018-12-18 11:11:00
139
转载 架构师究竟要不要写代码？
Talk is cheap, show me the code！但是在互联网企业中，身处技术要职的架构师到底需不需要写代码？在我们的专业领域中有一种普遍存在的误解：架构师的工作不需要写代码。就目前看来这似乎没什么问题。毕竟，写代码是开发人员的工作。架构师就应该在更重要的任务上忙碌。但是，让架构师远离写代码会限制开发团队的潜力。当需求和业务需要发生变化时，也可能导致...
2018-12-17 11:15:00
174
转载 偷懒秘诀之变量篇
学习一个新语言的时候，总是苦恼的，例如：英文。但是作为主流语言，考试必考，又不能放弃，那我们就要选择一种好的学习方式啦~像是了解它的语法组成规则：“主谓宾定状补表同”。JavaScript也是一样哦~所以今天我们先来看看它的语法。在之前的篇章中我们已经说过ECMAScript的语法大量借鉴了C及其他类语言（不清楚的，看之前的文章哦~），那接下来，我们就具体来看看它的...
2018-12-14 13:59:00
98
转载 弹幕，是怎样练成的？
说起弹幕看过视频的都不会陌生，那满屏充满着飘逸评论的效果，让人如痴如醉，无法自拔最近也是因为在学习关于 canvas 的知识，所以今天就想和大家分享一个关于弹幕的故事那么究竟弹幕是怎样炼成的呢？ 我们且往下看(look)看什么？看效果效果图已经呈现给各位了，那么是不是有点小激动呢？是的，感慨万分，思绪宁乱，无语凝噎无论以后我们的...
2018-12-13 14:43:00
180
转载 即学即用，轻松搞定这些选择器！（上）
所谓基本选择器是指选择器的名称前面没有其他选择器，即在组成上，基本选择器是单一名称。基本选择器主要包括：元素选择器ID 选择器类选择器伪类选择器伪元素选择器通用选择器元素选择器在 W3C 标准中，元素选择器又称为类型选择器。使用元素选择器设置样式的语法如下：元素选择器{属...
2018-12-12 11:16:00
114
转载 炫酷粒子表白 | 听说女神都想谈恋爱了！
最近听女神说想谈恋爱了，✧(≖ ◡ ≖) 嘿嘿，一定不能放过这个机会，给她来个不一样的表白。那么咱们就一起来把这个粒子系统玩出花来吧演示地址：https://es2049.studio/work-show/textPraticle/如何将一系列的粒子组成一句表白呢？实现原理其实很简单，Canvas 中有个 getImageData 的方法，可以得到一个...
2018-12-11 13:57:00
136
转载 年终回顾 | 为你汇总一份「前端技术清单」
2018 眼看就要过去了，今年的你相较去年技术上有怎样的收获呢？记得年初的时候我给自己制定了一个学习计划，现在回顾来看完成度还不错。但仍有些遗憾，一些技术点没有时间去好好学习。清单github 地址https://github.com/alienzhou/frontend-tech-list不论你是正在自学前端遇到了瓶颈，还是对某些技术熟练掌握但某些还未涉足，都...
2018-11-30 13:45:00
144
转载 JavaScript的使用你知道几种？(上)
往期回顾在上一期的《JavaScript的组成 | DOM/BOM》☜里，我们有对文档对象模型-DOM、浏览器对象模型-BOM这两大部分进行了解学习，如果有还不是很明白的小伙伴们，可以在上篇文章的下方留言给我哦，我会为大家解答的哦很快我们就进入了红宝书的第二章了！这章我们来讨论下在HTML中使用JavaScript的几种方法～（别着急走，我知道这是入门知...
2018-11-28 11:37:00
153
转载 前端修炼の道 | <div> 标签简介
<div> 标签是最基本的，同时也是最常用的标签。该标签是一个双标签，出现在主体区域中，主要作为一个容器标签来使用，在 <div> 标签中可以包含除 <body> 之外的所有主体标签。每一对 <div></div> 标签在 HTML 页面中都会构建一个区块，我们可以通过 <div> 将页面划分成许多...
2018-11-27 13:51:00
576
转载 前端算法题 | 这道题效率最高的算法，你可能不知道？
寻找最长的不含有重复字符的子串可能看标题不会明白这个题到底什么意思，来看看下面的例子：abcabcbb ➡abc➡ 3bbbb ➡b➡ 1pwwkew ➡wke➡ 3看了栗子是不是明白了呢？其实需求很简单，实现的方法也很多，不过在这里我要来写一种效率最高的算法，只需要一次循环就可解决：function fi...
2018-11-26 11:28:00
122
转载 Vue.js 3.0 新特性预览
Evan You（尤雨溪）（2018年11月16日）前几日的早上在 Vue Toronto 的主题演讲中预演了 Vue 3 。利用现代浏览器支持的新功能，Vue 3 将成为我们已经了解和喜爱的 Vue.js 强大的的改进版本。我们做了一些笔记并将其与下面的幻灯片结合起来分享给大家。总结起来，Vue 3 以下方面值得我们期待 ：更快更小...
2018-11-21 11:16:00
147
转载 JavaScript的组成 | DOM/BOM
往期回顾在上一期的《JavaScript的组成 |核心-ECMAScript》☜里，我们有说到JavaScript 是由三大部分组成，分别是：核心ECMAScript、文档对象模型-DOM、浏览器对象模型-BOM那么本期就让我们继续往下说说DOM、BOM这两大部分吧：文档对象模型（DOM）面试官很喜欢问的：“你知道什么是文档对象模...
2018-11-19 11:16:00
228
转载 手把手教你实现一个 Vue 进度条组件！
最近在个人的项目中，想对页面之间跳转的过程进行优化，想到了很多文档或 npm 等都用到的页面跳转进度条，于是便想自己去实现一个，特此记录。来看下 npm 搜索组件时候的效果：so 下面咱们一起动手实现一下呗。定义使用方式想实现一个组件的前提，一定要想好你的需求是什么，还要自己去定义一个舒服的使用方法，这其中也是有原则的，对使用者来说，使用方式越简单越好。那么对...
2018-11-16 11:20:00
1049
转载 前端特效【第04期】|果汁混合效果-下
往期回顾在上一期的【前端特效】☜里，我们已经把果汁混合的效果里面的圆形菜单做好了，如果你错过了上篇文章今天我们要讨论的是杯子里面的液体生成问题先来回顾下咱们的果汁混合效果吧果汁混合效果，扫描下方二维码就看到啦：我们接着上期的内容来继续往下讲吧，本期来实现点击添加不同颜色的果汁以及混合的效果吧其实杯子里面的液体更多的是用了“障眼法”哦，要做这...
2018-11-15 10:12:00
113
转载 前端常用插件、工具类库汇总（下）
前言对本文感兴趣可以先加个收藏，也可以转发分享给身边的小伙伴，以后遇到类似的场景就来看看具体的插件及其用法。上一篇《前端常用插件、工具类库汇总（上）》内容摘要：“动画库滚动库轮播图滚屏弹出框消息通知下拉框级联选择器颜色选择器时间日期处理表单验...
2018-11-13 10:10:00
194
转载 前端常用插件、工具类库汇总（上）
前言在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往往一个解决方案会有多个插件，需要读者根据自己的实际业务需求进行甄别选用，欢迎留言交流和补充。...
2018-11-12 10:26:00
156
转载 前端特效【第03期】|果汁混合效果-上
前几天有一个热心的小伙伴找到我说，我看到一个很好看的效果，可不可以讲讲？这种要求我向来是不会拒绝的，于是就有了今天的案例。同样，大家以后如果有什么想要了解的效果的话，也可以在下方留言给我，说不定我的下一个视频讲解就是你想要的案例哦...先上图看看卡哇伊的设计：当然光看静图没什么意思，想要看最终效果的话，扫描下方二维码就看到啦：可能对于刚刚接触前端不久的...
2018-11-09 09:41:00
132
转载 玩转 React 【第03期】：邂逅 React 组件
上期回顾前文我们讲解了 React 模板 JSX，接着我们继续来看看React 组件又是如何工作的呢？组件化开发到了今天已经是大家的共识，在 React 中，组件同样也是组成我们整个项目的基本单元。react 中组件可以将UI切分成一些的独立的、可复用的部件。组件的返回值是一个需要在也页面上显示的 React 元素，也就是说 React 中组件必...
2018-11-08 09:40:00
87
转载 前端修炼の道 | 如何成为一名合格前端开发工程师？
上期回顾在上一节我们已了解前端开发是做什么的，现在的问题是，如何才能成为一名合格的前端开发工程师？ 相信这个问题是大家比较关心的。前端开发工程师如果大家在一些搜索引擎上搜索“前端开发工程师”需要具备什么技能？可以看到搜索结果中会出现许多诸如要掌握：“HTML” “CSS” “JavaScript” “DOM” “Ajax” “React.js” “vue. js” “...
2018-11-06 09:44:00
101
转载 JavaScript和它父亲的故事
附赠脱单秘籍：了解一些JavaScript的历史，聊天的时候说不好可以获得更多程序员小妹子的崇拜的哟~๑乛◡乛๑~阅读本文可以让你更好的理解什么是ECMAScript。本次文章内容来自：《JavaScript高级程序设计》，本书可以说在学习JavaScript的路上一直被奉为经典之作。但是因为纸质书相对厚重，不是很方便，并且内容较多，小伙伴可能望而却...
2018-11-05 09:46:00
119
转载 前端特效【第02期】|多功能提交按钮
话说提交按钮可能是我们工作生活中最常见的东西了，比如我现在在写这篇文章，下面就有一个大大的按钮，甭管上面写的什么文字，我知道点了那个按钮，我这篇文章就算是发出去了。所以按钮的作用可见一斑。但是一般的按钮是很难满足我们所有的需求的，或者说很难满足用户的心理预期的。从设计的角度出发，按钮应该至少存在五中状态：默认状态，悬停状态，点击状态，选中状态以及禁用状态。不过我们平常很...
2018-11-02 15:59:00
156
转载 玩转 React【第02期】：恋上 React 模板 JSX
往期回顾前文中我们讲解了利用 ReactElement 来编写React程序,但是我们也看到这种方式编写 React 特别的麻烦，而且层级结构特别不清晰。今天我们来看一种优雅的编写React的代码的一种方式 JSX。JSXJSX就是把 js 和 xml 结合起来编写程序的一种格式，简单的说就是给我们的 JS 添加了 XML 的语法扩展。有了 JSX 之后，可以帮助我...
2018-10-31 09:50:00
85
转载 零基础入门前端的修炼之道
本文是为了给那些想要了解前端开发是什么，或者刚刚打算开始学习前端的朋友们准备，希望可以帮助准备入行的你;总所周知，目前无论是企业还是个人，都会有制作网站、博客、小程序等需求,他们希望把自己的产品或服务通过互联网展示给更多用户。在这种情况下, 对于刚刚接触这方面的新人来说，可能先需要了解一个网站的从零到有的制作过程会涉及哪些环节。简单的来说网站的诞生过...
2018-10-30 10:11:00
96
转载 React 新 Context API 在前端状态管理的实践
本文转载至：今日头条技术博客众所周知，React的单向数据流模式导致状态只能一级一级的由父组件传递到子组件，在大中型应用中较为繁琐不好管理，通常我们需要使用Redux来帮助我们进行管理，然而随着React 16.3的发布，新context api成为了新的选择。一、Redux的简介以及缺陷Redux来源于Flux并借鉴了Elm的思想，主要原理如下图所示：可以...
2018-10-29 10:01:00
105
转载 代码改变世界 | 如何封装一个简单的 Koa
下面给大家带来：封装一个简单的 KoaKoa 是基于 Node.js 平台的下一代 web 开发框架Koa 是一个新的 web 框架，可以快速而愉快地编写服务端应用程序，本文将跟大家一起学习：封装一个简单的 Koa一个简单的 http 服务使用 node 提供的 http 模块，可以很容易的实现一个基本的 http 服务器，新建一个 application.js 文...
2018-10-26 17:22:00
117
转载 单例模式 | 程序员都想要探索的 Javascript 设计模式
最近打算系统的学习 Javascript 设计模式，以便自己在开发中遇到问题可以按照设计模式提供的思路进行封装，这样可以提高开发效率并且可以预先规避很多未知的问题。先从最基本的单例模式开始什么是单例模式单例模式，从名字拆分来看，单指的是一个，例是实例，意思是说多次通过某个类创造出来实例始终只返回同一个实例，它限制一个类只能有一个实例。单例模式主要是为了解决对象的创建...
2018-10-22 17:58:00
109
转载 究竟 javascript 错误处理有哪些类型？
有时候，在自己封装的工具函数中，不传参或传入了错误类型的参数，也要适当的抛出一些错误以示警告；使用框架不正常情况下也会抛出错误，如果对错误一无所知，便无从下手调试。综合上述，了解错误的处理机制是多么必要。以下是笔者归纳总结，如有误之处，欢迎指出。 错误构造函数javascript规范中总共有8中错误类型构造函数Error -- 错误对象...
2018-10-19 13:47:00
121
转载 前端小白凭什么杀进 BAT？
七天国庆黄金周转眼即逝，退散的除了出游的热情，还有一波求职热潮...IT 行业的技术者，时常被称为“码农、IT民工” 虽然行业内巨大的人才需求和相对容易得到的高薪，在源源不断的吸引各路人马加入，但它依旧在全球最缺人的十大行业中位居榜首。遇到很多小伙伴问我这样一个问题：大学计算机技术相关专业 加上 IT 培训机构的输出，每年培养出来的技术人才加起来少数也有10多万，为什...
2018-10-09 16:36:00
121
转载 金九银十，换工作热潮来临！
金九银十，换工作热潮来临！不满意现有工作？想换更好的公司发展？先试试自己的技术基础是否扎实吧~俗话说：“ 知彼知己，百战不殆 ” 测一测这些前端面试题，你能得多少分？没拿满分？不知道哪里做错了？来听听讲师给大家的现场分析吧，技术这个领域里，知其然更要知其所以然！https://study.miaov.com/study/sh...
2018-09-29 15:27:00
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人