前端之路

前端之路: 用github的webhooks实现项目自动化构建

webhooks背景公司用github管理项目，而且这些项目（包括纯静态和nodeAPP）大都是我们自己上服务器部署的场景：我正在埋头写代码，突然，pm过来说：xxx项目改个东西，很简单（例如换个图片，按钮，文案。。。）我：哦，那就改呗，按要求先在本地，切到test分支改动后的上测试步骤：gitadd.gitcommit-mfix(xxx):xxxgitfetchupstreamtestgitre
weixin_34417635·2019-02-21 09:24

Vue，开启前端之路

最近，新产品很多种子用户反馈，希望能够出PC版本或者网页版，在与产品同学沟通后，决定先出网页版，后期有时间以网页版为雏形，包装成PC版。话入正题，虽然之前没有前端经验，但是之前有较长时间的跨平台和小程序经验，对于大概的流程还是相对比较清晰。准备知识HtmlCSSJavaScriptVueElement对于Html、CSS、JavaScript，花几个小时看一遍，就能掌握基础的东西。Vue.js特点
sweetpf·2019-02-19 15:53

《前端之路》 之 前端 安全 XSS 原理以及防御手段

什么是XSS一、XSS什么是XSSXSS，即CrossSiteScript，翻译过来就是跨站脚本攻击；为了和css有所区分，因而在安全领域被称为XSS。什么是XSS攻击XSS攻击指的是攻击者在网站上注入恶意的客户端代码，通过恶意脚本对客户端网页进行篡改，从而在别的用户浏览网页的时候，对用户进行控制或者获取用户对隐私数据的这么一种攻击手段。XSS攻击的方式是什么XSS攻击可以分为3类：反射型（非持久
SmallW·2019-01-25 09:00

2019小白逆袭的开始

  大家好，我是小美子，是一名前端开发小白，今天想和大家分享一下我的前端之路，之前一直想写博客，但总被自己的拖延症给落下了，总想给自己找个机会，18年7月18号入职，今天刚好整6个月，择日不如撞日，所以选择了今天
最初都是小白·2019-01-18 16:10

大前端之路 —— 使用 docker + Jenkins + nginx进行web自动化部署

前段时间无意间翻看某个大神的QQ个人说明，有句话突然点醒了迷途中的我——知道+做到=得到。这句话在我当下的状况显得特别的符合语境，学习某个知识或者解决某个问题的时候，习惯性的总是通过大量的搜索来扩展自己的知识面，但是我发现，能够搜出来百分之50以上的东西，知识的重复性非常的大，因此萌生了做一些专题的知识性总结。这篇文章的目的是搭建前端项目的自动化部署，其中涉及到docker的安装部署，jenkin
前端小伙·2019-01-06 22:39

《前端之路》之 Babel 下一代 JavaScript 语法编译器

写本章的内容的出发点主要是为了对于之前关于JS版本的一个总结，在之前的开发中，我们始终对于ECMAScript的版本的更新不够重视，以至于在后面的开发过程中，我们始终会被各种新奇的语法打断了我们的思考思路，所以对于基础的追求，是任何时候都不能忘记的。不然会的框架再多，会玩儿的花样再多，到头来都只是API。另外一个目的就是想做一个好玩的东西，就是实时编译所写的高版本（ES2015+）的JS代码。转化
SmallW·2018-10-31 18:00

《前端之路》之 Javascript 模块化管理的来世今生

目录第二章-04：Javascript模块化管理的来世今生一、什么是模块化开发1-1、模块化第一阶段1-2、封装到对象1-3、对象的优化二、模块化管理的发展历程2-1、CommonJS2-2、CommonJS与ES6（ES2015）的importexport2-2-1、ES6的export2-2-2、ES6的import2-3、AMD的RequireJS2-4、CMD的SaeJS2-5、AMD的R
SmallW·2018-09-25 16:00

《前端之路》之 webpack 4.0+ 的应用构建

目录一、版本二、webpack的主体概念2-1、入口2-1-1、单页面入口2-1-2、多页面应用的入口2-2、输出2-3、loader2-4、plugins三、如何使用3-1关于resolve解析的相关的疑问4-1优化(optimization)5-1插件(plugins)6-1开发中server(devServer)四、总结一、版本当前webpack版本：v4.18.0webpack-v//4.
SmallW·2018-09-14 10:00

