自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(335)
  • 资源 (1)
  • 收藏
  • 关注

原创 前后端实现通信的方式

前后端实现通信的方式,即实现数据交互,靠的是HTTP(或者其他衍生类型,例如SSE、WS)前端能发起HTTP请求的方式:1、ajax(Asynchronous JavaScript + XML)技术:ajax的核心是XMLHttpRequest,通过对该对象的操作来进行异步的数据请求。有同源限制。接触的最多的就是jQuery的封装,比如$.ajax   $.post   $.get...

2018-03-30 20:49:57 15168

原创 jquery同vue的区别

1、jquery同vue的区别A、两者的未来发展的区别● jquery介绍:jquery是一个类库,提供了很多方法,不能算框架。在过去和现在Jquery是最流行的web前端js库,可是现在无论国内还是国外,他的使用率正在渐渐被其他的js库所替代。随着浏览器厂商对H5规范统一遵循以及ECMA6在浏览器端的实现,jquery的使用率会越来越低。● vue的介绍:vue是一个刚兴起不久的前端框架,有一套...

2018-03-30 09:42:06 7097 1

原创 轻量级框架与重量级框架的区分

一、轻量级框架与重量级框架并没有确却的定义,区分的时候主要从下面几个方面考虑:1、启动程序时需要加载的资源EJB应用启动时,需要消耗大量的资源,比如内存、CPU等,把所有的服务都加载进来;而Spring则是可定制服务,需要加载什么就加载什么。2、框架的侵入性程度或者框架的依赖性,耦合性程度(轻量级的框架侵入性程度较低)● 轻量级框架不一定需要继承和实现框架的接口和抽象类来注册和实例化组件。● 重量...

2018-03-26 12:47:09 7394

转载 HTTP请求头及其作用

HTTP请求头Header及其作用详解下面是访问的一个URL,http://www.hzau.edu.cn的一个header,根据实例分析各部分的功能和作用。1、Accept,浏览器端能够处理的内容类型。例如:  Accept: text/html  代表浏览器可以接受服务器回发的类型为 text/html  也就是我们常说的html文档。如果服务器无法返回text/html类型的数据,服务器应该...

2018-03-23 14:09:27 19544 2

转载 http状态码详解

http的响应状态码由5段组成● 1xx,代表消息,一般是告诉客户端,请求已经收到了,正在处理● 2xx,代表请求处理成功,一般是请求收到、我明白你要的信息、请求已经处理、已经处理完成等信息● 3xx,代表重定向到其他地方,他让客户端在发起一个请求,以完成整个处理● 4xx,代表处理发生错误,责任在客户端,如客户端请求一个不存在的资源、客户端未被授权、禁止访问等。● 5xx、处理发生错误,责任在服...

2018-03-23 10:37:40 7582

转载 angular.js实现数据双向通信的原理

angular.js实现数据双向通信的原理angular的核心特性有:MVVM、模块化、依赖注入、自动化双向数据绑定、语义标签等。1、AngularJS的scopes对象AngularJS的scopes对象,是一般的javascript对象,可以在他们上面绑定属性和其他对象,也可以添加一些功能,用于观察数据结构上的变化。观察功能都由dirty-checking来实现,并且都在一个digest循环中...

2018-03-22 20:42:40 547

原创 编程实现一个css选择器总结

题目:实现一个getCssSelector方法,可以根据给定的元素生成一个css选择器,通过这个选择器可以快速定位到这个元素(document.querySelector(A))。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document<..

2018-03-22 19:27:13 1287

转载 文档节点document的理解

对于文档节点document的理解文档节点,document,隶属于表示浏览器的window对象,表示网页页面,又称为根节点1、特征三个node属性---nodeType=9         nodeValue=null   nodeName='#document'由于document节点是根节点,所以父节点parentNode指向null,ownerDocument也指向null。2、子节点A、...

2018-03-22 18:50:16 700

转载 nodeName与tagName的区别

原文链接:详情链接DOM里面一共有12种节点类型,常见的3种节点类型;元素节点,属性节点,文本节点。例如:<h1 class="title">head</h1>h1--元素节点      class---属性节点         head----文本节点在这里可以说成元素节点h1包含属性节点class和文本节点head.其实,几乎所有的html的标签都是元素节点,而id  ...

2018-03-22 16:54:18 3300

原创 Vue中集成的指令以及其用法

下面介绍Vue中集成的指令以及用法和作用v-bind v-on v-model v-for v-html v-text v-if v-else-if v-else v-show v-once v-pre v-cloak1、声明式渲染有两种方法A、文本插值,用两个花括号:{{内容}}html如下:<div id="app"&gt...

