前端开发 | 易学教程

Bootstrap 基础

阅读更多关于 Bootstrap 基础

Bootstrap的介绍: 凡是使用过Bootstrap的开发者,多不在乎做这么两件事:复制,粘贴.Bootstrap使用非常简单,但是在复制粘贴之前,需要先对Bootstrap的用法熟悉. Bootstrap,来自Twitter,是目前最受欢迎的前端框架.Bootstrap是基于html,css,javascript的,它简洁灵活,是的web开发更加快捷. 它用于开发响应式布局,移动设备优先的WEB项目 Bootstrap的下载使用Bootstrap第一步,先将生成环境的Bootstrap下载下来.然后将下载,引入到自己建好的当前目录中  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">  <link rel="stylesheet" href="https://cdn

前端学习HTML

阅读更多关于前端学习HTML

ctrl+N 创建文件 F1打开浏览器前端：大网页网页:html 文档，经过浏览器渲染之后展示出来的页面渲染：动作。html 加浏览器变成人们看到的页面编码：通过代码的形势把想要展示的页面写道HTML里面 HTML CSS 负责页面的内容肉体 JS页面的行为大脑 HTML：页面的结构手脚 CSS 样式美观 HTML代码： 1.文本内容：能被浏览器直接显示出来的文章和符号 2.标签<>:用尖括号，不能显示开始结束/结束反斜杠、元素/标签：两个尖括号中间是内容 <xiao>苹果</xiao>标签成对出现标签的属性：在元素中添加迭代附加的信息 <tag name="value"> 名称=值用引号括起来的是值 CSS 属性 color font-size 自定义标签浏览器不认识 HTML熟悉标签 CSS属性用这些命令去指挥浏览器文本图片链接列表表格表单框架标签语法： 1.HTML从上向下解析 2.元素可以相互嵌套 3.结构 <!DOCTYPE html>文档类型 <html lang="zh">语言的声明<head>配置设置<body>放展示的内容标题解决浏览器：<meta charset="UTF-8">可以兼容英文 lan属性 MDN介绍 https://developer.mozilla.org/en-US/docs/Web

bootstrap概述

阅读更多关于 bootstrap概述

前面的话　　Bootstrap是简单、灵活的用于搭建WEB页面的HTML、CSS、Javascript的工具集。Bootstrap基于HTML5和CSS3，具有漂亮的设计、友好的学习曲线、卓越的兼容性，还有12列响应式栅格结构，丰富的组件等等。按照官网的宣传来说，Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。本文将介绍Bootstrap概述引入　　在传统前端开发过程中，常常出现重复、复杂、无意义地命名，结构冗余、胡乱嵌套，页面错乱等问题　　2011年，twitter的“一小撮”工程师为了提高他们内部的分析和管理能力，用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jacob Thornton所设计和建立，在github上开源之后，迅速成为该站上最多人watch&fork的项目。大量工程师踊跃为该项目贡献代码，社区惊人地活跃，代码版本进化非常快速，官方文档质量极其高(可以说是优雅)，同时涌现了许多基于Bootstrap建设的网站：界面清新、简洁，要素排版利落大方　　Bootstrap最新版本是Bootstrap4，稳定版本是Bootstrap3，兼容低版本IE的版本是Bootstrap2　　

山东大学Web课设一——课程网站的搭建

阅读更多关于山东大学Web课设一——课程网站的搭建

关于web的一些感悟，web这门课程真的收获很多（虽然最后成绩不太理想），从一开始单纯的应付课设到自己看网课学习，可以说这门课如果认真学习的话还是能收获很多的，所以如果正在浏览这篇博文的是SDU的话，要认真学习web这门课啊，很有用的一门课程！不多说了上干货。 1.前导介绍：B/S C/S 的优缺点 1）c/s c/s是Client/Server指客户机和服务器，在客户机端必须装客户端软件及相应环境后，才能访问服务器（胖客户端）。第二学期的Java课设就是明显的基于c/s设计的：像qq，微信，王者荣耀，GTA5……这样的软件都是基于c/s设计的。优点就是能充分发挥客户端PC的处理能力，很多工作可以在客户端处理后再提交给服务器。客户端响应速度快。尤其是大型游戏等流畅度要求很高的软件一般都使用c/s模式。对应的缺点：由于每个用户都要下载客户端，客户端需要安装专用的客户端软件及运行环境。首先涉及到安装的工作量，其次任何一台电脑出问题，如病毒、硬件损坏，都需要进行安装或维护。还有，系统软件升级时，每一台客户机需要重新安装，其维护和升级成本非常高。 2）b/s B/S 是Browser/Server指浏览器和服务器端，在客户机端不用装专门的软件，只要一个浏览器即可（瘦客户端）这次的web课设就是b/s模式，b/s最大的优点是客户端不用维护，适用于用户群庞大