《前端之路》之 JavaScript 进阶技巧之高阶函数（下）

目录第二章-03：前端进阶技巧之高阶函数一、防篡改对象1-1：Configurable和Writable1-2：Enumerable1-3：get、set2-1：不可扩展对象2-2：密封的对象2-3：冻结的对象二、自定义事件第二章-03：前端进阶技巧之高阶函数一、防篡改对象JavaScript共享的本质一直是开发人员心头的痛，因为任何对象都可以被在同一个环境中运行的代码修改。ECMAScript5
SmallW·2018-09-10 17:00

前端之路-序言

从2017年因为电子商务课程需要自己做一个网页,那是第一次接触HTML，因为当时是非计算机专业的对网页的制作要求比较简单，但是因为我自己想做的高端一点，所以就自己查阅书籍资料对自己的网页进行修改。那时对前端还不是很清楚，随后通过简单的了解觉得挺有意思的，就利用一些课余时间去学习HTML语言。由于自己不够专一，所以学的很皮毛，17年6月份大四想实习的时候想找相关方面的工作，但是零基础基本没公司要用，
那个女孩叫梦希·2018-09-03 10:45

前端之路——序言

从2017年因为电子商务课程需要自己做一个网页,那是第一次接触HTML，因为当时是非计算机专业的对网页的制作要求比较简单，但是因为我自己想做的高端一点，所以就自己查阅书籍资料对自己的网页进行修改。那时对前端还不是很清楚，随后通过简单的了解觉得挺有意思的，就利用一些课余时间去学习HTML语言。由于自己不够专一，所以学的很皮毛，17年6月份大四想实习的时候想找相关方面的工作，但是零基础基本没公司要用，
Destinygril·2018-09-03 10:49

前端之路——序言

从2017年因为电子商务课程需要自己做一个网页,那是第一次接触HTML，因为当时是非计算机专业的对网页的制作要求比较简单，但是因为我自己想做的高端一点，所以就自己查阅书籍资料对自己的网页进行修改。那时对前端还不是很清楚，随后通过简单的了解觉得挺有意思的，就利用一些课余时间去学习HTML语言。由于自己不够专一，所以学的很皮毛，17年6月份大四想实习的时候想找相关方面的工作，但是零基础基本没公司要用，
Destinygril·2018-09-03 10:49

《前端之路》之 JavaScript 高级技巧、高阶函数（一）

目录一、高级函数1-1安全的类型检测1-2作用域安全的构造函数1-3惰性载入函数1-4函数绑定1-5函数柯里化1-6反函数柯里化一、高级函数1-1安全的类型检测想到类型检测，那么脑海里第一反应应该就是在Javascript的世界中到底有哪些类型(这真的是一个非常古老的问题了)我们大致分为2类：基本类型和引用类型其中基本类型包括了：string、number、bool、undefined、null其
SmallW·2018-08-27 20:00

《前端之路》之 前端 正则表达式 魔法 （上）

那么我们今天的前端之路系列就来聊一聊正
SmallW·2018-08-16 17:00

《前端之路》之 网页生成的过程及对性能的影响

11:网页生成的过程及对性能的影响网页生成的过程网页生成过程，大致可以分成五步1.HTML代码转化为DOM2.CSS代码转化成CSSOM（CSSObjectModel）3.结合DOM和CSSOM，生成一棵渲染树（包含每个节点的视觉信息）4.生成布局（layout），即将所有渲染树的所有节点进行平面合成5.将布局绘制（paint）在屏幕上在这五步里面，第一步到第三部都非常快，第四步和第五步很耗时。重
SmallW·2018-08-13 20:00

《前端之路》之 前端图片 类型 & 优化 & 预加载 & 懒加载 & 骨架屏

