前端
关注
分享
扫一扫
文章平均质量分 95
程序员一木
这个作者很懒，什么都没留下…
展开
-
零基础如何迅速学习前端？
零基础如何迅速学习前端？“由于从事新媒体推广工作，现在在移动端流行“高大上”的HTML5。作为代码零基础的我，该如何迅速学习HTML（或HTML5）？”所以下面分两种情况来分析：1.如果题主零基础的情况下想去学代码的话，就得把HTML5、CSS3、JavaScript三个一口气都学了，这样就不需要各种求供应商和技术了。这种情况下建议题主在网上学习+课本学习同步进行：网上学习强推网易云课堂...原创 2019-05-04 11:02:47 · 362 阅读 · 0 评论 -
前端开发的难点到底在什么地方?
前端开发的难点到底在什么地方?这两年由于单身时间很多,绝大部分时间都投入到学习中,基本上Java跟前端双修,前一阵子由于部门前端实在是招不上人(现在前端这么缺?)我被拉过去就火了三个月。标题现在我有几个疑问,前端的技术难点到底在什么地方?为了不引起不必要的争论,我们假定前端指的是web前端业务开发的那部分前端,也就是狭义上的前端,之于什么可视化、游戏、前端工具框架设计这种是不算的,同样,后端...原创 2019-05-05 14:16:52 · 17493 阅读 · 0 评论 -
前端工程师需要哪些技能？
前端工程师需要哪些技能？本来是程序员，主要做程序开发的，对前端很感兴趣，但是设计只懂皮毛。HTML, JavaScript，XML，DOM 之类还是比较熟悉的，请问适合转行去做前端工程师吗？还需要什么技能？不太懂设计这个问题大不大？前端工程师不一定需要懂设计方面。倘若有这等要求，前端工程师岂不是一项除其本身特征性工作外还包含用户界面设计、视觉设计、业务逻辑及交互动画设计师等工作的职称了么！前...原创 2019-05-05 14:29:58 · 4845 阅读 · 0 评论 -
java面试中可能被问到的常用排序算法
排序算法排序算法是一种比较简单的算法，从我们一开始接触计算机编程开始接触的可能就是排序或者搜索一类的算法，但是因为排序在其他的一些算法中应用较多，所以为了提高性能已经研究了多种排序算法。目前区别排序算法主要还是以时间复杂度，空间复杂度，稳定性等来排序，接下来我们分别分析。稳定性算法区别一个排序算法是否是稳定算法只需看相同的关键字在排序完成后是否保持原来两者的前后关系即可，比如对于[1,...原创 2019-05-13 18:58:50 · 400 阅读 · 0 评论 -
web前端开发需要学习什么?需要哪些开发工具?
web前端开发需要学习什么?需要哪些开发工具?web前端工程师其实在不同的公司,有不同的职能,但是称呼都是类似的 1.做网站设计、网页界面开发 2.做网页界面开发 3.做网页界面开发、前台数据绑定和前台逻辑的处理(我是属于这种的) 4.设计、开发、数据 web前端开发需要掌握的技术： 1.学习html这个是最简单的,也是最基础的.要熟练掌握...原创 2019-05-25 12:42:10 · 26486 阅读 · 2 评论 -
小白必看：浅谈web前端就业的学习路线
小白必看：浅谈web前端就业的学习路线主要学习三个部分：HTML，CSS，JavaScript一、html + css部分：这部分特别简单，到网上搜资料，书籍视频非常多。css中盒子模型，流动，block，inline，层叠，样式优先级等这些自学起来也是非常容易。最后再深入了解下浏览器差异性，ie9以下兼容简单了解就行了，ie9以下浏览器被淘汰掉是趋势，低版本没必要浪费大...原创 2019-05-25 12:43:36 · 239 阅读 · 0 评论 -
CSS实现兼容性的渐变背景(gradient)效果
CSS实现兼容性的渐变背景(gradient)效果一、有点俗态的开场白要是两年前，实现“兼容性的渐变效果”这个说法估计不会被提出来的，那个时候，说起渐变背景，想到的多半是IE的渐变滤镜，其他浏览器尚未支持，但是，在对CSS3支持日趋完善的今天，实现兼容性的渐变背景效果已经完全成为可能，本文就将展示如何实现兼容性的渐变背景效果。在众多的浏览器中，目前不支持Opera浏览器。本文实例...原创 2019-05-25 12:47:34 · 228 阅读 · 0 评论 -
2019年最新基于hexo搭建个人免费博客——自定义页面样式二
2019年最新基于hexo搭建个人免费博客——自定义页面样式二前言本篇文章继续讲解一些hexo下next主题博客样式的修改。主要内容为修改首页文章摘要样式，文章详情样式，以及文章阅读次数的统计深入讲解，酷炫的博客背景，在首页菜单里添加的独立的标签页，文章结尾的模版样式修改。暂时想到了这么多，欢迎大家提出新的东西，等后面有空了再讲新东西。<!--more-->首页文章摘要样...原创 2019-05-25 12:50:42 · 935 阅读 · 0 评论 -
100+ 超全的web开发工具和资源
100+ 超全的web开发工具和资源作为Web开发者，这是好的时代，也是坏的时代。Web开发技术也在不断变化。虽然很令人兴奋，但是这也意味着Web开发人员需要要积极主动的学习新技术和新的编程语言，并愿意和渴望接受新的挑战，以适应变化。新的挑战可能会包括一些开发上的要求，如利用适应现有的框架来满足业务需求。测试一个网站，能从中知道出了哪些技术上的问题，并且我们针对这些问题进行优化和消除。便...原创 2019-05-25 12:52:46 · 966 阅读 · 0 评论 -
来点不一样的：解耦 HTML、CSS 和 JS之间的那些事
来点不一样的：解耦 HTML、CSS 和 JS之间的那些事当前在互联网上，任何一个稍微复杂的网站或者应用程序都会包含许多HTML、CSS 和 JavaScript。随着互联网运用的发展以及我们对它的依赖性日益增加，设定一个关于组织和维护你的前端代码的计划是绝对需要的。当今的一些大型互联网公司，由于越来越多的人会接触到日益增加的前端代码，它们会试图去坚持代码的模块化。这样更改程序的部分...原创 2019-05-25 12:54:14 · 342 阅读 · 0 评论 -
大牛传授Web前端工程师的强者之路之从业经验
大牛传授Web前端工程师的强者之路之从业经验一入web前端深似海，从此休班成路人。从业这么多年来，换过不少工作，做过室内设计、平面设计、电商设计最后选择做web前端开发，我觉得自己跌入了无底深渊，自从做了这个行业之后，正常工作完还有回家不断的学习，从事web前端之后自学就没有间断过，养成了学习习惯之后，即使陪老婆逛会街都觉得自己在虚度光阴，晚上多看一会连续剧都觉得有些罪恶感，大家是不...原创 2019-05-25 12:55:33 · 265 阅读 · 0 评论 -
【web前端学习】12个非常实用的JavaScript小技巧
【web前端学习】12个非常实用的JavaScript小技巧在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值，如果存在就返回true值。为了做这样的验证，我们可以使用!!操作符来实现是非常的方便与简单。对...原创 2019-05-25 12:56:47 · 283 阅读 · 0 评论 -
浅析 HTML5 中的 download 属性
浅析 HTML5 中的 download 属性随着前端技术的发展，越来越多的业务场景中需要前端来处理文件下载。在众多的方法中，通过<a>标签的 download 属性实现下载是其中常见也是比较简单的一种方法。download 属性介绍常规的<a>标签通过 href 实现链接跳转，如果只想下载文件而不是跳转预览，最好的方式是在<a>标签中添加do...原创 2019-05-25 13:21:14 · 4133 阅读 · 1 评论 -
学习 JAVA，有什么书籍推荐？学习的方法和过程是怎样的？
学习 JAVA，有什么书籍推荐？学习的方法和过程是怎样的？本文内容比较长，主要包含下面几部分内容：学习路线以及方法推荐书单推荐教程推荐推荐一个学习中常看的仓库学习/编程好习惯面试必知学习路线以及方法推荐对于学习路线的话，我说一条我比较推荐的，我相信照着这条学习路线来你的学习效率会非常高。下面提到的书籍以及相关学习视频都答主已经整理好，文末有免费获取方式。很多朋友这几天领取了我...原创 2019-05-12 12:22:46 · 571 阅读 · 0 评论 -
前端应该掌握的5个语言语法层面
前端应该掌握的5个语言语法层面1：ES6标配各种特性要熟练掌握应用。ECMAScript 6文档：http://caibaojian.com/es6/ES6中文手册：https://www.jianshu.com/p/b6c882e59b07官网：http://www.es6js.com/2：TypeScriptTypeScript是一种由微软开发的自由和开源的编程语言。学...原创 2019-05-27 18:36:54 · 189 阅读 · 0 评论 -
我收集的一些前端在线工具
我收集的一些前端在线工具写在前面：开发过程中，会遇到很多繁杂精细的麻烦问题，虽然知道要去按照步骤解决，但总归耗费大量的时间，那为什么不去寻求一个捷径，本文总结了一些在线工具，遇到问题，打开网页，想要的东西，分分钟就能解决，让开发变得高效，快速，有了这些工具在手，就可以从繁重的工作任务中解脱出来，有大把的时间去王者峡谷散步打野浪一圈了。1：在线工具http://tool.oschi...原创 2019-05-27 18:39:09 · 331 阅读 · 0 评论 -
主流Web架构详解
主流Web架构详解WEB程序的架构基本上可以分成以下三类：一 、基于“组件”（Component ，GUI设计也常称控件）、事件驱动的架构，最常见的是微软的.NET。基本思想是把程序分成很多组件，每个组件都可以触发事件，调用特定的事件处理器来处理（比如在一个HTML按钮上设置onClick事件链接到一个PHP函数）。这种设计远离HTTP，HTTP请求完全抽象，映射到一个事件。事实...原创 2019-05-27 18:40:28 · 4269 阅读 · 1 评论 -
2019 年 Java，Web 和移动程序员学习的 12 个框架
2019 年 Java，Web 和移动程序员学习的 12 个框架2019年已经过去一半了，你是否对自己的工作还处于迷茫状态呢？如果到现在还没有决定学什么，那么你来对地方了。在今天的文章中，我将分享一些你可以学习的最好框架，以提升你在移动和Web开发以及大数据技术方面的知识。在当今世界，对各种框架的了解是非常重要的。它们使你可以快速开发原型和实际项目。如果你在创业公司工作，...原创 2019-05-27 18:43:02 · 391 阅读 · 0 评论 -
学完前端能做什么?前端就业方向有哪些?
学完前端能做什么?前端就业方向有哪些? 近几年来，HTML5编程语言以迅猛的趋势不断在IT行业兴起，尤其是一些一线城市中，使用HTML5编程语言的企业更是非常的多，加上专业的HTML5程序员难求。因此，市场上HTML5程序员的薪资更是水涨船高。吸引了很多人选择加入HTML5编程语言的学习。但是，对于很多刚刚加入HTML5学习的人，对于HTML5并不是十分的了解，不知道学习之后有哪些就业...原创 2019-05-27 18:44:11 · 2261 阅读 · 0 评论 -
前端圈——来自Vue的自白
前端圈——来自Vue的自白我的出生，注定是不凡的历史大家好，我叫 Vue，今年 6 岁，是一款渐进式的 JavaScript 框架。这是我老爸，他是一位乐于分享、阳光帅气的程序员。我特别特别崇拜他！我轻巧活泼，人见人爱。2013年，我出生在 GitHub。在这遍地英雄的土地上，我结交了很多好朋友，也让我得以长成今天的模样。不过，那时我还不叫 Vue.js。从仓库的 packag...原创 2019-05-27 18:47:18 · 316 阅读 · 0 评论 -
如何定位前端线上问题
如何定位前端线上问题一直以来，前端的线上问题很难定位，因为它发生于用户的一系列操作之后。错误的原因可能源于机型，网络环境，复杂的操作行为等等，在我们想要去解决的时候很难复现出来，自然也就无法解决。 当然，这些问题并非不能克服，让我们来一起看看如何去定位线上的问题吧。 所谓，工欲善其事必先利其器，你不能撸起袖子蛮干，所以，我们需要一个工具。我们曾经尝试用过很多监控工具去统计这些错误，...原创 2019-05-27 18:48:42 · 1122 阅读 · 0 评论 -
如何开发一个基于 Vue 的 ui 组件库
如何开发一个基于 Vue 的 ui 组件库开发模式预览 demo在开发一个 ui 组件库时，肯定需要一边预览 demo，一边修改代码。常见的解决方案是像开发一般项目一样使用webpack-dev-server预览组件，比如通过vue-cli初始化项目，或者自己配置脚本。文艺一点儿地可能会用到parcel来简化 demo 的开发配置（比如muse-ui）。展...原创 2019-05-27 18:50:46 · 3171 阅读 · 1 评论 -
你（可能）不知道的web api
你（可能）不知道的web api简介作为前端er，我们的工作与web是分不开的，随着HTML5的日益壮大，浏览器自带的webapi也随着增多。本篇文章主要选取了几个有趣且有用的webapi进行介绍，分别介绍其用法、用处以及浏览器支持度，同时我也分别为这几个api都做了一个简单的demo（真的很简单，样式等于没有~）这几个api分别是：page lifecycle onlineS...原创 2019-05-27 18:52:13 · 199 阅读 · 0 评论 -
HTML常用标签
HTML常用标签<iframe>iframe标签常用于在一个页面内嵌套另一个页面内容，不过现在已不常用。应尽量避免在页面内使用此标签（如果有更好的解决方案）<iframe src="https://baidu.com" name="xxx"></iframe>表示在当前页面内嵌套一个页面，指向百度的网页。iframe标签内常指定fram...原创 2019-05-27 18:53:39 · 197 阅读 · 0 评论 -
JavaScript的环境模型
JavaScript的环境模型《SICP》提到了环境模型（Environment Model）这一个概念，它用于解释Scheme的函数计算规则。同样，它也适用于JavaScript的函数计算规则。环境是什么节选《SICP》 3.2 The Environment Model of EvaluationThe environment is crucial to the evalu...原创 2019-05-30 18:15:21 · 266 阅读 · 0 评论 -
JavaScript中的Pipe
JavaScript中的Pipe本文会介绍Pipe在函数式编程中的基本概念，怎么用Pipe让我们的代码变得更美好，以及新的pipe操作符，Fancy的东西在后面！什么是Pipe？先用一个最简单的例子来看一下什么是pipe，现在我们有两个最简单的函数addOne和addTwo，分别对于参数加一和加二：const addOne = x => x + 1const addT...原创 2019-05-30 18:19:13 · 4521 阅读 · 1 评论 -
从矩阵与空间操作的关系理解CSS3的transform（科普文）
从矩阵与空间操作的关系理解CSS3的transform（科普文）注：文中图片取材于线性代数的本质并加以合适的修改！推荐大家去观看这套视频，另外这套视频毕竟是一套数学性质的视频，不包含css的相关讲述，这篇文章将借鉴这套视频的思路为你讲述css变换的原理。矩阵 概述 向量 什么是向量 基向量 线性变换 如何用数值描述线性变换 回到 CSS 的 transform矩...原创 2019-05-30 18:20:46 · 496 阅读 · 0 评论 -
你也想做掌控全局的 React 大师吗？
你也想做掌控全局的 React 大师吗？你可能已经听说过大名鼎鼎的why-did-you-update，它能够发现程序中不必要的重新渲染：其大致原理是将React.Component.prototype.componentDidUpdate 覆盖为一个新的函数，在其中进行了每次渲染前后的 props 的深度比较，并将结果以友好直观的方式呈现给用户。但它有一个明显的缺陷——如...原创 2019-05-30 18:21:59 · 139 阅读 · 0 评论 -
Javascript中的尾递归及其优化
Javascript中的尾递归及其优化在平时的代码里，递归是很常见的，然而它可能会带来的调用栈溢出问题有时也令人头疼：我们知道， js 引擎（包括大部分语言）对于函数调用栈的大小是有限制的，如下图（虽然都是很老的浏览器，但还是有参考价值）：为了解决递归时调用栈溢出的问题，除了把递归函数改为迭代的形式外，改为尾递归的形式也可以解决（虽然目前大部分浏览器没有对尾递归（尾调...原创 2019-05-30 18:23:12 · 2323 阅读 · 1 评论 -
前端面试之手写一个bind方法
前端面试之手写一个bind方法bind 函数对于写react的人来说并不陌生。哦！是的，没错我的朋友，它的一个用处就是用来改变函数this指向的。如果细究一下bind的实现，发现里面还是有不少东西的，我们今天展开讨论一下。在说bind之前呢，我们还要先来讲讲我们的老熟人this。说到this，我们在《前端面试之js相关问题（一）》也有提到过，this的工作方式。今天我们再来看看它的四...原创 2019-05-30 18:24:33 · 876 阅读 · 0 评论 -
浅析当下的 Node.js CommonJS 模块系统
浅析当下的 Node.js CommonJS 模块系统在 ES2015 标准之前，JavaScript 语言没有原生的组织代码的方式。Node.js 用 CommonJS 模块规范填补了这个空白。我想通过这篇文章和大家分享一下当下的 CommonJS 模块系统的一些机制和细节。在写这篇文章的时阅读代码 Node.js 版本是 v10.0.0全文共由三个部分组成：什么是模块系统...原创 2019-05-30 18:25:49 · 464 阅读 · 0 评论 -
如何让 node 也支持从 url 加载一个 module？
如何让 node 也支持从 url 加载一个 module？使 node 也支持从 url 加载一个 modulezhangzhao.name最近两天 ry 大神的 deno 火了一把。作为 node 项目的发起人，现在又基于 go 重新写了一个类似 node 的项目命名为 deno，引发了大家的强烈关注。在 deno 项目 readme 的开始就列举出了这个项目的优势和需要解...原创 2019-05-30 18:26:51 · 272 阅读 · 0 评论 -
使用 HeadlessChrome 来测试 WebRTC 应用
使用 HeadlessChrome 来测试 WebRTC 应用最近正在做 WebRTC 相关的开发，在配置 ci 测试时发现传统的测试方案都不太合适。WebRTC 的很多 API 是jsdom无法模拟的，于是想到了 headlessChrome 这个方案。这里主要记录下配置 headlessChrome 自动化测试的步骤和一些踩到的坑。GoogleChrome/puppeteer...原创 2019-05-30 18:27:51 · 803 阅读 · 0 评论 -
史上最全的前端学习路线图，干货满满
史上最全的前端学习路线图，干货满满前端很火，想自学前端的人也多。作为过来人，知道自学的辛苦。所以小编精心制作这份学习路线图，就是让想自学前端的小伙伴们有一份系统专业的学习资源和学习指导。此学习路线图，历经两个月的时间，无论你是刚入门的小白，还是已经工作的前端开发者，都是必备的学习宝典！一、前端学习路线图—流程篇前端学习路线图二、前端学习路线图—视频教程篇：前端...原创 2019-05-28 18:16:17 · 6905 阅读 · 1 评论 -
如何才能成为一名合格的web前端开发工程师
如何才能成为一名合格的web前端开发工程师开篇前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。winter在他的《重学前端》课程中提到：到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其...原创 2019-05-28 18:17:43 · 987 阅读 · 0 评论 -
web前端开发需要学习什么?需要哪些开发工具?
web前端开发需要学习什么?需要哪些开发工具?web前端工程师其实在不同的公司,有不同的职能,但是称呼都是类似的 1.做网站设计、网页界面开发 2.做网页界面开发 3.做网页界面开发、前台数据绑定和前台逻辑的处理(我是属于这种的) 4.设计、开发、数据 web前端开发需要掌握的技术： 1.学习html这个是最简单的,也是最基础的.要熟练掌握...原创 2019-05-28 18:20:53 · 278 阅读 · 0 评论 -
小白必看：浅谈web前端就业的学习路线
小白必看：浅谈web前端就业的学习路线初级前端主要学习三个部分：HTML，CSS，JavaScript一、html + css部分：这部分特别简单，到网上搜资料，书籍视频非常多。css中盒子模型，流动，block，inline，层叠，样式优先级等这些自学起来也是非常容易。最后再深入了解下浏览器差异性，ie9以下兼容简单了解就行了，ie9以下浏览器被淘汰掉是趋势，低版本没必要...原创 2019-05-28 18:22:49 · 421 阅读 · 0 评论 -
CSS实现兼容性的渐变背景(gradient)效果
CSS实现兼容性的渐变背景(gradient)效果一、有点俗态的开场白要是两年前，实现“兼容性的渐变效果”这个说法估计不会被提出来的，那个时候，说起渐变背景，想到的多半是IE的渐变滤镜，其他浏览器尚未支持，但是，在对CSS3支持日趋完善的今天，实现兼容性的渐变背景效果已经完全成为可能，本文就将展示如何实现兼容性的渐变背景效果。在众多的浏览器中，目前不支持Opera浏览器。本文实例...原创 2019-05-28 18:23:47 · 211 阅读 · 0 评论 -
前端页面优化：如何更快速将你的页面展示给用户？
前端页面优化：如何更快速将你的页面展示给用户？现在许多公司往往注重后端优化，而忽略了前端优化想想如果辛苦优化了服务器，后台，排查了sql，却在最后页面加载展示的时候很慢，也得不偿失其实，前后台优化都是相辅相成的后台优化好了，响应请求速度快，前台展示的更迅速，前台优化了不必要的请求，后台压力也会更小。请求优化首先我们来优化HTTP请求数由于用户浏览的，往往只是局部网页，所以...原创 2019-05-28 18:25:41 · 1691 阅读 · 0 评论 -
我是如何用JavaScript制作一个猜拳小游戏的
我是如何用JavaScript制作一个猜拳小游戏的知识点：switchswitch case break default条件 判断 退出 默认a.只要匹配上一个case，那么它下面的所有的case都会执行包括defaultb.break的意思跳出当前结构while/do…while一般情况下面，如果条件判断是数字的比较==<>，for循环优先.如果是非数值...原创 2019-05-28 18:28:32 · 1569 阅读 · 0 评论