- 博客(30)
- 收藏
- 关注
RSS订阅原创 人人都来学前端？
最近在私下里，有蛮多的朋友问我，能不能在没有学历的情况下，去报个培训班，学前端。我没有一一回答，今天把这个问题总结下，写成一篇文章来详细说明。大家的问题大致如下：没有学历可以做程序员吗？初中学历可以做程序员吗？中专可以做程序员吗？英语不好可以做程序员吗？年纪大了可以学前端吗？我的回答是：可以，只要你目标明确，有兴趣，有毅力，就行。行归行，但是如果不想付出，只想做程序员拿高薪...
2019-06-06 10:27:44
395
转载 前端特效demo | 值得收藏的6个 HTML5 Canvas 实用案例
HTML5 动画在Canvas 上得到了充分的发挥，我们 VIP 视频也分享过很多相关的动画特效制作视频，这次给大家带来 6 款超炫酷的HTML5 canvas 动画的 demo，一起来看看吧~文内附有时钟效果代码 demo 下载地址，感兴趣的小伙伴们可以收藏一下。1超绚丽的 HTML5 地图分布动画这是一款基于 HTML5 的地图应用，但它不同的地方在于它主要是在地图上实现分布动画...
2018-12-24 14:35:18
1568
原创 数据类型之字符串篇
公布上期答案：小驼峰我们经常用在变量、函数名属性名这样的标识符身上。而大驼峰的命名方式，我们更多用在class（类）上。这里需要注意的是：“不是一定要这样操作，而是一种默认的约定。遵从这样的方式命名，不容易一眼被看出来刚学习js哦~。今天我们要说的就是数据类型，新接触的小伙伴对这个可能就觉得比较迷糊了，怎么数据还有类型？？当然 上一期我们介绍了变量，利用变量我们可以大量减少重复的代码，...
2018-12-21 14:12:49
146
原创 前端特效demo | 一起围观 10 种创意时钟
时钟动画应用非常广泛，我们经常会看到一些相当个性化的HTML5时钟动画。今天我们向大家分享 10 款形态各异的超时尚时钟动画，其中有圆盘时钟、创意时钟、电子时钟等，希望大家会喜欢。文内附有时钟效果代码 demo 下载地址，感兴趣的小伙伴们可以收藏一下。这些炫酷时钟，你想要吗？1齿轮炫酷时钟部分代码展示Click clock to mute2魔法声波时钟部分代码展示3...
2018-12-20 15:25:20
994
原创 架构师究竟要不要写代码？
Talk is cheap, show me the code！但是在互联网企业中，身处技术要职的架构师到底需不需要写代码？在我们的专业领域中有一种普遍存在的误解：架构师的工作不需要写代码。就目前看来这似乎没什么问题。毕竟，写代码是开发人员的工作。架构师就应该在更重要的任务上忙碌。但是，让架构师远离写代码会限制开发团队的潜力。当需求和业务需要发生变化时，也可能导致架构混乱。所以对于业...
2018-12-17 14:13:20
312
原创 偷懒秘诀之变量篇
学习一个新语言的时候，总是苦恼的，例如：英文。但是作为主流语言，考试必考，又不能放弃，那我们就要选择一种好的学习方式啦~像是了解它的语法组成规则：“主谓宾定状补表同”。JavaScript也是一样哦~所以今天我们先来看看它的语法。在之前的篇章中我们已经说过ECMAScript的语法大量借鉴了C及其他类语言（不清楚的，看之前的文章哦~），那接下来，我们就具体来看看它的语法变量之前就说过，...
2018-12-14 14:35:31
132
转载 弹幕，是怎样练成的？
说起弹幕看过视频的都不会陌生，那满屏充满着飘逸评论的效果，让人如痴如醉，无法自拔最近也是因为在学习关于 canvas 的知识，所以今天就想和大家分享一个关于弹幕的故事那么究竟弹幕是怎样炼成的呢？ 我们且往下看(look)看什么？看效果效果图已经呈现给各位了，那么是不是有点小激动呢？是的，感慨万分，思绪宁乱，无语凝噎无论以后我们的工作中是否会遇到这样的需求，也请给自己一个增加技能的...
2018-12-13 15:55:02
185
原创 即学即用，轻松搞定这些选择器！（上）
所谓基本选择器是指选择器的名称前面没有其他选择器，即在组成上，基本选择器是单一名称。基本选择器主要包括：元素选择器ID 选择器类选择器伪类选择器伪元素选择器通用选择器元素选择器在 W3C 标准中，元素选择器又称为类型选择器。使用元素选择器设置样式的语法如下：元素选择器 { 属性 1: 属性值 1；属性 2: 属性值 2； ... }语法说明：元素选择器重新定...
2018-12-12 14:39:18
162
转载 炫酷粒子表白 | 听说女神都想谈恋爱了！
最近听女神说想谈恋爱了，✧(≖ ◡ ≖) 嘿嘿，一定不能放过这个机会，给她来个不一样的表白。那么咱们就一起来把这个粒子系统玩出花来吧演示地址：https://es2049.studio/work-show/textPraticle/如何将一系列的粒子组成一句表白呢？实现原理其实很简单，Canvas 中有个 getImageData 的方法，可以得到一个矩形范围所有像素点数据。那么我们...
2018-12-11 14:36:58
237
转载 年终回顾 | 为你汇总一份「前端技术清单」
2018 眼看就要过去了，今年的你相较去年技术上有怎样的收获呢？记得年初的时候我给自己制定了一个学习计划，现在回顾来看完成度还不错。但仍有些遗憾，一些技术点没有时间去好好学习。清单 github 地址https://github.com/alienzhou/frontend-tech-list不论你是正在自学前端遇到了瓶颈，还是对某些技术熟练掌握但某些还未涉足，都希望这份清单能对你有所...
2018-11-30 14:09:40
241
原创 JavaScript的使用你知道几种？(上)
往期回顾在上一期的《JavaScript的组成 | DOM/BOM》☜里，我们有对文档对象模型-DOM、浏览器对象模型-BOM这两大部分进行了解学习，如果有还不是很明白的小伙伴们，可以在上篇文章的下方留言给我哦，我会为大家解答的哦很快我们就进入了红宝书的第二章了！这章我们来讨论下在HTML中使用JavaScript的几种方法～（别着急走，我知道这是入门知识，但是你真的掌握了嘛？）来看看吧～...
2018-11-28 14:32:42
100
原创 前端算法题 | 这道题效率最高的算法，你可能不知道？
寻找最长的不含有重复字符的子串可能看标题不会明白这个题到底什么意思，来看看下面的例子：abcabcbb ➡ abc ➡ 3bbbb ➡ b ➡ 1pwwkew ➡ wke ➡ 3看了栗子是不是明白了呢？其实需求很简单，实现的方法也很多，不过在这里我要来写一种效率最高的算法，只需要一次循环就可解决： function findNoRepeatMaxLenStr...
2018-11-26 13:53:07
220
原创 Vue.js 3.0 新特性预览
Evan You（尤雨溪）（2018年11月16日）前几日的早上在 Vue Toronto 的主题演讲中预演了 Vue 3 。利用现代浏览器支持的新功能，Vue 3 将成为我们已经了解和喜爱的 Vue.js 强大的的改进版本。我们做了一些笔记并将其与下面的幻灯片结合起来分享给大家。总结起来，Vue 3 以下方面值得我们期待 ：更快更小更易于维护更多的原生支持更易于开发使用完...
2018-11-21 14:29:08
174
2
原创 JavaScript的组成 | DOM/BOM
往期回顾在上一期的《JavaScript的组成 | 核心-ECMAScript》☜里，我们有说到JavaScript 是由三大部分组成，分别是：核心ECMAScript、文档对象模型-DOM、浏览器对象模型-BOM那么本期就让我们继续往下说说DOM、BOM这两大部分吧：文档对象模型（DOM）面试官很喜欢问的：“你知道什么是文档对象模型吗？”，那今天我们一个个来解释一下吧：DOM：Do...
2018-11-19 13:48:53
106
原创 手把手教你实现一个 Vue 进度条组件！
最近在个人的项目中，想对页面之间跳转的过程进行优化，想到了很多文档或 npm 等都用到的页面跳转进度条，于是便想自己去实现一个，特此记录。来看下 npm 搜索组件时候的效果：so 下面咱们一起动手实现一下呗。定义使用方式想实现一个组件的前提，一定要想好你的需求是什么，还要自己去定义一个舒服的使用方法，这其中也是有原则的，对使用者来说，使用方式越简单越好。那么对应的代价就是写这个组件的复...
2018-11-16 12:00:14
1174
原创 前端特效【第04期】|果汁混合效果-下
往期回顾在上一期的【前端特效】☜里，我们已经把果汁混合的效果里面的圆形菜单做好了，如果你错过了上篇文章今天我们要讨论的是杯子里面的液体生成问题先来回顾下咱们的果汁混合效果吧果汁混合效果，扫描下方二维码就看到啦：我们接着上期的内容来继续往下讲吧，本期来实现点击添加不同颜色的果汁以及混合的效果吧其实杯子里面的液体更多的是用了“障眼法”哦，要做这个效果用到的知识点其实不多。关键的是思路，...
2018-11-15 11:00:55
227
原创 前端常用插件、工具类库汇总（下）
前言对本文感兴趣可以先加个收藏，也可以转发分享给身边的小伙伴，以后遇到类似的场景就来看看具体的插件及其用法。上一篇《前端常用插件、工具类库汇总（上）》内容摘要：动画库滚动库轮播图滚屏弹出框消息通知下拉框级联选择器颜色选择器时间日期处理表单验证分页插件本篇延续上一篇的内容继续给大家带来一系列关于前端插件、工具类的内容。富文本编辑器wangEditorhttp...
2018-11-13 11:16:02
506
1
原创 前端常用插件、工具类库汇总（上）
前言在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往往一个解决方案会有多个插件，需要读者根据自己的实际业务需求进行甄别选用，欢迎留言交流和补充。函数库Loda...
2018-11-12 11:15:40
10652
1
原创 前端特效【第03期】|果汁混合效果-上
前几天有一个热心的小伙伴找到我说，我看到一个很好看的效果，可不可以讲讲？这种要求我向来是不会拒绝的，于是就有了今天的案例。同样，大家以后如果有什么想要了解的效果的话，也可以在下方留言给我，说不定我的下一个视频讲解就是你想要的案例哦…先上图看看卡哇伊的设计：当然光看静图没什么意思，想要看最终效果的话，扫描下方二维码就看到啦：可能对于刚刚接触前端不久的小伙伴来说，效果稍微复杂了一点点，没关...
2018-11-09 10:21:45
118
原创 玩转 React 【第03期】：邂逅 React 组件
上期回顾前文我们讲解了 React 模板 JSX，接着我们继续来看看 React 组件又是如何工作的呢？组件化开发到了今天已经是大家的共识，在 React 中，组件同样也是组成我们整个项目的基本单元。react 中组件可以将UI切分成一些的独立的、可复用的部件。组件的返回值是一个需要在也页面上显示的 React 元素，也就是说 React 中组件必须有返回值。示例如下：functio...
2018-11-08 10:33:07
110
原创 前端修炼の道 | 如何成为一名合格前端开发工程师？
上期回顾在上一节我们已了解前端开发是做什么的，现在的问题是，如何才能成为一名合格的前端开发工程师？ 相信这个问题是大家比较关心的。前端开发工程师如果大家在一些搜索引擎上搜索“前端开发工程师”需要具备什么技能？可以看到搜索结果中会出现许多诸如要掌握：“HTML” “CSS” “JavaScript” “DOM” “Ajax” “React.js” “vue. js” “node.js” 等...
2018-11-06 10:36:24
130
原创 JavaScript和它父亲的故事
附赠脱单秘籍：了解一些JavaScript的历史，聊天的时候说不好可以获得更多程序员小妹子的崇拜的哟~ ๑乛◡乛๑~阅读本文可以让你更好的理解什么是ECMAScript。本次文章内容来自：《JavaScript高级程序设计》，本书可以说在学习JavaScript的路上一直被奉为经典之作。但是因为纸质书相对厚重，不是很方便，并且内容较多，小伙伴可能望而却步，这次专门准备了红宝书系列，从每一章...
2018-11-05 10:35:12
137
原创 前端特效【第02期】|多功能提交按钮
话说提交按钮可能是我们工作生活中最常见的东西了，比如我现在在写这篇文章，下面就有一个大大的按钮，甭管上面写的什么文字，我知道点了那个按钮，我这篇文章就算是发出去了。所以按钮的作用可见一斑。但是一般的按钮是很难满足我们所有的需求的，或者说很难满足用户的心理预期的。从设计的角度出发，按钮应该至少存在五中状态：默认状态，悬停状态，点击状态，选中状态以及禁用状态。不过我们平常很难见到这样的按钮，能有...
2018-11-02 15:35:50
146
原创 玩转 React【第02期】：恋上 React 模板 JSX
往期回顾前文中我们讲解了利用 ReactElement 来编写React程序,但是我们也看到这种方式编写 React 特别的麻烦，而且层级结构特别不清晰。今天我们来看一种优雅的编写React的代码的一种方式 JSX。JSXJSX就是把 js 和 xml 结合起来编写程序的一种格式，简单的说就是给我们的 JS 添加了 XML 的语法扩展。有了 JSX 之后，可以帮助我们在编写模板的时候结构更...
2018-10-31 14:06:33
85
原创 零基础入门前端的修炼之道
本文是为了给那些想要了解前端开发是什么，或者刚刚打算开始学习前端的朋友们准备，希望可以帮助准备入行的你;总所周知，目前无论是企业还是个人，都会有制作网站、博客、小程序等需求,他们希望把自己的产品或服务通过互联网展示给更多用户。在这种情况下, 对于刚刚接触这方面的新人来说，可能先需要了解一个网站的从零到有的制作过程会涉及哪些环节。简单的来说网站的诞生过程会经历这些环节策划 > 设计 &...
2018-10-30 11:20:32
121
转载 React 新 Context API 在前端状态管理的实践
本文转载至：今日头条技术博客众所周知，React的单向数据流模式导致状态只能一级一级的由父组件传递到子组件，在大中型应用中较为繁琐不好管理，通常我们需要使用Redux来帮助我们进行管理，然而随着React 16.3的发布，新context api成为了新的选择。一、Redux的简介以及缺陷Redux来源于Flux并借鉴了Elm的思想，主要原理如下图所示：可以看到，Redux的数据流其实...
2018-10-29 14:37:07
89
原创 代码改变世界 | 如何封装一个简单的 Koa
下面给大家带来：封装一个简单的 KoaKoa 是基于 Node.js 平台的下一代 web 开发框架Koa 是一个新的 web 框架，可以快速而愉快地编写服务端应用程序，本文将跟大家一起学习：封装一个简单的 Koa一个简单的 http 服务使用 node 提供的 http 模块，可以很容易的实现一个基本的 http 服务器，新建一个 application.js 文件，内容如下：con...
2018-10-26 15:55:48
138
原创 前端特效炫酷输入框
今天给大家分享的是：前端特效之炫酷输入框文本输入框在网页应用当中很常见，不管是登录或者是注册等，凡是需要用户输入文字的地方都离不开它，而在一个普通的输入框上面加上一点交互动画，就会让这个输入框变的更加的美观好玩，也可以给用户带来更好的体验；好了废话不多说，我们去看看它背后的实现原理是什么吧。在这里我准备了一个3D效果图，把整个元素层级都分离出来了，这样的话大家会看得更加清楚一些可以看到...
2018-10-25 11:39:57
1853
原创 移动端 H5 场景应用【破茧成蝶】案例鉴赏
移动端 H5 场景应用【破茧成蝶】案例鉴赏移动端【破茧成蝶】场景请用微信扫描二维码访问（温馨提示：H5案例有声音，请打开声音体验）：案例：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><t
2018-10-10 16:22:45
1681
转载 跳槽季？测试题没有80分，你真的准备好换工作了吗？
跳槽季？测试题没有80分，你真的准备好换工作了吗？这套简单的技术测试题，你能的多少分呢金九银十，换工作热潮来临！不满意现有工作？想换更好的公司发展？先试试自己的技术基础是否扎实吧~俗话说：“ 知彼知己，百战不殆 ” 测一测这些前端面试题，你能得多少分？话不多说，直接放上测试题吧没拿满分？不知道哪里做错了？来听听专业的解析吧~[link]https://study.miaov.c...
2018-09-29 18:06:50
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人