目录09：前端图片类型&优化&预加载&懒加载&骨架屏09：前端图片类型&优化&预加载&懒加载&骨架屏这是一篇关于在前端开发中与图片相关的一些常见问题，回想一下，我们在日常的开发过程中前端与图片打交道的次数可以说是比所有开发职位都要多吧。特别是在nodeJs盛行以后。从我们最开始学习前端的那一天，我们是不是认识了一个叫的标签，这个标签的src属性可以引用对应路径的图片，然后手动刷新页面，我们的图片就
SmallW·2018-08-03 18:00

《前端之路》之 Cookie && localStorage && Session Storage 缓存相关

08：Cookie&&localStorage&&SessionStorage缓存相关客户端、前端存储一、起因首先解释下为什么想来写这个关于前端存储的问题，因为最近在做小程序相关的内容。但是，在开发过程中，我们难免会遇到token存储、代码缓存、图片存储等等。以及可能存在的一系列的问题。现在，我们就专门从浏览器存储入手，来真正的了解缓存存在的场景，以及在日常开发中，我们需要缓存的地方，以及使用缓存
SmallW·2018-08-01 09:00

《前端之路》之 this 的使用技巧总结

06:JS中this的使用技巧总结this是JavaScript中的关键字。一、基本认识在JS中我们把this关键字当作成一个快捷方式，用来引用当前调用者。解释上面这句话，其实就是一句话：this关键字指向的是当前上下文（context）的主体（subject），或者当前正在被执行的代码块的主体。通俗一点解释就是：谁手里拿着这个名字叫this的武器，this就指向拿着这个武器的人。就好比说起屠龙刀
SmallW·2018-07-30 21:00

我的前端之路 ---- 高效编码

前端开发主要用到的就是html、css和javascript。针对不同类型，我们有不同的编写方式。HTML首先我们要保证我们的HTML代码是符合标准的，这个标准是指W3C的最新标准。使用W3C规定的标准的HTML代码能保证浏览器正确的渲染我们的页面。虽然各个浏览器和客户端都会有一些自带的纠错能力，能使得页面正常显示。但是我们很难保证所有的浏览器和客户端都能兼容不符合标准的代码。为了避免不必要的麻烦
Ther白开水·2018-07-23 21:29

《前端之路》之 JavaScript原型及原型链详解

05：JS原型链在JavaScript的世界中，万物皆对象！但是这各种各样的对象其实具体来划分的话就2种。一种是函数对象，剩下的就是普通对象。其中Function和Object为JS自带的函数对象。（哎？等等，Function为函数对象可以理解，为什么Object也是函数对象呢？带着疑问我们继续往下看。）Function和Object为何都是函数对象呢？一.普通对象和函数对象函数对象的疑惑varf
SmallW·2018-07-20 16:00

《前端之路》之五 head 头标签指南

12：head头标签指南常见头标签DOCTYPE文档模式对文档进行有效性验证告诉用户代理或浏览器这个文档是按照什么DTD写的，但是这个动作是被动的，每次页面加载时，浏览器并不会下载DTD，并检查合法性，只有手动校验时才启用。决定浏览器的呈现模式通知浏览器读取文档时用哪种解析算法，如果没有写，浏览器会按照自身的规则对代码进行解析，可能会严重影响html排版布局浏览器的三种解析HTML文档的方式非怪异
SmallW·2018-07-17 14:00

《前端之路》之四 JavaScript 的闭包、作用域、作用域链

04：JavaScript的闭包一、定义：常规定义：闭包的定义：有权利访问外部函数作用域的函数。通俗定义：1、函数内部包含了函数。然后内部函数可以访问外部函数的作用域。2、内部函数可以访问父级函数的作用域。...等等等二、思考：1、我们在日常的开发过程中会应用到闭包么？2、如果有遇到的话，会是在什么情况下遇到的？3、举一些具体的例子。1、我们在日常的开发过程中会应用到闭包么？以之前的知识对于闭包的
SmallW·2018-07-16 20:00

我的前端之路 ---- 高效开发

前言好的开发方式在项目中会起到事半功倍的效果，并且可以保证开发过程中代码的结构清晰，可维护性好。良好的命名规范和规整的格式会让代码看起来很清爽，同时也可以体现出开发者良好的开发习惯和职业素养。代码文件的组织结构下面贴一张我一般会使用的一个简单的代码组织结构其实现在有很多的框架的脚手架里面都会有一种固定的文件组织结构，但是你无论看什么框架的脚手架，大体上的东西都是这样的。多的都是一些扩展，是一些框架
Ther白开水·2018-07-16 01:34