前端面试大全—VUE部分(1)

阅读更多关于前端面试大全—VUE部分(1)

1，vue的生命周期 1, 创建期间的生命周期函数 beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 created：实例已经在内存中创建OK，此时 data 和 methods 已经创建OK，此时还没有开始编译模板 beforeMount：此时已经完成了模板的编译，但是还没有挂载到页面中 mounted：此时，已经将编译好的模板，挂载到了页面指定的容器中显示 2, 运行期间的生命周期函数 beforeUpdate：状态更新之前执行此函数，此时 data 中的状态值是最新的，但是界面上显示的数据还是旧的，因为此时还没有开始重新渲染DOM节点 updated：实例更新完毕之后调用此函数，此时 data 中的状态值和界面上显示的数据，都已经完成了更新，界面已经被重新渲染好了！ 3, 销毁期间的生命周期函数 beforeDestroy：实例销毁之前调用。在这一步，实例仍然完全可用。 destroyed：Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。 1，MVC、MVP、MVVM模式的区别 MVC、MVP和MVVM这些开发模式为了分离视图（View）和模型（Model）而提出来的，直白说就是为了前后端分离 1，MVC（Model View

前端---单页面和多页面应用区分

阅读更多关于前端---单页面和多页面应用区分

该文章写的很清晰，让人很快的分别出其中差异单页面应用（SinglePage Web Application，SPA）只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源，公共资源(js、css等)仅需加载一次，常用于PC端官网、购物等网站如图: 单页面应用结构视图多页面应用（MultiPage Application，MPA）多页面跳转刷新所有资源，每个公共资源(js、css等)需选择性重新加载，常用于 app 或客户端等如图：多页面应用结构视图具体对比分析：单页面应用（SinglePage Web Application，SPA）多页面应用（MultiPage Application，MPA）组成一个外壳页面和多个页面片段组成多个完整页面构成资源共用(css,js) 共用，只需在外壳部分加载不共用，每个页面都需要加载刷新方式页面局部刷新或更改整页刷新 url 模式 a.com/#/pageone a.com/#/pagetwo a.com/pageone.html a.com/pagetwo.html 用户体验页面片段间的切换快，用户体验良好页面切换加载缓慢，流畅度不够，用户体验比较差转场动画容易实现无法实现数据传递容易依赖 url传参、或者cookie 、localStorage等

蘑菇街前端面试

阅读更多关于蘑菇街前端面试

【一面】其实还比较简单，大致就介绍了一下自己学了撒。以下几个问题 1、移动端和pc差别 2、html5的特性 3、node.js 4、jq源码读过之后有什么提升 5、js创建对象的几种方式大致就是这个几个了，还有些其他的记不清楚了。总的来说，大家面一面不用太紧张一般都是基础的问题,一面感觉答的很不错【二面】这是一个月黑风高的晚上，我在下班回家的路上二面的大哥给我打了个电话。我说我正在回去的路上10分钟以后面试可否(我可是住在山上啊。一路面一路走肯定累死).回到宿舍，大哥打电话来了。说实话，二面的难度绝对和一面有质的差别。所以说二面通过的同学就属于原则上技术上问题不大。即使二面挂了不要灰心。扯远了，继续说面试题 1、在地址栏输入url中间会经历什么 2、你所了解的前端技术栈有哪些这个可能我要多说一下。本来吧这两个问题看似简单其实暗藏杀机。首先第一个问题。你的回答中将会包括http协议服务器的知识,浏览器渲染的知识。打个比方，dns是什么作用。如果你能把每一块说的很清楚的话，那真的没撒问题了。第二个问题就是考察的是你在前端方面的可扩展性，如果你了解的越多证明你知道的越多。可塑性可发展性更强。二面说实话我答的不是很好，但是很感谢二面前辈让我过了。嘿嘿【三面】是在一个下午,我和哥们去开会了，结果手机没带。回来一看，哎，内心是奔溃的啊。恰好是周六，心想，死定了

如何编写轻量级 CSS 框架

阅读更多关于如何编写轻量级 CSS 框架

