前端

最近收藏的书签太多了，不易查找，所以把一些不常用的书签放到博客。 计算机类： 计算机专业课程体系介绍（含学习顺 序）非常有利于新手学习 - 陈刚编程心得与知识集 - CSDN博客 浏览器 or 计算机系列文章 — sunseekers Web前端开发之JavaScript(Js)精英课堂【渡一教育】-学习视频教程-培训课程-腾讯课堂 前端学习类： JavaScript 引擎基本原理：Shapes 和 Inline Caches - 众成翻译 一文读懂 JavaScript 和 ECMAScript 的区别 - OSCHINA 【原】雅虎前端优化的35条军规 - 咸鱼老弟 - 博客园 GMTC 2019-前端夜话《聊聊前端工程师的成长和发展》会后简要总结 如何开始做一个开源项目？他的亲身经历值得参考 - 程序员的那些事 - CSDN博客 CSS3滚动条美化,CSS3滚动条皮肤 CSS repeat()函数详细介绍 « 张鑫旭-鑫空间-鑫生活 细谈设计稿还原 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客 谈谈一些有趣的CSS题目（十五）-- 谈谈 CSS 关键字 initial、inherit 和 unset - ChokCoco - 博客园 CSSOM中定义的那些尺寸 - 简书 前端中与宽高有关的属性 - 简书 图解 JavaScript 垃圾回收 — 现代

1、请列举网站开发的多种模式 WebFrom、MVC、前后端分离（后端 Restful API，前端使用前端框架，例如Angular、React、Vue）。 2、列举前后端分离和非前后端分离的区别以及各自的优势 1、前后端不分离 在前后端不分离的开发模式中，前端页面看到的效果都是由后端控制，由后端渲染页面或重定向，也就是后端需要控制前端的展示，前端与后端的耦合度很高。 这种开发模式比较适合纯网页应用，但是当后端对接App时，App可能并不需要后端返回一个HTML网页，而仅仅是数据本身，所以后端原本返回网页的接口不在适用于前端App应用，为了对接App，后端还需要在开发一套接口。 2、前后端分离 术业有专攻，前端做前端的，后端做后端的。 服务器一分为二，前后端分别部署，静态资源放在前端服务器，业务代码放在后端服务器。前端服务器需要接收HTTP请求。前端服务器需要进行视图解析（可以使用Vue.js、Angular）。前端服务器需要处理路由（也就是页面之间的跳转）。后端服务器只负责返回数据给前端。 3、谈谈为什么现在大部分企业都选择前后端分离模式开发项目 其实这还是由前后端分离后的优势决定的：术业有专攻，前端做前端的，后端做后端的。服务器一分为二，前后端分别部署，静态资源放在前端服务器，业务代码放在后端服务器。前端服务器需要接收HTTP请求。前端服务器需要进行视图解析（可以使用Vue

前端第二次打开弹出框时，清除上一次的内容 用js在弹出这个弹出框时，将输入框的内容赋值空字符串’’。 下面的代码就是将两个input的内容变为空。 代码 < a href = " # " class = " btn btn-success btn-xs " data-toggle = " modal " data-target = " #editOrderDialog " onclick = " editOrder() " > 修改订单 </ a > <!--弹出框--> < div class = " modal fade " id = " editOrderDialog " tabindex = " -1 " role = " dialog " aria-labelledby = " updateOrderLabel " > < div class = " modal-dialog " role = " document " > < div class = " modal-content " > < div class = " modal-header " > < button type = " button " class = " close " data-dismiss = " modal " aria-label = " Close " > < span aria

互联网的高速发展促使互联网企业对于网站等页面的用户体验要求也越来越高，导致网站开发难度越来越大，但同时，伴随着的是开发人员的是高福利高工资，让很多人想加入到这个行业中，那么怎样才能成为一名 web前端开发 人员呢?应该学习哪些知识呢?下面和小编一起来看看吧！ 首先，学习之前要先了解前端是做什么的，前端开发，简单来说，就是把平面效果图转换成网页，把静态转换成动态。它的工作包括了:切图、写样式、做鼠标效果和图片切换效果等。而优秀的前端开发可以保障实现这些效果的同时，即不能影响网站的打开速度、浏览器兼容性还有搜索引擎的收录，还可以让用户体验更加舒适，使网站在访问中显得更精细、更用心。访客使用起来更简便。 基础：HTML+CSS网站页面搭建，CS核心和PC端页面开发，HTML5移动端页面开发。 核心：Web前端核心技术Java，ecmasript，dom，ajax，json，正则，作用域，运动框架，核心算法，高级函数，插件封装，jQuery等。 高级：HTML5+高级Java开发，大数据可视化，Webapp交互接口，lbs定位，微信sdk，es6标准，高级算法，数据结构，插件封装。 框架：vue、react、angular企业开发应用。 企业要求：bootstrap，swiper，iscroll，sass，ps切图，网站上线等。 Web前端开发到最后就是要走全栈开发的道路了

前端 1. js的循环each 前端需要循环，可以借助each这个方法 var dic = {'key1':'value1','key2':'value2'}; var lis = ['1','3','2']; //each(变量, 方法) $.each(lis, function (index, obj) { console.log(index, obj) }) // 如果传入的变量是对象object(字典),那么方法中的index，和value分别是key和value //key1 value1 //key2 value2 //如果传入的变量是数组array(列表) ， 那么方法中的index和value分别是索引和对应的值 // 0 '1' // 1 '3' // 2 '2' 2. 快速获得form标签下的普通输入标签的内容 serializeArray // serializeArray 方法可查看出form表单下面普通输入框的标签的内容,选择提交标签不行 res = $('#id_form').serializeArray(); console.log(res) 获得的标签内容，分别是name和value的值 3. img标签中src可输入的三种方式 　　a. 可以直接输入绝对路径 　　b. 可以输入url 　　c. 可以输入图片的二进制文件　　（FileRead）