我的前端之路（上）

大学里第一次接触前端，一个字，懵，说真的，所谓的标签，样式，真的是一窍不通，也不知道为什么标签要用尖括号括住，那时候，一没心思学，二也不知道咋学，每天上课，老师在上边讲，自己用笔在本上记，其实也不知道记得啥，只觉得，可能这是重点，以至于记了半个学期，最后考试交作业时，还是网上找了个模板，改改就交上去了，还记得给了79分。对于找模板，改成自己的网站，这个记忆特别尤新，虽然这不是个技术活，但班里还是有
AbnerMing·2018-07-16 00:00

《前端之路》之三 数组的属性 && 操作方法（下）

咱们接着上篇来讲～7、slice()从某个已有的数组返回选定的元素经常用来将类数组转化成数组，这样做一方面可以利用现有的数组方法更加方便的处理，另一方面是处于性能的考虑varf=function(a,b,c,d,e,f){varargs=Array.prototype.slice.call(arguments,0)console.log(args)}f(1,2,3,4,5,6)//[1,2,3,4
SmallW·2018-07-12 17:00

《前端之路》之三 数组的属性 && 操作方法（上）

目录03：数组的属性&&操作方法（上）03：数组的属性&&操作方法（上）一、Arrayproperty数组的属性1、constructor返回对创建此对象的数组函数的引用[].constructor//ƒArray(){[nativecode]}2、length返回或者设置数组中元素的数目constabc=['a','b','c']console.log(abc.length)//3abc.len
SmallW·2018-07-10 21:00

《前端之路》之二：数据类型转换 && 隐式转换 || 显式转换

目录02：数据类型转换&&隐式转换||显式转换02：数据类型转换&&隐式转换||显式转换在上一个章节中，我们介绍了JavaScript的基本的数据类型，由于是弱类型语言，所以不需要在很多时候去定义这个数据的类型，而且也不能够在定义了这个数据类型之后再去改变这个数据类型。当遇到一个需要对数据类型进行改变的场景的时候，JS就显示出来它的优势了，可以对数据类型进行轻松的转换，那么下面我们就开始介绍如何轻
SmallW·2018-07-04 22:00

《前端之路》之 初识 JavaScript

01初识JavaScript作为在码农圈混迹了四五年的老码畜来说，学习一门新的语言，就仿佛是老司机开新车一样轻车熟路。为什么会这么快呢？因为各种套路啊～任何一种计算机语言的最开始都是和数据类型这个东西分不开，那么今天，我们就从JavaScript的数据类型开始一、JavaScript的数据类型因为对于很多的jser的初学者而言，或者说说对于很多代码初学者而言，数据类型是让人疑惑的地方。那么一定要解
SmallW·2018-07-03 17:00

京东BP说：浅谈大数据平台的WEB前端之路

时间2014-07-15如果泛谈WEB前端的概念，那只是偌大技术体系中的一个角色，而且听起来并没有多少娇艳和华贵的措辞可以形容她，也远比不上集群、云计算、BI等说辞来的潇洒和犀利。如果观摩WEB前端的历程，随着互联网硬性条件的升华和客户群对界面体验需求的提升，WEB技术的视野扩宽了，WEB前端也与时俱进，从相对平庸一跃成为万众瞩目的焦点。这期间跨越了许多时代：从最初的静态页面到CGI；之后PHP露
golden_soft·2018-07-01 13:37

前端之路——笔记（基础css）

学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示模式熟练掌握CSS背景属性熟练掌握CSS三大特性熟练掌握CSS盒子模型熟练掌握CSS浮动10.熟练掌握CSS定位11.熟练掌握CSS高级技巧强化CSStypora-copy-images-to:mediaCSS的发展历程从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各
七彩小鹿·2018-05-28 17:27

Web Bundler CheatSheet, 选择合适的构建打包工具