Github: https://github.com/nzbin/snack Docs: https://nzbin.github.io/snack 前言这篇文章我已经酝酿了半年之久，或者说拖沓了这么久吧。想说的东西很多，却又无从说起。如今轻量级框架如雨后春笋，层出不穷。我想每个人都应该归纳总结工作中的常见需求，编写一套适合自己的 CSS 框架。在之前的文章中，我提到了面向对象的 CSS（比如 BEM、OOCSS、SMACSS ，详见 http://vanseodesign.com/css/dry-principles/ ）。这是一种思想，并不涉及具体的 CSS 问题，主要是类命名的策略！现在仍然有很多人对于前端框架的认识还停留在表面，认为 Bootstrap 是后端人员专用，前端没必要等等。我不知道这种说法从何而来，我最开始也不喜欢使用框架，或许和很多人的想法一样，畏惧新知识、害怕难以驾驭、遇到问题的时候无法解决等等。最关键的一点是很多人认为框架的样式是固定的，修改起来太麻烦，还不如自己根据设计图写起来方便。为什么使用框架为什么使用框架？答案显而易见，效率。除此之外，使用框架或者研究框架的意义还有很多，比如面向对象思想的具体实现。在上一家公司工作的时候，开始的几个项目我也是用最原始的方法书写 CSS 。项目之中最让我头疼的就是类的命名。我想大多数人都是根据功能去命名

前端开发如何做好SEO优化的工作

阅读更多关于前端开发如何做好SEO优化的工作

前端开发工程师不仅需要要跟视觉设计师、交互式设计师配合，完美还原设计图稿，编写兼容各大浏览器、加载速度快、用户体验好的页面。现在还需要跟SEO人员配合，调整页面的代码结构和标签。一些成熟的平台，在开发初期并没有考虑优化问题，所以做出来的页面，就算是效果很炫，功能很强，但是对搜索引擎非常的不友善。任何一个成熟的网站，后期页面都是动辄几百万的，到这个时候再来调整结构，既费时又费力，最怕的还是会影响到排名和收录。所以说与其在后期碰到问题再来调整，还不如把问题解决在源头。我本人也是从事前端开发工作的，下面把我工作过程中，积累的几个开发过程中就需要做好的SEO优化技巧，分享给大家。 1、简化代码结构，更利于搜索引擎分析抓取有用内容：页面尽量采用DIV+CSS，当然，表格展现模式用table还是比div方便很多的；所有js、css采用外联方式，图片采用 css 精灵，减少请求次数。看下下面同样的内容，用div和talbe布局的代码比较，显而易见用div简便的多。 2、重要内容优先加载（第一个链接最好是网站主关键词，不刻意要求），可以用 css 来处理，索引一篇文章的长度也是有限制的，一定要把最重要的内容，优先展现给蜘蛛，这方面你可以通过查看一些比较大的网页快照来求证。 3、每个页面只能出现一次H1标签，H2标签可以多次： H1权重很高

前端入门解疑（1）-- 序言

阅读更多关于前端入门解疑（1）-- 序言

随着技术的进步、开发理念的逐步完善和客户化的需求日渐增多，前后端分离是业界的趋势，很多公司都采用了这种技术架构，前端技术也发展得非常迅猛。不过这样也导致了新手入门的时候，会产生各种各样的疑惑，甚至有人还产生不了疑惑，只知道照葫芦画瓢。初入公司实习，公司或许会安排又经验的员工进行协助。由于有经验的员工本身任务也比较重，大多数是给新人直接安排简单的任务进行练手，但都是基于公司现有的前端框架进行开发。如果新手在校的时候，在前端方面没有深入接触前端框架，或者是前端的三大技术（HTML，CSS，JS）与背景不太熟悉，会经常摸不着头脑。这时候，如果有经验的员工没给新人做适当的入门培训，很容易导致新人怀疑自己是否适合做前端。目前本人针对这些方向性的问题作出简单的介绍，里面包含了个人对前端技术的理解，主要包括前端的三大技术（HTML，CSS，JS），浏览器，前端框架等。前端三大技术是前端最重要的技能，因为你无法识别你未来的公司或者你公司未来会使用什么技术框架，但只要你掌握好这三大技术，无论怎么变也能快速上手。浏览器是前端展示的工具，适当了解浏览器的来历与特性，能协助你更好的进行开发与排查问题。前端框架是前端技术发展的重要成果，能提高前端开发的效率，同时能增加程序的稳定性。其他方面后续想到再做适当的补充，下面进入简单的技术。来源： CSDN 作者：小明哥哥的哥哥链接： https

订阅前端开发