2018-03-21 15:31:26 958

原创 http/https/tcp/udp的区别

如下图所示各层之间的关系如下图所示:1、TCP/IP 是个协议组,可分为三个层次:网络层,传输层和应用层各层的协议:网络层:IP    ICMP   IGMP   ARP   RARP    BOOTP传输层:TCP   UDP应用层:HTTP  FTP   TELNET  DNS   SMTP2、http的详细讲解3、HTTPSHTTPS(Secure Hypertext Transfer Pr...

2018-03-20 20:04:28 1467

原创 给Array本地对象增加一个原型方法,用于删除数组条目中重复的条目(可能有多个),返回值是一个包含被删除重复条目的新数组

给Array本地对象增加一个原型方法,用于删除数组条目中重复的条目(可能有多个),返回值是一个包含被删除重复条目的新数组思想:this对象的具体作用域是在函数执行到它的时候才确定;可以删除数组中的元素并且能返回被删除的对象的数组方法splice;采用两两比较的思想具体代码Array.prototype.distinct = function() { var ret = []; fo...

2018-03-20 17:29:30 1770

原创 基础知识

1、jquery ajax中支持的数据类型有以下几种: xml  html   json  jsonp  script  text2、常见的浏览器端的存储技术有以下几种:cookie、  WebStorage( localStorage   sessionStorage )、userData、indexDB3、常见的服务端存储技术session4、css3新增的属性box-shadow(阴影效果)...

2018-03-20 15:14:18 140

原创 对函数输入的参数进行升序排序,输入参数不固定

对函数输入的参数进行升序排序,输入参数不固定题目如下:思路:利用行数的对象arguments,取出参数,用sort()函数排序代码:function mySort(){ var tags = new Array(); for(var key in arguments){ //每个函数都有一个this和arguments对象,arguments存放输入的变量...

2018-03-20 14:36:51 999

转载 对vue的template(模板)编译的理解

对vue的template(模板)编译的理解简单的说法:先转化为AST树,在得到的render函数中返回VNode(vue的虚拟DOM节点)详细步骤● 首先,通过compile编译器把template编译成AST语法树(abstract syntax tree,即源代码的抽象语法结构的树状表现形式),compile是creatCompiler(createCompiler是用以创建编译器的)的返回...

2018-03-20 10:04:17 6902

原创 Vue封装组件的过程

vue组件的定义● 组件(Component)是Vue.js最强大的功能之一● 组件可以扩展HTML元素,封装可重用代码● 在较高层面上,组件是自定义元素,Vue.js的编译器为他添加特殊功能● 有些情况下,组件也可以表现用 is 特性进行了扩展的原生的HTML元素● 所有的Vue组件同时也都是Vue实例,所以可以接受相同的选项对象(除了一些根级特有的选项),并提供相同的生命周...

2018-03-20 09:41:05 145991 4

原创 闭包的定义及作用

1、闭包的定义:闭包就是能够读取其他函数内部变量的函数。在js中,可以将闭包理解成“函数中的函数“。     如下代码中f2()函数就是闭包: function f1(){    var m = 10;    function f2(){      alert(m); // 10    } }2、闭包的作用:     A、可以读取函数内部的变量     B、让这些变量的值始终保存...

2018-03-15 15:10:48 16151 1

原创 前端工具gulp的使用与介绍

一、gulp的基本能力       主要是文件合并gulp-concat、文件压缩gulp-uglify、给文件生成版本号gulp-rev、文件重命名gulp-rename、语法检查gulp-jshint等1、文件合并争论: 在前端开发中应该把所有的js和css文件写在一个文件里面还是分开各个页面写,建议开发的时候分开写,上线的时候合               并为一个。好处:对于浏览器而言,不...

2018-03-13 21:56:06 176

原创 webpack的介绍与使用

前端打包工具有webpack、grunt、gulp等,这里主要介绍webpack.一、webpack的基本能力:处理依赖、模块化、打包     1、依赖管理:方便引用第三方模块,让模块更容易复用、避免全局注入导致的冲突、、避免重复加载或者加载不必要的模块     2、合并代码:把各个分散的模块集中打包成大文件,减少HTTP的链接的请求次数,配合uglify.js可以减少、优化代码的体积     3...

2018-03-11 14:54:05 13895 12

原创 同一个页面出现多个Body组件

在浏览网站的时候,会发现页面中包含多个html     body等元素。因为html是弱标签,所以出现多个同样的标签,只要格式正确,是不会报错的。1、多个标签:取最外层标签2、多个  去第一个3、多个标签,则按照顺序全部列出来不顾规范声明:只有一个body  html title  head标签

2018-03-09 21:44:06 2789

转载 js判断浏览器是否为IE浏览器

用js判断当前的浏览器是否为IE浏览器:IE6-8和IE11都适用:function isIE() { //ie? if (!!window.ActiveXObject || "ActiveXObject" in window) { return true; } else { return false; } }win

2018-03-08 18:41:58 18247

原创 动态添加的遮罩层,第一次执行display:none有效,当再次执行的时候失效

在js中动态给页面添加遮罩层,当点击“是”按钮的时候,遮罩层消失,还停留在当前页面,当点击“否”按钮的时候,则跳转到别的页面问题:当第一次执行点击“是”按钮的时候,遮罩层会消失;第二次点击“是”按钮的时候,代码有执行,但是遮罩层没有消失js部分代码: //点击提示框的“是“按钮事件,将添加的背景和提示框从body中移出 clickYesBtn = function(){

2018-03-04 16:23:28 2519

原创 masterslider支持动态加载数据,懒加载图片

使用masterslider动态加载图片,并且懒加载图片,使网页运行更快思路:先动态获取到图片的url,将url赋给的一个自定义属性address-src,当获取完数据之后,在使用setup()函数对slider进行初始化;当slider的Index改变的时候,在j将address-src的值赋给src。这样会加快网页渲染速度,因为只有遇到src有值的时候,浏览器才会解析它。1、先加载sl

2018-01-25 16:25:26 1249

原创 masterSlider插件支持动态加载数据

让masterSlider插件支持动态加载数据的方法:先获取到数据,然后在对slider使用setup()函数初始化。1、先引入master-slider所需的css和js文件,可以从其官网下载源码2、html如下: 3、js如下:$(function(){ var slider = new

2018-01-25 16:11:43 2828

原创 swiper支持动态加载数据

用swiper插件动态加载数据:动态获取完数据之后,在初始化swiper.1、在标签里面加入swiper的css和js文件 2、html如下: 3、js如下: function handle

2018-01-24 20:39:43 11298

原创 往数据库插入中文的时候,显示乱码

用php往数据库插入中文的时候,显示乱码的解决方法,就是在建立与数据库的连接之后,加上这一句话:mysqli_query($this->link,"set names 'utf8'");在php中,建立与数据库的连接的方法如下: /** * 连接数据库 */ private function conn() { //

2018-01-21 20:32:53 373

转载 ENGINE=InnoDB AUTO_INCREMENT=42 DEFAULT CHARSET=utf8 CHECKSUM=1 DELAY_KEY_WRITE=1 ROW_FORMAT=DYNAMIC

ENGINE=InnoDB AUTO_INCREMENT=42 DEFAULT CHARSET=utf8 CHECKSUM=1 DELAY_KEY_WRITE=1 ROW_FORMAT=DYNAMIC;详解ENGINE=InnoDB:将mysql数据库引擎设置为InnoDB。InnoDB表示带行锁定和外键的事务安全表。AUTO_INCREMENT=42:表示自增字段的值,每次自增42DEFAULT

2018-01-18 20:17:34 3863

原创 PHP中的$_SERVER['HTTP_HOST']与$_SERVER['SERVER_NAME']的区别

PHP中的$_SERVER['HTTP_HOST']与$_SERVER['SERVER_NAME']的区别通过:$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']可以获取域名及请求的URL。1、变量HTTP_HOST和SERVER_NAME都是获取当前域名2、当满足以下3个条件的时候,两者会输出相同的信息     A、服务器端口号为80 

2018-01-09 17:35:58 4646

原创 PHP中的公共静态方法

PHP中的公共静态方法,如: public static function getParam($input){.......}使用static,表明该公共方法是一个公共的静态方法,可以不用实例化这个类,直接className::functionName()来进行调用;同时,静态方法都是存在缓存里面,运行速度快;而非静态公共方法,需要用new实例化之后,才能使用$class->funct

2018-01-09 15:04:43 1519

原创 @header("Content-type: text/html; charset=utf-8");

这句话中@header("Content-type: text/html; charset=utf-8");前面的@的作用是:压制错误信息,使用@符号,可以使其后面跟随的代码,在发生错误时,不产生PHP的错误提示信息

2018-01-09 14:16:43 3290

原创 PHP里面的函数mkdir(),is_dir()

1、PHP里面的函数mkdir()的作用是:新建目录bool mkdir ( string $pathname [, int $mode = 0777 [, bool $recursive = false [, resource $context ]]] )参数:$pathname---目录的路径          $mode--------默认的mode是0777,意

2018-01-09 10:57:21 2848

原创 PHP中的date_default_timezone_set ()

PHP中的函数date_default_timezone_set()的作用是:设定脚本中所有日期时间函数的默认时区格式:bool date_default_timezone_set ( string $timezone_identifier )输入值:$timezone_identifier失去标识符返回值:如果参数$timezone_identifier无效返回false,有效返回t

2018-01-09 10:37:11 716

原创 编码方式gbk、gb2312、utf8的区别

gbk一般用于繁体中文,是国家标准gb2312基础上扩容后兼容gb2312的标准。文字编码(中英文)用双字节编码,是国家编码,通用性比utf8差,但utf8占用的数据库比gbk大gb2312一般用于简体中文utf8----是全球通用,用于解决国际上字符的一种多字节编码,英文使用8位(一个字节),中文使用28位(3个字节)。现在一般都用utf8编码。允许含BOM,但一般不包含BOM。gb

2018-01-09 10:04:47 1096

原创 php中函数dirname()和全局变量_FILE_

php中函数dirname()和全局变量_FILE_的讲解1、dirname():    string dirname ( string $path )    输入:指向一个文件的全路径的字符串    输出:返回去掉文件名后的目录名 2、_FILE_ :表示当前所在文件的绝对路径(包括文件名)3、dirname(_FILE_):表示当前文件的绝对路(去掉文件名) 

2018-01-09 09:39:31 278

原创 在php文件的最前面设置header函数

在php文件的最前面设置header函数的内容,即在的前面设置header()函数1、header("Content-Type: text/html;charset=utf-8");      这句话的意思是,设置页面的内容为html;’编码为utf8(设置编码为utf8的原因是,防止在php文件里面有汉字输出的时候,出现编         码乱码的现象出现)2、header(

2018-01-08 21:04:02 2417

原创 js判断一个手机号是否合法

js判断一个手机号是否合法function isMobileNumber(phone) { var flag = false; var message = ""; var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0-9]{1})|(15[0-3]{1})|(15[4-9]{1})|(18[0-9]{1})|(199))+\d{

2018-01-08 20:47:31 10354

原创 在sqlyog里面创建新的数据库

在sqlyong里面创建新的数据库的步骤1、打开sqlyong界面2、右击“root@localhost” -&gt;  点击“Create Database”,弹出“Create Database”弹出框3、在“Database name”输入框输入自定义的数据库名称;     在“Database charset”输入框里面选择“utf8”     在“Database c...

2018-01-08 19:25:48 5845

原创 php中的require require_once include incllude_once的区别

php中的require   require_once   include   incllude_once的区别1、include、require执行包含文件,不对包含文件进行判断,可能会出现重复包含情况;     include_once、require_once在包含文件的时候,会先判断文件是否已经包含过,如果包含,则不再包含。这样的方式可以节省资        源,避免重复定义的错误

2018-01-08 15:53:43 218

原创 phpstudy环境下修改Apache端口号

phpstudy环境下修改Apache端口号默认情况下,Apache的端口号是80,但是如果80端口被占用了,那么启用失败,此时要修改默认的端口号1、打开Apache的配置文件httpd-conf文件:打开phpstudy界面  ->点击“其他选项菜单”  ->  点击“打开配置文件” ->  点击“httpd-conf”2、ctrl+f:输入“80” ,找到下面这句话:#List

2018-01-05 16:42:36 11807 3

原创 phpstudy下配置多站点

phpstudy下配置多站点1、打开phpstudy的界面,如下图所示:点击“其他选项菜单” -> “打开文件位置” -> “Apache”2、打开文件httpd-vhosts.conf(虚拟目录的配置文件),如下图所示:(打开Apache的安装路径之后大致是这样的)3、打开文件界面如下:在# Add any other Virtual Hosts below这句话下面

2018-01-05 09:20:51 6573 1

在线剪切图片:cropbx.js插件的源代码

在线剪切图片插件:cropbx.js插件的源代码。cropbox.js 是一个实现了图像在线剪裁的 jQuery 、YUI 插件和 JavaScript 库。上传的图片可以使用滚轮放大与缩小当前选择的图片,也可以点击按钮“+”、“”-“实现放大缩小,”后点击“裁切”后显示裁减的图片

2017-11-17

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除