自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(47)
  • 收藏
  • 关注

原创 小知识

//一个常见的Webpack配置文件var webpack = require('webpack');var HtmlWebpackPlugin = require('html-webpack-plugin');var ExtractTextPlugin = require('extract-text-webpack-plugin');module.exports = { entry

2017-08-11 08:59:04 239

原创 小知识

sass/scss 和 less的区别一. Sass/Scss、Less是什么?Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,Sass语法属于缩排语法,比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理,函数等),更容易阅读。Sass与Scss是什么关系?Sass的缩排语法,对于写

2017-08-10 01:06:59 230

原创 小知识

判断触摸方向:         Document            div{            position: relative;            width: 500px;            height: 500px;            background-color: #ccc;        }    

2017-08-09 09:00:38 174

原创 小知识

最初始的JavaScript的Ajax在刚刚接触编程的时候接触过,现在都忘没了,只记得首先得获取XMLHttpRequest对象,实际开发中用的全都是jQuery封装好的Ajax,用的也是很繁。jQuery中$.ajax()方法属于最底层的方法,第二层是load()、$.get()和$.post()方法,第三层是$.getScript()和$.getJSON()方法,其中当属第二层的三个方

2017-08-08 08:50:09 155

原创 css3小知识

CSS3引入了一种新的布局模式——Flexbox布局,即伸缩布局盒模型(Flexible Box),用来提供一个更加有效的方式制定、调整和分布一个容器里项目布局,即使它们的大小是未知或者动态的,这里简称为Flex。Flexbox布局常用于设计比较复杂的页面,可以轻松的实现屏幕和浏览器窗口大小发生变化时保持元素的相对位置和大小不变,同时减少了依赖于浮动布局实现元素位置的定义以及重

2017-08-06 22:35:09 330

原创 小知识

js判断浏览器类型         function getOs()   {       var OsObject = "";      if(isIE = navigator.userAgent.indexOf("MSIE")!=-1) {           return "MSIE";      }      if(isFirefox=navigato

2017-08-04 08:50:07 260

原创 js小知识

什么是API:API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。Windows APIAPI函数包含在Windows系统目录下的动态连接库文件中。Windows API是一套用来控制Windows的各个部件的外观和行为

2017-07-17 08:57:52 218

原创 js小知识

回调函数:简而言之,回调函数就是一个通过函数指针调用的函数。如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用为调用它所指向的函数时,我们就说这是回调函数。类库:类库(Class Library)是一个综合性的面向对象的可重用类型集合,这些类型包括:接口、抽象类和具体类。类库可以解决一系列常见编程任务(包括诸如字符串管理、数据收集、数据库连接以及文件访问等任务),还可以解决多种

2017-07-14 08:54:34 137

原创 js小知识

readyState 属性表示Ajax请求的当前状态。它的值用数字代表。0 代表未初始化。 还没有调用 open 方法1 代表正在加载。 open 方法已被调用,但 send 方法还没有被调用2 代表已加载完毕。send 已被调用。请求已经开始3 代表交互中。服务器正在发送响应4 代表完成。响应发送完毕常用状态码(status)及其含义:404 没找到页面(

2017-07-12 08:48:45 122

原创 js小知识

$ 是组成字符串的一种,在这里$就是相当于一个函数名这里是命名一个函数名为$的函数。这样的写法经常出现在prototype框架和jquery框架中用来对于取元素操作。不过这个函数是自己定义的,在框架中就是框架自己定义的。javascript本身只是当成一个特殊字符~Ajax 原单词是什么呢?Asynchronous JavaScript And Xml它不是一种新的编程

2017-07-11 08:53:25 125

原创 js小知识

1、三次握手原则Http协议三次握手过程  TCP(Transmission Control Protocol) 传输控制协议TCP是主机对主机层的传输控制协议,提供可靠的连接服务,采用三次握手确认建立一个连接:位码即tcp标志位,有6种标示:SYN(synchronous建立联机) ACK(acknowledgement 确认) PSH(p

2017-07-10 08:52:13 161

原创 js小知识

网页后退: 后退前进上下左右的阿斯科码值:上键:0 72 下键:0 80 左键:0 75 右键:0 77 加密技术:一:最简单的加密解密对于JAVASCRIPT函数escape()和unescape()想必是比较了解啦(很多网页加密在用它们),分别是编码和解码字符串,比如例子代码用escape()函数加密后变为如下

2017-07-07 08:47:50 199

原创 js小知识

onmouseover、nmouseout:鼠标移动到自身时候会触发事件,同时移动到其子元素身上也会触发事件onmouseenter、onmouseleave:鼠标移动到自身是会触发事件,但是移动到其子元素身上不会触发事件文档碎片是什么:文档碎片:类似一个临时的文档,要所有要加的dom元素先放在这里,达到不要每次操作dom元素提高页面效率var d1 = new D

2017-07-05 08:37:32 115

原创 js知识

水平滚动条、垂直滚动条:overflow内容溢出时的设置(设定被设定对象是否显示滚动条)  overflow-x水平方向内容溢出时的设置    overflow-y垂直方向内容溢出时的设置   以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。offsetX:当鼠标事件发生时,鼠标相对于事件源x轴的位置 offsetY:当鼠标事件发生时,鼠标相对于事

2017-07-03 09:12:43 115

原创 js小知识

事件:JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。主要事件表:onmouseover与onmouse

2017-06-30 01:25:03 139

原创 js小知识

文档碎片是什么://文档碎片:类似一个临时的文档,要所有要加的dom元素先放在这里,达到不要每次操作dom元素提高页面效率 var d1 = new Date(); //创建十个段落,常规的方式 for(var i = 0 ; i 1000; i ++) { var p = document.createElement("p"); var

2017-06-29 08:54:06 150

原创 js小知识

第一种,只区分浏览器,不考虑版本复制代码代码如下:function myBrowser(){    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串    var isOpera = userAgent.indexOf("Opera") > -1;    if (isOpera) {   

2017-06-27 09:09:31 119

原创 js

nodelist:Array.prototype.testNodeList = "test nodelist";function NodeList() {       var list = document.getElementsByTagName("li");       alert(list.testNodeList);   }   function test() {

2017-06-26 01:18:59 162

原创 js小知识

一、什么是闭包?官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。相信很少有人能直接看懂这句话,因为他描述的太学术。其实这句话通俗的来说就是:JavaScript中所有的function都是一个闭包。不过一般来说,嵌套的function所产生的闭包更为强大,也是大部分时候我们所谓的“闭包”。看下面这段代码:fu

2017-06-24 00:53:43 195

原创 js小知识

HTTP是Hyper Text Transfer Protocol(超文本传输协议)的缩写。它的发展是万维网协会(World Wide Web Consortium)和Internet工作小组IETF(Internet Engineering Task Force)合作的结果,(他们)最终发布了一系列的RFC,RFC 1945定义了HTTP/1.0版本。其中最著名的就是RFC 2616。RFC 2

2017-06-23 09:18:05 143

原创 js小知识

js的函数调用会免费奉送两个而外的参数就是 this 和 arguments 。arguments是参数组,他并不是一个真实的数组,但是可以使用.length方法获得长度。书上有说4中调用方式:方法调用模式函数调用模式构造器调用模式apply调用模式下面我们来看看一些实例更好理解。1:方法调用模式。请注意this此时指向myobject。/*方法调用

2017-06-22 00:48:56 152

原创 js小知识

失去焦点:onblur="hanshu(this)"获得焦点:onfocus="hanshu(this)"

2017-06-21 08:57:13 92

原创 js小知识

1、push和shift区别shift:从集合中把第一个元素删除,并返回这个元素的值。push:在集合中添加元素,并返回新的长度2、什么是栈①栈(stack)又名堆栈,它是一种运算受限的线性表。其限制是仅允许在表的一端进行插入和删除运算。这一端被称为栈顶,相对地,把另一端称为栈底。②栈就是一个桶,后放进去的先拿出来,它下面本来有的东西要等它出来之后才能出来(

2017-06-20 08:49:22 93

原创 js

节点:在程序语言中,节点是XML文件中有效而完整的结构的最小单元。在作图软件MAYA中,节点是最小的单位。每个节点都是一个属性组。节点可以输入,输出,保存属性。DOM:文档对象模型 Document Object ModelJavaScript将浏览器及网页文档、HTML元素都使用相应的对象表示如:window、document、body、forms这些对象与对象的层次关系称为

2017-06-19 08:59:36 117

原创 js小知识

concat: concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。every: every() 方法测试数组的所有元素是否都通过了指定函数的测试。find: 如果数组中某个元素满足测试条件,find() 方法就会返回满足条件的第一个元素,如果没有满足条件的元素,则返回 undefined。indexOf: indexOf()方

2017-06-14 08:46:36 173

原创 js小知识

购物车怎么做见代码/购物车 (数组版本)(function ($) {$.fn.TaShopCartArray = function (setting) {//初始化配置var opts = $.extend({}, $.fn.TaShopCartArray.defaults, setting);//读取cookeie信息var _initdata = [];

2017-06-13 01:23:19 144

原创 js小知识

当按键后,不希望按键继续传递给如HTML文本框对象时,可以取消返回值.即停止默认事件默认行为.12345678910//阻止浏览器的默认行为function stopDefault( e ) {     //阻止默认浏览器动作(W3C)  

2017-06-12 10:56:54 177

原创 js小知识

什么是指针:指针就是一个存放地址的变量当指针指向某个变量 这时这个指针里就存放了那个变量的地址 同时可以利用指针直接取变量中的值用 只要在指针前加 * 就是取其 真值了(也就是被指向的变量的值) 举个例子 int i=0,*p; 声明了一个 int 类型的 变量i和指针p 假设i在内存中所存在的地址为aaaaa(随便写的) p->i 就是使指针p指向i 也就是说 指针p中存放了aaaaa这

2017-06-12 08:44:15 161

原创 js小知识

1、数组和函数concat将参数列表连接到原数组后面形成一个新的数组并返回,原有数组不受影响。var arr = ["a","b","c"];var arr1 = arr.concat("d","e");//arr1 = ["a","b","c","d","e"]join以指定的字符作为分割符,将数组转换为字符串,当指定字符为逗号时,其作用和 toString()

2017-06-09 00:31:35 239

原创 js小知识

递归函数:所谓的递归函数就是在函数体内调用本函数。使用递归函数一定要注意,处理不当就会进入死循环。递归函数只有在特定的情况下使用 ,比如阶乘问题

2017-06-08 08:33:50 195

原创 js小知识

获取年月日时秒分星期:var oDate = new Date(); //实例一个时间对象;oDate.getFullYear(); //获取系统的年;oDate.getMonth()+1;//获取系统月份,由于月份是从0开始计算,所以要加1oDate.getDate(); // 获取系统日,oDate.getHours(); //获取系统时,oDa

2017-06-07 01:38:00 164

原创 js小知识

水仙花数:水仙花数是指一个 n 位正整数 ( n≥3 ),它的每个位上的数字的 n 次幂之和等于它本身。(例如:1^3 + 5^3+ 3^3 = 153)冒泡排序:冒泡排序就是把小的元素往前调或者把大的元素往后调。比较是相邻的两个元素比较,交换也发生在这两个元素之间。所以,如果两个元素相等,我想你是不会再无聊地把他们俩交换一下的;如果两个相等的元素没有相邻,那么即使通过前面的两两交换把两个相邻

2017-06-02 21:12:02 127

原创 js小知识

ajax是什么:AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整

2017-06-02 01:46:21 303

原创 小知识。

2 8 10 16进制之间的转化:♥二进制转换十进制100101=1*20+0*21+1*22+0*23+0*24+1*25=37也就是说100101的十进制数字就是37♦简单方法(对应法)第八位第七位第六位第五位第四位第三位第二位第一位2726252

2017-05-31 19:18:41 414

原创 小知识

word-spacing与letter-spacing的区别:letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。letter-spacing添加字母之间的空白,而word-spacing添加每个单词之间的空白。请大家注意,word-spacing对中文无效。

2017-05-24 18:49:44 181

原创 小知识

vertical-align原理:定义和用法vertical-align 属性设置元素的垂直对齐方式。说明该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。 什么是域名及域名的组成和作用:域名(Domain Name),是由一串用点分隔的名字组成的I

2017-05-23 02:31:41 155

原创 小知识

作用是为了让浏览器识别,而不是普通的内容。这些字符在html中当做保留字。 使用宽度属性width和高度属性height可以对盒子的大小进行控制。width和height的属性值可以为不同单位的数值或相对于父元素的百分比%,实际工作中最常用的是像素值。大多数浏览器,如Firefox、IE6及以上版本都采用了W3C规范,符合CSS规范的盒子模型的总宽度和总高度的计算原则是:盒子的

2017-05-19 00:19:20 199

原创 小知识

什么时候margin取最大值而不是相加?:margin在垂直取值的时候是重叠的,如果上下盒模型分别都有margin,那么取较大值。IE6里面怎么兼容margin双边距问题:只需要加上"   _display:inline;   "就可以了。 因为在IE7以及IE7以上的IE版本中,这个双边距的bug已经修正,前缀符号"_"只有IE6能够识别,所以只需要让IE6去设置这个属性就足以。

2017-05-17 21:08:33 128

原创 小知识

相对:相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。绝对:绝对定位使元素的位置与文档流无关,因此不占据空间。这一点与相对定位不同,相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。

2017-05-17 06:46:08 130

原创 小知识

onfocus的用法:< input type="text" value="请输入产品搜索关键词" onfocus='if(this.value=="请输入产品搜索关键词"){this.value="";};this.className="topsinput2";' onblur='if(this.value==""){this.value="请输入产品搜索关键词";};this.clas

2017-05-15 17:36:54 141

空空如也

空空如也

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

TA关注的人

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