DoubleZone的一些小案例图片PC端实战-魅族手机官网模拟BannerPartContentPartFooterPart只是实现一些简单的动画效果，bannerpart是一个自动轮播，由于大小的限制问题，只能截图上来。有更好的建议希望可以相互交流探讨哦！

学习前段已经有十几天了，对学习，生活也有了些感悟，在此就记录一下吧。相比于刚开始学习的java，前端学习更容易入手，刚开始要记忆的东西较多。不过前端学习起来其实蛮有意思的，因为你学习到一个代码知识，你能立马知道它是用来干什么的，并且前端学习更能让人有成就感，当你完成一个小的，或是一个大的框架时，你会成就感满满。小组这几天用开始考核我们前端知识了，要求我们做一个发布页面，还愿度要90%以上，刚开始是

前端行业新资讯①前端新方向-Gartner发布2020年新兴技术趋势图②前端新方向-5G引发的新浪潮三、2020下半年前端行业新资讯四、2020前端近半年新工具本次主要会从下面几个方向和大家一起聊聊2020年前端那些事儿

https://appf96umjwe7950.pc.xiaoe-tech.com/detail/p_603eeeb8e4b087d11d4e47bc/6谈谈你对MVVM的理解？MVVM模式的作用：解决分层。MVC：早期作用在后端，后端处理模板和数据再返回给浏览器，浏览器进行渲染。modelviewcontrollercontroller：处理业务逻辑（路由）model：数据view：渲染视图MV

参考视频文章：http://www.woc12138.com/article/45https://segmentfault.com/a/1190000006178770https://mp.weixin.qq.com/s?__...https://www.jianshu.com/nb/45770544webpack简介webpack是一种前端资源构建工具，一个静态模块打包器(modulebundl

