- 博客(17)
- 收藏
- 关注
RSS订阅
原创 为什么要前后端分离？
一、前戏前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。核心思想是前端html页面通过ajax调用后端的restuful ...
2019-06-18 16:11:51
197
原创 WEB前端优化技巧
当今数字世界，存在着无数的网站，每天都需要处理各种不同的原因的访问。然而，这些网站中有很大一部分显得笨重，使用起来也很麻烦。没怎么优化的网站会被各种各样的问题困扰，包括加载时间、不支持移动设备、浏览器兼容性问题，等等。这篇文章讲述可以帮助改善优化前端的技术，非常有用。主要内容有清理代码、压缩图片、压缩外部资源、使用 CDN，以及一些其它方法。这些方法会为你的网站带显著的速度提升和整体性能提升。...
2019-06-10 09:37:28
868
原创 简析JavaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序
JavaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序这篇文章主要介绍了javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结的相关资料(一)事件绑定的几种方式javascript给DOM绑定事件处理函数总的来说有2种方式：在html文档中绑定、在js代码中绑定。下面的方式1、方式2属于在html中绑定事件，方式3、方式4和方式5属于在js代码中绑定事件，其中方法...
2019-05-30 20:38:21
3534
3
原创 阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return false的区别
...
2019-07-03 21:27:07
294
原创 前、后端是如何进行数据交互的？
web后端和前端是怎么连接的？ 网站数据处理主要分为三层。第一层，表示层，这部分可以用HTML代码，CSS/Javascript代码来实现等。通过前端代码可以实现网页的布局和设计。这层又可以称为显示层。也就是你用浏览器打开能看到的网页。第二层，...
2019-06-18 16:01:26
4212
转载 web开发中前端页面是如何跟后端服务器数据交互的
后端服务器一般是指servlet容器，用于执行java源程序常见的网页有html，htm,shtml，asp，aspx，php，jsp等格式前两个常用于静态网页，后面几个常用于动态网页。这里前端网页以比较常见的 xx.html 和 xx.jsp 网页作为介绍，其它类似一、静态页面xx.html如何跟后台交互：先来看一个最简单的登陆界面源代码 <body> <fo...
2019-06-18 15:51:50
8646
2
原创 6种方法将一个div水平垂直居中
方案一：div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】，兼容性：,IE7及之前版本不支持 div{ width: 200px; height: 200px; background: green; position:absolute; lef...
2019-06-10 09:23:39
1030
原创 实现选项卡切换的三种方式
实现选项卡切换的三种方式用Jquery库实现只需要点击上面的导航标签即可切换下方内容，Html代码如下复制代码<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>tab切换</title> <style...
2019-06-10 09:18:32
5873
原创 H5新增标签、CSS3新增属性总结
一、h5新增标签新增元素说明video表示一段视频并提供播放的用户界面audio表示音频canvas表示位图区域source为video和audio提供数据源track为video和audio指定字母svg定义矢量图code代码段figcaption主内容区main文档主题time日期和时间值ma...
2019-06-04 20:11:14
695
原创 Object常用方法、对象拷贝
对象方法//Object.assign函数，第一个参数为目标对象，后面依次为源对象//将来自一个或多个源对象中的值复制到一个目标对象var first = {name : 'kong'};var last = {age : 18};var person = Object.assign(first, last);console.log(person);//{name : 'kong',...
2019-06-04 19:19:20
292
原创 Number()、parseInt() 和 parseFloat() 的区别
Number()、parseInt() 和 parseFloat() 的区别 一：Number()如果是Boolean值，true和false值将分别被转换为1和0。如果是数字值，只是简单的传入和返回。如果是null值，返回0。如果是undefined，返回NaN。如果是字符串： a. 如果字符串中只包含数字时，将其转换为十进制数...
2019-06-01 08:43:03
5545
原创 语法糖
语法糖以及js中常见语法糖 语法糖(Syntactic sugar),是由Peter J. Landin(和图灵一样的天才人物，是他最先发现了Lambda演算，由此而创立了函数式编程)创造的一个词语，它意指那些没有给计算机语言添加新功能，而只是对人类来说更“甜蜜”的语法。语法糖往往给...
2019-05-30 08:24:16
314
原创 数组常用方法汇总
数组常用方法基础joinreversesortconcatslicesplicepushpopunshiftshifttoStringES5新增isArrayindexOflastIndexOfeverysomeforEachmapfilterreducereduceRight基础join将数组中的元素转化为字符串并连接在一起，默认以逗号分隔元素，可以自定义分隔符，返回最终连接在一起的字符...
2019-05-29 21:13:18
454
原创 JavaScript原型链与继承操作实例总结
JavaScript原型链与继承操作实例总结原型、原型链与继承一、原型1.什么是原型：2.原型链：二、继承1.那么什么又是继承呢：2.继承的过程：3.继承方式：原型、原型链与继承一、原型1.什么是原型：简单说就像css的class一样，是公用的，给DOM元素加个class名就可以公用样式，那么原型就相当于css里面的class，都可以用。在构造函数创建出来的时候，系统会默认的帮构造函数创...
2019-05-29 20:57:21
360
转载 vue-自定义组件传值
转载出处：http://blog.csdn.net/ligang2585116！ https://blog.csdn.net/ligang2585116/article/details/78880908 项目中，我们经常会遇到自定义组件传值的问题，方法很多种，但是原理很简单，下述文档总结实际项目中使用的传值方式。 父组件传递给子组件某一值，子组件内会修改该值，...
2019-05-29 19:42:07
3905
原创 简述HTML中post与get请求的区别
简述ajax中post与get请求的区别，以及请求报文欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程...
2019-05-23 20:04:22
21100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人