前端学习历程--http与https

一.CA(证书授权中心)证书 1.ca是通信的中介,具有足够的权威性 2.信任可嵌套如:C 信任 A1,A1 信任 A2,A2 信任 A3 二.根本区别 1.https需要基于ssl的ca证书认证(判别网站是否伪造) 2.http是明文,https是加密协议(确保传输过程信息不泄露) 3.http端口是80,https端口是443 三.https缺点 1.增加内容开销,加载速度慢50%,也会增加硬件电耗 2.对黑客防范有限 3.不能再同ip绑定多个域名…

前端学习历程--vue

---恢复内容开始--- 一.对比其他框架 1.react: 共同点: 使用 Virtual DOM 提供了响应式(Reactive)和组件化(Composable)的视图组件. 将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库. react路由使用redux,vue也用了类似的vuex 不同点: vue更轻量级,react社区更强大 vue自动获得了 shouldComponentUpdate避免重复渲染在处理动画时,Vue 每秒最高处理 10 帧,而 React 每秒…

前端学习历程--js--原型&闭包

一.数据类型 1.值类型:undefined, number, string, boolean,不是对象 2.引用类型:函数.数组.对象.null.new Number(10)都是对象 3.引用类型判断(instanceof): var fn = function () { }; console.log(fn instanceof Object); // true 4.js中对象:数组是对象,函数是对象,对象还是对象.对象里面的一切都是属性,只有属性,没有方法.那么这样方法如何表示呢?——方法也…

web前端学习历程--跨域问题

一.同源策略一个页面的ajax只能获取这个页面相同源(协议.域名.端口号都必须相同)的数据. 二.jsonp方法 1.json和jsonp JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式 JSONP是JSON with Padding的略称.它是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问 2.解决跨域的原理: 首先,<script>标签的src属性并不被同…

web前端学习历程--排序

一.js排序方法 1.按字母顺序排列: arr.sort() 2.按数值从小到大: function sortNumber(a,b)//排序函数 { return a - b } var arr = new Array(6) arr[0] = "10" arr[1] = "5" arr[2] = "40" arr[3] = "25" arr[4] = "1000" arr[5] = "1"…

前端学习历程--js事件监听