在2016-我的前端之路：工具化与工程化一文中，我们讨
王下邀月熊_Chevalier·2018-05-24 00:00

Jquery版本介绍——DTT的前端之路

Jquery有三个版本(下载官网点击此处)1.x兼容IE6、IE7、IE8。最新版本1.12.4（2016年5月20日更新）2.x不兼容IE6、IE7、IE8。一般不推荐使用，如果你想放弃那些IE678的客户。最新版本2.2.4（2016年5月20日更新）3.x不兼容IE6、IE7、IE8，只支持最新浏览器，一般不推荐使用。（移动端开发）最新版本3.3.1。官方会有两个版本uncompressed
ipomonkey·2018-05-01 19:54

JavaScript 函数式编程导论

笔者在应用的状态管理工具中就更倾向于使用MobX而不是Redux，详见2016-我的前端之路:工具化与工程化。JavaScript函数式编程近年来，函数式编程（FunctionalPro
IT帮主·2018-04-30 14:30

Javascript实现简单的超级马里奥小游戏

写在前面：这是自己自学前端之路上第一次写博文，希望以此来巩固自己所学的知识，也希望能和大家多多交流！
mermaid_gaogao·2018-04-11 19:22

哔哩哔哩（B站）的前端之路

原文地址：https://zhuanlan.zhihu.com/p/324875332017年即将过去了，总结一下B站的前端进阶之路。过去的开发模式中，我们采用了以后端为主的MVC架构方式。具体来说，每次项目评审后，前后端会先一起约定好接口，之后分别进行开发，开发完，前端需要把页面提供给后端，后端配置上数据，然后返回出来。正式基于这样的开发模式，导致了总工作量的增加，同时沟通和联调成本的消耗也十分
坦GA·2018-03-05 10:51

Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能

2017年底了，总结了这一年多来的前端之路，Vue从入门到放弃，再二进宫，从Vue1.0持续跟踪到Vue2.5。结合公司的一些实际项目，也封装了一些比较实用的组件。
常竣·2018-01-26 08:33

前端CSS的工程化——掌握Sass这四大特性就够了

展示层的复用——混合指令其他不常用且慎用的强大特性小结初遇CSS，一见倾心记得刚遇见css的时候，咱像是见了美人儿一样，简直是爱不释手啊，简简单单写几行算不上代码的代码，就能做出这么漂亮的东西，这也成了咱前端之路的最初动力
DOM哥·2017-12-11 21:00

使用@font-face自定字体

xujinglei;src:url('xujinglei.ttf'),url('xujinglei.eot');/*IE9+*/}div{font-family:xujinglei;}html:花花，加油，前端之路好好坚持
花花0825·2017-12-10 03:11

javascript闭包不完全探索记录01：闭包？啥馅的？

缘，妙不可言，感谢某司让我猝不及防的重新走上了前端之路，既然又走回来了，一个前端工程师的（伪）的自尊告诉我这回必须要刚正面了一听这个词，我
lskrat·2017-11-19 00:00

我的前端之路（技术探索历程一）

深海探索开始2017年七月五日，我来到5班开始了我的前端学习之路，当时我的确什么准备，只是接到一个通知就去了，也许其他学生在去学习之前，已经想了无数次要怎么怎么努力学习呀，可是我没有！！！没有更多的准备当时去了第一天，老师开始讲JavaScript，因为之前有学习Java的经验，所以我当时学习起来并没有感觉到多么吃力，老师讲完一个例子，其他同学还在那儿思考如何下手的时候，我已经写完了；虽然我有基础
苗泽云·2017-10-29 22:09

大前端之路----跨域

跨域[写在前面]  之前很少将跨域作为一个重点来考虑，一直以为只要服务器设置了cors就可以解决问题，但面试过程中遇到了很多跨域的问题，不得不说，这块知识确实需要梳理一下，以下便从跨域的原因、方法和方法的局限性几个方面来研究一.原因  出于安全的考虑，浏览器设置了一个同源策略，主要有两个限制：+无法通过ajax的方法获取不同源中的文档+浏览器中不同域的框架之间是不能进行js的交互操作的二.方法1.
caijixin·2017-10-21 19:39