数组构造器数组的方法：不改变原数组：concat():拼接数组，合并数组slice()：slice(开始位置索引，结束位置索引)：向数组中提取指定元素，包含开始，不包含结束map()：做计算会改变原数组：pop():删除数组最后一个元素，返回删除的元素值push():向数组末尾添加多个元素，并返回一个值(数组新长度)shift()：与pop相反，删除数组第一个元素，返回删除的元素值unshift(

ES6文档：https://es6.ruanyifeng.com/#docs/set-mapES6（2015年发布）------------版本变动最多，加入许多语法特性；兼容性：label可以把ES6编译成ES5。ES6声明变量的六种方法：ES5只有两种声明变量的方法：var命令和function命令。ES6除了添加let和const命令，后面章节还会提到，另外两种声明变量的方法：import命

学习视频：https://www.bilibili.com/video/BV1YW411T7GX?p=16参考文章：https://juejin.im/post/6844904160719011848#heading-39js基本简介前期为了处理网页中前端验证，优化体验，将验证放在客户端。组成部分：以JavaScript+JScript=>ECMAScript（ES核心）为标准文档，由浏览器厂商实

JS由哪几部分组成ECMAScript语言核心：由ECMA-262定义，提供核心语言功能，ECMAScript是由ECMA（欧洲计算机制造商协会）国际进行标准化的一门编程语言，ECMAScript作为各自JavaScript实现的基础。DOM文档对象模型：（DocumentObjectModel，简称DOM），提供访问和操作网页内容的方法和接口，是W3C组织推荐的处理可扩展标记语言的标准编程接口。

浏览器网络相关：OSI的七层模型、TCP/IP四层模型TCP的三次握手（为什么要三次握手，一次呢？四次挥手是什么？）输入URL到页面加载完成需要哪几步？TCP和UDP的区别报文HTTP的特点？（快速灵活，为什么用http不用其他的？）HTTP有哪些方法？常用有哪些？get和post的区别是什么？options的作用？HTTP状态码？http1和http2的区别？讲出至少五种解决跨域的办法，json

浏览器网络相关：OSI的七层模型、TCP/IP四层模型TCP的三次握手（为什么要三次握手，一次呢？四次挥手是什么？）输入URL到页面加载完成需要哪几步？TCP和UDP的区别报文HTTP的特点？（快速灵活，为什么用http不用其他的？）HTTP有哪些方法？常用有哪些？get和post的区别是什么？options的作用？HTTP状态码？http1和http2的区别？讲出至少五种解决跨域的办法，json

Flex布局（弹性布局，默认主轴，交叉轴，讲下flex:1）flex布局是一种弹性布局，将容器设置为flex布局后，float,clear,vertical-align将会失效，容器默认有两个轴（主轴，垂直交叉轴），默认沿主轴排列。说下flex有哪些属性外层容器属性：flex-direction：控制主副轴【轴向】flex-wrap：控制换行(默认不换行)flex-flow：是上两个的结合，简写j

Flex布局（弹性布局，默认主轴，交叉轴，讲下flex:1）flex布局是一种弹性布局，将容器设置为flex布局后，float,clear,vertical-align将会失效，容器默认有两个轴（主轴，垂直交叉轴），默认沿主轴排列。说下flex有哪些属性外层容器属性：flex-direction：控制主副轴【轴向】flex-wrap：控制换行(默认不换行)flex-flow：是上两个的结合，简写j

HTML5或者css3的新特性你有用到哪些新标签html：header，nav，section，aside，footer，video，audiocss：transform，translate，animation新特性主要包括哪几大块？你项目中有用到哪些？html：语义化标签，增强型表单，多媒体标签，图形标签css：选择器，动画，边框阴影渐变，盒模型，伪类，伪元素canvas有用过吗通过JS和HTM

JS由哪几部分组成ECMAScript语言核心：由ECMA-262定义，提供核心语言功能，ECMAScript是由ECMA（欧洲计算机制造商协会）国际进行标准化的一门编程语言，ECMAScript作为各自JavaScript实现的基础。DOM文档对象模型：（DocumentObjectModel，简称DOM），提供访问和操作网页内容的方法和接口，是W3C组织推荐的处理可扩展标记语言的标准编程接口。

2019独角兽企业重金招聘Python工程师标准>>>h5读取本地文件内容参考博客地址：http://www.cnblogs.com/leejersey/p/4772504.html关于input的file框onchange事件触发一次失效的新的解决方法1:使用代理提交$(form).on("change","#file",function(e){}2：用$("#targetFile").repl

2019独角兽企业重金招聘Python工程师标准>>>Nuxt.js官网nuxt.js官网个基于Vue.js的服务端渲染应用框架项目搭建安装全局vue-clinpminstall-gvue-cli利用vue-cli搭建nuxt项目选用的是Koa框架fire是项目名称vueinitnuxt/koafire启动项目cdfirenpminstallnpmrundevjade的学习安装全局的jade模板n

前端那些事儿-winter前端公开课黑白棋练习文末附源码关于面试和前端职业发展方向关于面试的问题前端面试内容vuenodejs闭包…面试基于简历简历写的都是真实的，再向外拓展；面试的东西如果不知道，尽量把相关的知道的东西讲出来

三个月前，我还是一个在工地搬砖的土木男。虽然在部门顶着个技术员的称号，实际上干的跟技术毫无关系的事，我曾经以为的技术工作不是这样的。于是在广东炙热的天气还未降临之前，我深思熟虑之后突然便决定辞职。辞职之前我就已经想好要转行学计算机，毕竟这是我一直以来兴趣所在。其实刚开始是打算学习人工智能的，但了解后才发现学习到后面对高数及学历要求很高，目前对我而言不是个很好的选择，然后诸多思虑之后，便选择了前端，

2019独角兽企业重金招聘Python工程师标准>>>原生js封装轮播图html页面轮播图：1、宽度自适应,2、将图片设置为背景3、为了方便程序后期修改,直接把标签重新绘制（图片和焦点）4、布局写好、选中加状态步骤：1、画结构2、鼠标经过焦点改变图片3、自动轮播4、鼠标经过停止自动播放，离开启动自动播放（注意离开的div是最外层）无缝轮播逻辑：一直重复播放，而且不重复不返回1、首先把最外面层设置宽

2019独角兽企业重金招聘Python工程师标准>>>mongodb的安装及配置下载地址mongodb下载地址配置地址：安装好设置数据库地址：例如：在e盘目录新建文件夹MongoDB,在MongoDB文件夹中新建三个文件夹分别是：data(存放数据的路径)，ect(配置数据库文件)，logs(数据库日志)在etc文件夹中设置配置文件，新建mongo.conf配置文件dbpath=E:\MongoD

楼主经历过了两次面试后深深感觉到自己前端水平实在有点惨不忍睹，so针对前端方面主要的知识点进行深入学习，废话不多说了。先从招聘要求上说说吧：大家看看各个大公司的招聘要求肯定会有一点（熟悉底层的http，tcp等协议），所以今天要死磕的主题也就是这么几个重要的协议！！！。一：追根溯源（OSI协议集）大家肯定都知道，OSI一共有七层，分别是（**物理层、数据链路层、网络层、传输层、会话层、表示层和应用

1.递归的定义什么是递归？函数在定义中调用函数自身称之为递归上面那句摘自维基百科对递归的解释，用简单的话说就是自己调用自己，例如：functionadd(num){if(num===1){return1}returnnum+add(num-1)}add(5)//15add(3)//62.递归的适用范围在很多技术书籍中都举过阶乘的例子来说明递归，那么除了阶乘和上面的计算求和还有什么情况我们可以写成递

学习前端也有一段时间了，最近想找有关前端的工作，于是在这梳理一下前端的那些事！什么是前端？什么是前端？大部分指的是Web前端开发，这个词是从网页制作演变过来的，名称上有着很明显的时代特征。在互联网的演化过程中，网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。在这个阶段，网站的内容主要是文字内容和图片为主，制作方法也主要是使用表格拼装。印象中，那时主F

时光荏苒，岁月如梭，菜鸟在经历一个个项目的淬炼，无数个加班夜晚相陪伴，终成一代老鸟，伴随项目时过境迁的还有飞速发展的前端技术，遂撰写6年从业总结于此，缅怀往昔凌晨4点的日初，期望对来者有所裨益，免于挑灯夜战之苦！戏说前端变迁史：工作伊始至今，洽适经历web前端由简单静态html+css的网页"石器时代"到jsp，asp，php的代码和html交织的动态网页的“青铜时代”，接着富客户端flex和ex

2019独角兽企业重金招聘Python工程师标准>>>原生js实现九宫格转盘知识点：js的闭包和原型1：html和css九宫格大转盘的实现body,div,ul,li,img{margin:0auto;padding:0px;}ul,li{list-style:none;}body{background:#ff5757;}.lottery{width:640px;height:640px;over

抽丝剥茧为什么会出现跨域问题？浏览器基于同源策略做出的限制。同源策略是什么？同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。同一个源是如何定义的？两个页面具有相同协议（http，https），相同端口，相同域名。下表给出了相对http://store.company.com/dir/page.html同源检测的示例:URL结果原

前言前端的工作并不仅仅是实现「视觉&交互稿」，想要开发一个高性能易维护的「完美」站点并未易事，针对前端的性能优化贯穿着项目开发的始终，绝不是交互口中的「拖拽工人」！然而前端优化策略却是一件老生常谈的问题，百度一把大量的博文，曾拜读过张成文大大的《现代前端技术解析》，关于前端知识体系与架构思维的一本书，里面有一章讲到前端优化策略，前人总结的较为全面，自知能补充的内容也不多，索性添添简简做一个优化速查

能坚持到今天，真不容易呀！想想回去那些岁月，都会被自己感动到哭。哈哈！这一路走来，少不了有好心的网友帮助。没有她们我也不会坚持到现在。留在我记忆最深处的两位素昧蒙面朋友，加好友的第一天，直接甩我一堆资料，让我好好看，中间断断续续甩我各种学习方法，学习流程。最近的一次联系，他还在告诉我去哪找案例练习，我说不知道，他就直接截图发我告诉我们怎么做，找优秀的资料分享我。我告诉他，我很感谢他的帮助。，没有太

前言浏览器基础是前端知识网中的一个小分支，也是前端开发人员必须掌握的基础知识点。他贯穿着前端的整个网络体系，项目优化也是围绕着浏览器进行的。开发人员在面试的时候或许会被问到：从你在浏览器输入一个网址到网页内容完全被展示的这段时间内，都发生了什么事情？确实是个老生常谈的问题，但问题的答案并不是唯一的，或许在三五年前，这个问题还会有一个「相对」标准的答案。浏览器在接收到这个指令时，会开启一个单独的线程

“作为一个入门级的前端小白，前端的发展历史，是你必须要了解的。因为这可以让你更好的理解前端、理解整个前端的行业状态。”原始社会早期的前端可以说是原始社会。longtimeago~~1990年，TimBerners-Lee以超文本语言HTML为基础在NeXT电脑上发明了最原始的Web浏览器。1994年11月，Mosaic浏览器的开发人员创建了网景公司（NetscapeCommunicationsCo

用官方网站的一句话：为什么要使用XHTML？我们认为万维网上的许多页面都包含着糟糕的HTML代码。即使它没有遵守HTML规则，HTML代码仍然可以工作得很好。虽然给了开发者很多的便利，同时也出现许多写法不严谨的代码风格。何为HTML，何为XHTML，啥关系，啥区别。HTML中文名是超级文本标记语言，是一种基本的WEB网页设计语言。而XHTML是一个基于可扩展标记语言的标记语言，看起来与HTML有些

前言前端的工作并不仅仅是实现「视觉&交互稿」，想要开发一个高性能易维护的「完美」站点并未易事，针对前端的性能优化贯穿着项目开发的始终，绝不是交互口中的「拖拽工人」！然而前端优化策略却是一件老生常谈的问题，百度一把大量的博文，曾拜读过张成文大大的《现代前端技术解析》，关于前端知识体系与架构思维的一本书，里面有一章讲到前端优化策略，前人总结的较为全面，自知能补充的内容也不多，索性添添简简做一个优化速查

前端那些事，其实蛮有意思的，HTML实现的是静态的，使用ajax之后就可以和数据库交互了，加上js和jQuery之后就动起来了，加上CSS之后就更加炫酷了。

前言其实前端那些事蛮有意思的，HTML实现的是静态的，使用ajax之后就可以和数据库交互了，加上js和jQuery之后就动起来了，加上CSS之后就更加炫酷了。

Photoshop是视觉设计师最强有力的武器之一，其实Photoshop也为前端开发同学带来很多惊喜。特别是从PhotoshopCC版本开始，它变得越来越有趣。今天笔者就其中几个新特性给大家介绍一下。如果您也有更多新的发现，请在下方留言与大家进行讨论。自动切图（含WebP、SVG格式）：前端开发人员经常需要将很多图层切出成独立的图片。有了自动切图功能，无需花更多时间来切图了。只需在图层名后添加相应

1、批量修改文件夹权限：sudochmod-R666‘dirname’长按图片识别图中二维码(或搜索微信公众号FrontEndStory)关注“前端那些事儿”，带你探索前端的奥秘。

　　之前会部分ps做了短暂的设计，之后转的前端代码，当时求职时还说是网页设计（现在已经说前端开发了），昨天碰到去智能社学习的已经拿到OFFER的学员，工资已经到一万二以上了，着实吓我一跳，前端工资也太高了，比我高出很多，身边坐的两位同学学员一个拿到一万二一个拿到一万1千多，猎头给他打电话推荐到一个新公司在13k至20K，左右，真的很激动人心呢。 　　13年上海传智网页平面第一期，至上还智能社js

（摘自 前端那些事儿 ） 机器的部署属于运维的物理架

http语义化作为一个前端工程师，在招聘的时候总是要求“深刻理解HTML语义化”！概念：使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和搜索引擎能够容易理解。作用：对于网站SEO（搜索引擎优化）的时候有很大的帮助。特别是HTML5时代的到来，新增标签的使用，能够让网页的语义化更加的突出。理解W3C标准对于网页，主要由三个元素组成：结构（structure），表现（presenta