一.事件监听使用场景 1.事件触发多个方法的时候,后一个方法会把前一个方法覆盖掉. window.onload = function(){ var btn = document.getElementById("yuanEvent"); btn.onclick = function(){ alert("第一个事件"); } btn.onclick = function(){ alert("第二个事件"); } btn.oncli…

前端学习历程--localstroge

一. localstorage的特性 1.需要ie8+ 2.浏览器中都会把localStorage的值类型限定为string类型,这个在对我们日常比较常见的JSON对象类型需要一些转换 3.localStorage本质上是对字符串的读取,如果存储内容多的话会消耗内存空间,会导致页面变卡 4.localStorage不能被爬虫抓取到二.localstorage使用规则 1.判断是否支持localStorage 2.localStorage的三种写入方法在控制台中: 因为localStorage…

前端学习历程--css①

---恢复内容开始--- 本文用自己的理解,总结网上或者自身经历的问题,加以汇总,方便查找: 一.浏览器默认样式 1.浏览器处理css&html a.css作用范围:盒子模式.浮动.定位.背景.字体 2.css布局方式: 经典三列布局 Bootstrap栅格布局百度首页布局微博布局人人网布局瀑布流布局 3.层叠样式表: a.层叠:层叠就是浏览器对多个样式来源进行叠加,最终确定结果的过程.即对相同标签的样式融合,且内联>内部>外部(!important可将样式提到最高级),但实际…

结合个人经历总结的前端入门方法 (转自https://github.com/qiu-deqing/FE-learning)

结合个人经历总结的前端入门方法 (https://github.com/qiu-deqing/FE-learning),里面有很详细的介绍. 之前一直想学习前端的,都不知道怎么下手都一年了啥也没学到,现在很迷茫,最经在知乎看了很多人都在谈论怎样学习前端的,发现要学习的东西实在是太多了,以自己先在的水平只能是在三线城市中找份工作. 可生活在一线城市的我,找份新工作是辣么的没有竞争力,看了这么多人的前端学习之路,借鉴他们的方法坚持一段时间. 下面是选取的部分文章,完整的请到原站浏览(http://w…

每天成长一点---WEB前端学习入门笔记

WEB前端学习入门笔记从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工作的一个小结,也是对自己知识的一个梳理,之前特别喜欢记在本子上,不过长期的不用,就会发现记在本子上很容易就忘,所以后面开始写博客.首先,它并不单单是对自己的一些技术心得的总结亦或是一些技术讨论,更重要的是对自己不断学习提高的一种要求和检验,一种技术沉淀.其次,通过技术博客我们可以彼此分享一些技术经验…

GitHub最全的前端资源汇总仓库（包括前端学习、开发资源、求职面试等）

在GitHub上收集的最全的前端资源汇总(包括前端学习.前端开发资源.前端求职面试等) 个人结合github上各位大神分享的资源进行了简单的汇总整理,每一个条目下面都有丰富的资料,是前端学习.工作的好帮手. 说明: 整理有不当之处, 欢迎 pr 或提出 issue. 更新日志: 20161013: 增加 Google面试宝典(作者:John Washam) 20160916: 增加大前端工具集(作者:聂微东) 20160915: 增加前端开发规范手册(作者:阿树) 20160831: 增加前端学…

jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com) - Web前端学习之路

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. Demo页面: 基本选项淡入效果对不支持JavaScript浏览器的降级处理水平滚动容器内水平滚动容器内垂直滚动…

登录模块的进化史，带大家回顾java学习历程（二）

接着前面的登录模块的进化史,带大家回顾java学习历程(一) 继续往下面讲前面我们去实现登录功能,都是想着要完成这个功能,直接在处理实际业务的类中去开始写具体的代码一步步实现,也就是面向过程的编程. 那么现在我们站在设计的角度上去实现该如何做呢?实际上在项目开发的时候,需求规划和数据库设计好之后,我们开始写代码,往往只用写一些接口出来,接口里面只有一些各个业务对应的空方法,没有具体的实现,在架构师进行接口设计的时候,就已经想好了该功能之后通过实现与调用这个接口肯定是可以实现的,等各个功能相关的…

前端学习-基础部分-css（一）

开始今日份整理 1.CSS的导入方式 CSS的导入方式主要是有内联模式,行内模式,外部样式表 1.1 内联模式内联模式:直接在<head>中直接写css,例如 p{ color:rgb(166, 226, 226); } #设置P标签的颜色 1.2 行内模式行内模式:在html中对应元素直接书写 <p style="color:cadetblue">第一段世界大势,合久必分,分久必合</p> 1.3 外部样式表外部样式表,主要是有俩种,一种为…

来自一个电子狂的stm32学习历程

文章尾部有学习时的一些视频资料在学的可以看看那么我们就进入今天的主题我stm32的学习历程在学习了51单片机之后,早已经对单片机这个东西甚有了解了,所有不管是从内部资源,还是一些常见应用,都可以说的头头是道.但51单片机只是一款入门级的单片机,只适合用来教学用,如果要想跟上社会的脚步,我们不应该停留在这个阶层.所以为了更深入的学习单片机,我便开始向更高端的单片机进军,而这款单片机便是STM32. 32作为一款基于ARM内核的单片机,是目前市场上最受流行的.主要的原因,就是内部资源丰富,功能强大…

（纯干货）最新WEB前端学习路线汇总初学者必看

Web前端好学吗?这是很多web学习者常问的问题,想要学习一门自己从未接触过的领域,事先有些了解并知道要学的内容,对接下来的学习会有事半功倍的效果.在当下来说web前端开发工程师可谓是高福利.高薪水的职业了.所以现在学习web前端开发的技术人员也是日益增多了,但是在学习web前端开发中盲目的去学习而没有一个完整的思路和学习路线也是不行的. 1.web前端需要掌握HTML+CSS的静态布局相关知识. HTML主要就是网页编辑,这部分知识非常简单,基本上都能学会.当然前提是经常练习要掌握熟练. 2.…

web前端学习python之第一章_基础语法(二)

web前端学习python之第一章_基础语法(二) 前言:最近新做了一个管理系统,前端已经基本完成, 但是后端人手不足没人给我写接口,自力更生丰衣足食, 所以决定自学python自己给自己写接口哈哈哈哈- 上一章内容:web前端学习python之第一章_基础语法(一) 函数的定义和使用内置函数 python有很多内置的有用的函数,可以直接调用,参考网址:https://docs.python.org/3/library/functions.html#abs 数据类型转换其他数据类型转为整数i…

Nginx系列0：Nginx学习历程

Nginx学习历程一.初识Nginx 1.Nginx适用于哪些场景 (1)静态资源服务通过本地文件系统提供服务 (2)反向代理服务 Nginx的强大性能缓存负载均衡 (3)API服务 OpenResty 2.Nginx出现的历史背景 nginx [engine x]是俄罗斯人Igor Sysoev编写的一个HTTP和反向代理服务器,另外它也可以作为邮件代理服务器. 它已经在众多流量很大的俄罗斯网站上使用了很长时间,这些网站包括Yandex.Mail.Ru.VKontakte,以及Ramb…

【repost】前端学习总结（二十三）——前端框架天下三分：Angular React 和 Vue的比较

目录(?)[+] 前端这几年的技术发展很快,细分下来,主要可以分成四个方面: 1.开发语言技术,主要是ES6&7,coffeescript,typescript等: 2.开发框架,如Angular,React,Vue.js,Angular2等: 3.开发工具的丰富和前端工程化,像Grunt,Gulp,Webpack,npm,eslint,mocha这些技术: 4.前端开发范围的扩展,如服务端的nodejs,express,koa,meteor,GraphQL;移动端和跨平台的PhoneGap…

海瑞菌的web前端学习直播间

这是本人的web前端学习直播间一般每天晚上10点--12点为直播时间...以web前端开发为主. 若设备无法打开,请点击链接进入:https://www.huya.com/14958154 setTimeout(function(){ location.href="https://www.huya.com/14958154"; },2000)…

前端学习—React—初出茅庐

React学习—初出茅庐对与React的学习思路,首先React中用到了Class.let.const.以及modual(模块)的导入(import)和导出(export),而这些都是ECMAScript6标准中新增的内容,所以ECMAScript6在React学习中,是一个基础且重要的知识点. 前端开发工程化构建思想,组件依赖.组件管理.以及前端开发MVC构建,都让前端的开发更加高效和专注. 零.ES6 从零开始.ECMAScript6 一个里程碑,对前端的发展有着重要的作用.let con…

前端学习之——js解析json数组

** 前端学习之——js解析json数组** 解析json数组即对JSONArray的遍历一.对于标准的json数组如: var result=[{"flag":1,"macId":"2","mbId":0,"userName":"XXX"},{"flag":1,"macId":"1","mbId":1,&…

vue—你必须知道的 js数据类型前端学习 CSS 居中事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记（一） web攻击 web安全之XSS JSONP && CORS css 定位 react小结

vue—你必须知道的目录更多总结猛戳这里属性与方法语法计算属性特殊属性 vue 样式绑定 vue事件处理器表单控件绑定父子组件通信过渡效果 vue经验总结 javascript 经验总结更多总结猛戳这里属性与方法不要在实例属性或者回调函数中(例如,vm.$watch('a', newVal => this.myMethod())使用箭头函数.因为箭头函数会绑定父级上下文,所以 this 不会按照预期指向 Vue 实例,然后 this.myMethod 将是未定义.…

强烈推荐 GitHub 上值得前端学习的开源实战项目

强烈推荐 GitHub 上值得前端学习的开源实战项目. Vue.js vue-element-admin 是一个后台前端解决方案,它基于和 element-ui 实现基于 iView 的 Vue 2.0 管理系统模板基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用基于 vue + element-ui 的后台管理系统基于Vue.js + Element UI 的后台管理系统解决方案基于 Vue(2.5) + vuex + vue-router + vue-axi…

值得H5前端学习的60个JS插件(含DEMO演示)

下面也可以说是H5前端学习的js插件大全.基本包含了大部分的前端最前沿的js插件和库. 布局 SuperEmbed.js- 是一个Javascript库,可检测出网页上的内嵌视频并使他们能够变成响应式元素.demo ScrollReveal- ScrollReveal插件使用户能够无比轻松地创建桌面和移动浏览器的网页滚动动画.demo Bricks.js- 是一款超快的用于固定宽度元素的“砖石”布局生成器.demo ————————————————————————————————————————…