
前端
文章平均质量分 72
Wz1135640
这个作者很懒,什么都没留下…
展开
-
前端学科笔记分享——vue.js
vue 的一些语法和 Angular 的很相似,vue 的指令以 v-开始,而 angular 以 ng-开始(例如 v-if vs ng-if),数据绑定的方式也是一样的两个{}。这是由于 vue 早期的灵感来自于angular,对 angular 的研究对我学习 vue.js 的框架能起到很好的引导作用。1)简介:Vue.js是由尤雨溪大神开发的一套用于构建转载 2017-10-09 16:16:44 · 651 阅读 · 0 评论 -
前端面试中的最常见的算法问题
虽说我们很多时候前端很少有机会接触到算法。大多都交互性的操作,然而从各大公司面试来看,算法依旧是考察的一方面。实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题,这些基础知识的积累可以帮助我们更好的优化解决思路。下面罗列在前端面试中经常撞见的几个问题吧。(想了解更多的学习资源,可以加小知QQ:2832281573)Q1 判断一个单词是否是回文?回文是指...转载 2018-03-08 09:34:30 · 496 阅读 · 0 评论 -
H5动画:轨迹移动
前言前一段时间被各种H5总结刷屏,除了内容以及设计之外在动画方面在其表现方面也起到了很大的加持作用,渐渐的动画也成为了一个产品所不可缺少的一个元素。2017年1月11号早读文章由凹凸实验室@Avin授权分享。正文从这开始~动画,是指由许多帧静止的画面,以一定的速度(如每秒16张)连续播放时,肉眼因视觉残象产生错觉,而误以为画面活动的作品。在 Web 开发中,经常需要实现各种动画效果,例如:移动、变...转载 2018-03-08 09:47:21 · 3504 阅读 · 0 评论 -
2018年值得关注度的语言、框架和工具
前端框架:Angular 2,Vue.js,Bootstrap,LESS / SASS。WebWeb平台最近取得了两个重大进展——Web Assembly 和 Service Workers,他们打开快速和高效的Web应用程序的门,弥合与本地编译应用程序的差距。Service Workers尤其是渐进式Web应用程序(上文中提到的PWA)的启用技术,并为Web平台的通知提供支持,将来还会有更多的A...转载 2018-03-08 09:48:24 · 543 阅读 · 0 评论 -
学会这些前端移动开发教程,小白也能变大神!
学习对象: 1.零基础零经验的小白人员,想转型到高薪编程行业或对此行业有浓厚兴趣的人员; 2.在校大学生,希望充实自身技能,毕业后能顺利就业并有更强的市场竞争力; 3.不满足目前工作现状,想要得到更好的发展空间。课程内容: 1、HTML5(常用浏览器与浏览器内核、HTML的语义化、HTML中常用的标签以及每个标签的语义转载 2018-02-28 16:09:29 · 533 阅读 · 0 评论 -
Web 前端知识体系精简
我有一个很好的Java学习交流群,里面有很多技术大牛,如果你感兴趣的话可以加群(471948038)一起交流学习。0、基础语法Javascript基础语法包括:变量定义、数据类型、循环、选择、内置对象等。数据类型有string,number,boolean,null,undefined,object等。其中,string,number和boolean是基础类型,null和undefined是JS中...转载 2018-02-28 16:37:03 · 379 阅读 · 0 评论 -
14 个折磨人的 JavaScript 面试题
前端工程师有时候面试时会遇到一类面试官,他们问的问题对于语言本身非常较真儿,往往不是候选人可能期待的面向实际的问题(有些候选人强调能干活就行,至于知不知道其中缘由是无关痛痒的)。这类题目,虽然没有逻辑,但某种程度说,确实考察了候选人对于 javascript这门语言的理解。突然想到这个话题是无聊在翻自己的Github,看看以前都写过什么丑货。然后翻到了这篇解释Javascript quiz的文章q...转载 2018-03-13 14:38:24 · 1040 阅读 · 0 评论 -
前端开发必须要了解的CSS原理
从事Web前端开发的人都与CSS打交道很多,有的人也许不知道CSS是怎么去工作的,写出来的CSS浏览器是怎么样去解析的呢?当这个成为我们提高CSS水平的一个瓶颈时,是否应该多了解一下呢? 一、浏览器的发展与CSS 网页浏览器主要通过 HTTP 协议连接网页服务器而取得网页, HTTP 容许网页浏览器送交资料到网页服务器并且获取网页。目前最常用的 HTTP 是 HTTP/1.1,这个协议在 RF...转载 2018-03-13 14:39:18 · 1024 阅读 · 0 评论 -
一篇文章了解爬虫技术现状
本文全面的分析了爬虫的原理、技术现状、以及目前仍面临的问题。如果你没接触过爬虫,本文很适合你,如果你是一名资深的虫师,那么文末的彩蛋你可能感兴趣。需求万维网上有着无数的网页,包含着海量的信息,无孔不入、森罗万象。但很多时候,无论出于数据分析或产品需求,我们需要从某些网站,提取出我们感兴趣、有价值的内容,但是纵然是进化到21世纪的人类,依然只有两只手,一双眼,不可能去每一个网页去转载 2018-03-13 14:42:44 · 1749 阅读 · 0 评论 -
自测是否适合学前端
有很多同学想学前端,但是不知道是否适合学,此文跟大家聊聊,怎样确定自己是否适合学前端。首先来说说哪一类人适合学前端:1、 想进入互联网行业,但又没有IT基础,那么学前端,因为相对他是入门最简单的IT语言,前端开发入门门槛低,学习曲线跟服务端开发语言先慢后快相比,趋势是先快后慢。只要高中毕业生即可投入学习!2、对自己生活状态不满意,想高薪就业,那么学前端。前端开发是随着Web的发展细分出来的行业,随...转载 2018-03-20 15:48:14 · 1664 阅读 · 0 评论 -
浅谈webscoket
webscoket是H5提出的一个网络传输协议API,类似于http协议。但是和http协议没有任何联系,http协议也没有改变。http协议是不支持持久连接的,这里说的是长连接,循环连接并不属于这个范畴。webscoket可以看成是为了兼容浏览器的握手规范在http协议上的一个补充,是H5提出的一个新技术新API,和http并无联系。 那我们就在这里对比一下webscoket和http的优缺点...转载 2018-03-20 15:49:40 · 573 阅读 · 0 评论 -
移动web开发笔记
一、适配问题解决方案:流式布局 + viewport1、流式布局百分比布局,通过设置盒子的宽度为百分比来根据屏幕的大小进行伸缩,特点是不受固定像素的限制,内容向两侧填充2、viewport在移动端用来承载网页的这个区域,就是我们的视觉窗口,也叫viewport(视口), 这个区域可设置高度宽度,可按比例放大缩小,而且能设置是否允许用户自行缩放。<meta name = "viewport"&...转载 2018-03-20 16:03:37 · 251 阅读 · 0 评论 -
前端中经常出现的算法总结
虽说我们很多时候前端很少有机会接触到算法,但对算法的理解和掌握是一个优秀工程师的评价标准之一,而且当我们面对较为复杂的问题,这些基础知识的积累可以帮助我们更好的优化解决思路。在一段时间的学习之后,我总结罗列了前端中常见见的几个算法:一:排序算法排序算法是比较开发的算法之一,方法种类较多,在此列举两种简单的排序算法:冒泡排序和快速排序。冒泡排序其实就是通过比较相邻位置的元素大小,如果左边比右边大,就...转载 2018-03-27 14:44:50 · 616 阅读 · 0 评论 -
web前端开发基础环境配置
Web前端和全栈的定义:A、什么是传统传统web前端:需要把设计师的设计稿,切完图,写标签和样式,实现JS的效果,简而言之即只需要掌握HTML的页面结构,CSS的页面样式,javaScript页面的行为(包括页面的效果和整合);B、HTML5时代的大前端:要处理各种端的兼容开发(PC,移动端,各种浏览器)、移动APP开发和移动站点开发,Ajax+服务器端技术开发,异步开发和后台的交互、高级设计模式...转载 2018-03-27 14:45:35 · 3096 阅读 · 0 评论 -
如何用人工智能秒杀超级马里奥游戏
近日,Einfach nerdig 在 Youtube 上发起了一个直播:通过人工智能学习系统来播放“超级马里奥”。目前这个直播仍然很受欢迎。人工智能系统 MarI/O 由 SethBling 创造,拥有庞大粉丝群体的他并不是直播发起人。目前,发起直播的账号嵌套功能已经被禁用了,但网友们仍然可以在 YouTube(https://www.youtube.com/watch?v=转载 2018-03-07 16:07:23 · 370 阅读 · 0 评论 -
web前端图片懒加载实现原理
一、html(这里只列出相关的结构,body那些就不列了~)ul> li>1li> li>2li> li>3li> li>4li> li>5li>ul>img class="imgLazyLoad" data-src="http://office.qq.com/images/title.jpg" />ul> li>1li> li>2转载 2018-01-30 11:02:47 · 843 阅读 · 0 评论 -
2018年最新前端学习路线,想学习的小伙伴收藏了
前端很火,想自学前端的人也多。作为过来人,知道自学的辛苦。制作这份学习路线图的初心,就是让想自学前端的小伙伴们有一份系统专业的学习资源和学习指导。于是,在为时将近两个月的整理之后,就有了这份全面的前端学习资源大礼包!无论你是刚入门的小白,还是已经工作的前端开发者都能从中获取到你想要的资料,文章由黑马程序员老师整理发送!前端学习路线图—流程篇二、前端学习路线图—视频篇:前端视频篇第一原创 2018-01-10 16:36:39 · 3237 阅读 · 37 评论 -
7个知识点快速入门,Web前端初学者必备
7个知识点快速入门,Web前端初学者必备(想了解更多学习资源可以加QQ2832281573)1、网页结构网页结构一般都包含文档声明DOCTYPE,并且在head中的meta应该包含编码格式、关键字、网页描述信息。简单格式如下:Hello WorldJD首页的meta声明:包含ch转载 2017-11-29 11:53:12 · 717 阅读 · 0 评论 -
前端面试题小集
一、一个页面上两个div左右铺满整个浏览器,要保证左边的div一直为100px,右边的div跟随浏览器大小变化(比如浏览器为500,右边div为400,浏览器为900,右边div为800),请写出大概的css代码。1.使用flex//htmlclass='box'>class='left'> class='right'>转载 2017-11-29 15:31:16 · 378 阅读 · 0 评论 -
学会Nginx,10倍提升你的Web应用性能!
7 年前,Nginx 的份额还只是 3.9%,如今已达到 33.3 %,是增量最快的 Web 服务器。平均而言,在全球 Top 1000 万网站当中,每分钟有 1 网站转向 Nginx。同样是 7 年前,Apache 的份额是 71.5%,如今降到 50%。微软是 IIS 从 20.6% 降到 11.3%。由此可见,Nginx 近年来市场份额持续攀升,越来越受开发者的青睐,今天转载 2017-11-22 17:07:41 · 1364 阅读 · 0 评论 -
Web 前端知识体系精简
JAVASCRIPT 篇0、基础语法Javascript基础语法包括:变量定义、数据类型、循环、选择、内置对象等。数据类型有string,number,boolean,null,undefined,object等。其中,string,number和boolean是基础类型,null和undefined是JS中的两个特殊类型,object是引用类型。Javascr转载 2017-11-29 15:28:37 · 1896 阅读 · 0 评论 -
浅谈Web网站架构演变过程
前言我们以javaweb为例,来搭建一个简单的电商系统,看看这个系统可以如何一步步演变。该系统具备的功能:用户模块:用户注册和管理商品模块:商品展示和管理交易模块:创建交易和管理阶段一、单机构建网站网站的初期,我们经常会在单机上跑我们所有的程序和软件。此时我们使用一个容器,如tomcat、jetty、jboos,然后直接使用JSP/servlet技术,或转载 2017-12-06 15:35:54 · 301 阅读 · 0 评论 -
前端面试题小集
一、一个页面上两个div左右铺满整个浏览器,要保证左边的div一直为100px,右边的div跟随浏览器大小变化(比如浏览器为500,右边div为400,浏览器为900,右边div为800),请写出大概的css代码。1.使用flex//htmlclass='box'>class='left'> class='right'>转载 2018-01-04 10:51:39 · 420 阅读 · 0 评论 -
前端小知识:为什么你写的 height:100% 不起作用?
这个知识不算冷门的,但是用的时候可能还是会有些懵逼,不能生效时搜一搜就能找到答案了,但是你真的懂了吗?为什么想要设置一个全屏元素的时候,高度不受%的控制?1.百分比宽高的设定按照w3c中的width和height属性,可以明确%设定宽高是根据父元素的宽高来的:http://www.w3school.com.cn/cssref/prdimwidth.asphttp:/转载 2018-01-25 10:18:27 · 669 阅读 · 0 评论 -
2018年最新web面试题之C3新特性
常见的面试官问法:你用CSS3实现过哪些动画,如何实现?你做过的那些CSS3的效果啊?你知道CSS3里面的盒模型不?说说你对伸缩布局是怎么了解的?......你能解释一些CSS3中的文本效果么?(text-shadow:文字阴影,word-warp:自动换行。)对于这些等等问题,我们只有背和记忆,以及对应我们平时的案例讲解!这.... 以下重点掌握标红的部分!!1、浏览器私有前缀谷歌(苹果):w转载 2018-01-18 11:49:41 · 993 阅读 · 0 评论 -
如何上线自己的第一个网站?
一、建网站的准备材料:域名和空间很小的时候就有有这个想法就是有一个属于自己的网站,在这里我在这里简单的介绍一下如何搭建自己的网站,其实很简单的啊,并不难,强调一下这个教程并不适合小白。1、购买自己的云服务器my.vultr.com是我推荐的网站,当时可以领优惠券价格很实惠,我是注册了一个pypal完成购买的,卖的最便宜的就可以,在这里强调一下买境外服务器的好处,我买的是,东京的当时测试延迟还可以,转载 2018-01-18 14:13:33 · 486 阅读 · 0 评论 -
前端学科笔记分享——vue.js
vue 的一些语法和 Angular 的很相似,vue 的指令以 v-开始,而 angular 以 ng-开始(例如 v-if vs ng-if),数据绑定的方式也是一样的两个{}。这是由于 vue 早期的灵感来自于angular,对 angular 的研究对我学习 vue.js 的框架能起到很好的引导作用。1)简介:Vue.js是由尤雨溪大神开发的一套用于构建用户界面的渐进式框架。与其他重量级框转载 2018-01-18 14:14:16 · 1189 阅读 · 0 评论 -
浅谈angular的作用
一、简单认识angular1 AngularJS是什么?AngularJs(简称ng)是一个用于设计动态web应用的结构框架。首先,它是一个框架,不是类库,是像EXT一样提供一整套方案用于设计web应用。它不仅仅是一个Javascript框架,因为它的核心其实是对HTML标签的增强。何为HTML标签增强?其实就是使你能够用标签完成一部分页面逻辑,具体方式就是通过自定义标签、自定义属性等,这些HTM转载 2018-01-18 14:15:42 · 8630 阅读 · 0 评论 -
用css修改scroll样式
我实现的是一种黑灰的滚动条 有兴趣的可以直接粘贴代码运行看效果1.给需要设置滚动条的容器加上class:topnav_box 2.接下来是css.,.topnav_box::-webkit-scrollbar //滚动条整体部分{ width: 5px; height:10px;转载 2018-01-10 16:26:37 · 8468 阅读 · 0 评论 -
CSS3自定义滚动条样式
有的公司或许会要求做个好看的滚动条,这时候,我们就需要来自定义滚动条,但是IE跟别的是不一样的。所以,在下面的文章中,会有两种不同的方式来自定义滚动条样式。webkit浏览器css设置滚动条:(下面是他的7个主要的属性)::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的::-webkit-scrollbar-button 滚转载 2018-01-10 16:27:36 · 372 阅读 · 0 评论 -
2018年最新web面试题之C3新特性
常见的面试官问法:你用CSS3实现过哪些动画,如何实现?你做过的那些CSS3的效果啊?你知道CSS3里面的盒模型不?说说你对伸缩布局是怎么了解的?......你能解释一些CSS3中的文本效果么?(text-shadow:文字阴影,word-warp:自动换行。)对于这些等等问题,我们只有背和记忆,以及对应我们平时的案例讲解!这.... 以下重点掌握标红的部分!!1、浏览器私有前缀谷歌(苹果):w...转载 2018-03-27 15:04:16 · 969 阅读 · 0 评论