目录 Vue 简介 什么是 Vue？ 优势 如何使用 Vue 常用网站 Vue 简介 渐进式 JavaScript 框架 渐进式：可以控制一个页面的一个标签，也可以控制一系列标签，也可以控制整个页面，甚至可以控制整个前台项目。你需要用它的什么组件就用什么组件，没有强主张 什么是 Vue？ 可以独立完成前后端分离式 web 项目的 JavaScript 框架 前后端不分离： 在前后端不分离的应用模式中，前端页面看到的效果都是由后端控制的，由后端渲染页面或重定向，也就是后端需要控制前端的展示，前端与后端的耦合度很高 前后端分离 在前后端分离的应用模式中，后端仅返回前端所需要的数据，不在渲染 HTML 页面，不再控制前端效果 至于前端用户看到什么效果，从后端请求的数据如何加载到前端，都是由前端自己决定，网页有网页的处理方式，App 有 App 的处理方式，但无论哪种前端，所需的数据基本相同，后端仅需开发一套逻辑对外提供数据即可 为什么要学习 Vue ？ 前台框架：Angular（庞大）、React（精通移动端）、Vue（吸取前两者优势，轻量级） Vue一手文档是中文、中文API（低学习成本） 实现前后台分离开发，节约开发成本 special -- 特点 虚拟DOM 数据的双向绑定 单页面应用 数据驱动 优势 有指令（分支结构，循环结构...），复用页面结构等 有实例成员（过滤器，监听）

Css简介 作为一名前端工作者对 css 都是非常熟悉的，前端三要素为结构 html 表现 css 及行为 js 。结构负责整个页面的骨架，展现其主要内容，表现相当于外貌，使其更为丰满可观，而行为则负责人机交互以及一些复杂的动态效果。 css 遵循其语言规范进行工作，其语法结构也是非常的简单。本文不在此赘述 css 其基本使用，不熟悉 css 基本语法的小伙伴可移步 菜鸟教程 进行相关学习。 Css 在React Native中的基本使用 详情请前往潜行者进行访问 来源： https://www.cnblogs.com/gitByLegend/p/12302375.html

作者：暗灭 链接：https://www.zhihu.com/question/26669731/answer/466936797 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 想了想,还是先画一系列的图,再来解释一下什么是WEB开发. 第一层 入门介绍图 适合:刚入门互联网,没多少基础知识和专业知识. 为嘛这个图上传的不清楚?算了.我也不知道 对于大多数刚刚接触到互联网这个职业的人来说,对于软件是怎么编写的,大概的职业是怎么划分的,理解到这个程度就够了. 整个系统架构可以分成三层(分层是码农必备思维). 第一层,叫展示层,又被称之为前端.展示层这个名字,其实有点不精确,确切的来说,应该叫用户层,或者是输入输出层,或者叫用户交互层. 它的目标很简单,就是接受用户的输入,并将结果反馈给用户. 什么叫做输入呢?键盘,鼠标,声音,图像等等都是输入,最简单的输入就是键盘和鼠标,你们如果看过各种黑客电影,不管是在键盘上啪啪啪,还是在空气中点点点,都是输入. 输出就是展示出来的结果,在屏幕上就是文字动画,在音箱就是声音之类的. 叫展示层的原因,是因为大部分的情况下,都是用户只需要看,少部分才是操作. 所以通常是用展示层来代指用户的输入输出层. 为什么要分层? 其实最早在互联网没有出现之前,分层是一个相对而言,软件设计里的概念.但是在现在,就很简单了

疑问 前端开发不可避免会遇到一个问题：PC与移动端开发是共用一套代码？还是两套独立开发？ 这个问题到目前都没有一个明确的结论，或者说它本来就不会有唯一的答案，毕竟所属需求不同。 对于一些简单的系统：一套代码就能搞定，那何须花费两倍的时间来做双份。 对于复杂性的或是UI展示差异较大的系统：若是一套代码的话，光是样式调整就足以耗费掉开发者所有的热情，那还不如分开做来得更方便。 但是很多时候，对于这种情况，我们还是会不自觉的会提出疑问，难道就必须要花费双倍的时间吗？？？不能等于1，还不能小于2？？？ 方案 这个方案分两方面来讨论说明：数据及UI。看看能不能对PC与移动各端前端开发进行复用与融合，从而进一步来释放人力。 当然，如果大家之前已经做了足够的方案测试，并且已经确认不想融合的，那看到此就可以了。毕竟有句话已经说的很直白了： 强扭的瓜不甜。 奈何臣妾不死心呐！！！ 数据上的融合 目的：一步式的同步各端数据。 包含模块： 后端数据 + 静态数据 后端数据的统一 对于接口的问题：不管是接口变更，还是多个接口的合并等，前后端真的已经相爱相杀了太久，但永远都无法完全避免。毕竟对于接口的变更有时候连前端人员都赞成更改；对于接口是否合并，各方也有充足的理由。 但这并不意味着前端人员乐意重复更改，所以我们要提效->做统一->做中间件。 静态数据的统一 在这里静态数据

https://www.cnblogs.com/liuhao-web/p/11589848.html 来源： https://www.cnblogs.com/ivan5277/p/12300060.html