大前端之路----Cookie

cookie[写在前面]  cookie作为浏览器的重要组成部分，一直都是面试的重点。上次面试时，面试官几次提问下来，逐渐招架不住，感情还是我学的太浅了，这里就从cookie的概念、利弊、对比和如何通过js操作逐步深入吧一.概念1.起源  总所周知，http协议是一个无状态的协议，无法跟踪客户的状态，而随着http协议在互联网上的快速发展，逐渐产生了需要保持活动状态的需求，例如登陆等需求。为了适应
caijixin·2017-10-21 19:26

大前端之路----JS继承的六种方式

JS继承的六种方式[原型]//B是A的原型，A是B的构造函数A.prototype=BB.constructor=A[约定]//父类functionSuper(){this.property='SuperProperty'}Super.prototype.getProperty=function(){returnthis.property}一.构造继承1.基本思想通过使用call、apply方法可
caijixin·2017-10-20 15:32

前端之路（二）之JavaScript：菜鸟教程学习：http://www.runoob.com/js/js-intro.html

JavaScript语句和JavaScript变量都对大小写敏感。键值对通常写法为name:value(键与值以冒号分割)。键值对在JavaScript对象通常称为对象属性。如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。即使它在函数内执行。可以在字符串中使用引号，字符串中的引号不要与字符串的引号相同；如果必须相同时，可以使用转义字符\。===为绝对相等，即数据类型与值都必须相等。=
weixin_30362233·2017-10-14 15:00

自省

那时候对什么都感兴趣，偶然搜索链接到了一个技术博客网站，加上自己的专业也算是信息技术相关专业，就硬着头皮开始了自学前端之路。说实话，一个女孩自学技术，其实真的挺困难的，基础薄弱，无人指导
Cayley硕儿·2017-10-11 19:58

自省

那时候对什么都感兴趣，偶然搜索链接到了一个技术博客网站，加上自己的专业也算是信息技术相关专业，就硬着头皮开始了自学前端之路。说实话，一个女孩自学技术，其实真的挺困难的，基础薄弱，无人指导
Cayley硕儿·2017-10-11 19:58

很有用的博客、效果、教程链接

jikeytang.github.io/2、手把手教你写原生js简单轮播图http://www.cnblogs.com/LIUYANZUO/p/5679753.html3、CSS实现隐藏滚动条同时又可以滚动-前端之路
小彬前端·2017-10-11 17:28

前端之路——jQuery第三课（利用已学的jq，制作一个失去焦点时，为空报错的表单验证）

又来了，稳稳的来到了jQuery的第三课。。。今天任务比较难啊，自己需要写个失去焦点时，为空报错的表单验证。其实简单想想，很好做我们经常在那些输入账号密码的界面就有这判断验证，好的，收拾心情，开始学习！！！今天复习的内容：1：函数写法2：显示与隐藏3：焦点事件4：if判断复习完上节课，继续学习新知识：1.布尔值（Booleans:是“真”True或“假”False中的一个。动作脚本也会在适当时将值
规矩定方圆·2017-10-08 19:27

前端之路——jQuery第二课

第一课后，简单地认识了jQuery。脑子里一直记者文档就绪事件的简写就好了~~~~马不停蹄，第二课来了首先，复习上课的内容：JQ复习：1：如何引用外部cdn2：文档就绪事件简写3：console.log控制台4：var的变量赋值5：id、class、标签选择器1-5，都会了吗？本课学习的新内容：1.其他重要的选择器：$("*"):所有元素$(this):当前元素$("tr:even"):偶数位$(
规矩定方圆·2017-10-08 15:27

前端之路——jQuery第二课

第一课后，简单地认识了jQuery。脑子里一直记者文档就绪事件的简写就好了~~~~马不停蹄，第二课来了首先，复习上课的内容：JQ复习：1：如何引用外部cdn2：文档就绪事件简写3：console.log控制台4：var的变量赋值5：id、class、标签选择器1-5，都会了吗？本课学习的新内容：1.其他重要的选择器：$("*"):所有元素$(this):当前元素$("tr:even"):偶数位$(
规矩定方圆·2017-10-08 15:27
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他