深藏功与名2019/06/06

原创 HTTP协议状态码以及缓存机制

HTTP协议状态码以及缓存机制https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Status协议状态码状态码 含义100 这个临时响应表明，迄今为止的所有内容都是可行的，客户端应该继续请求，如果已经完成，则忽略它。101 该...

原创 欢迎使用CSDN-markdown编辑器

css画一条1px的线1.border： 1px solide #b5b5b5;2..box:before{ content: “”; pointer-events: none; /* 防止点击触发 */ box-sizing: border-box; position: absolute; height: 70%; // 自己设置 l

原创 vue 坑

解决链接   http://eslint.org/docs/rules/eol-last在js  最后一行   一定要加个\n   注意是最后一行。

原创 webpack引入css错误

提示：you need to specify 'style-loader' instead of 'style'   提示 vue2.0 不支持简写

原创 vue环境搭建vue-cli,vue-router,webpack

1.新建一个项目存放文件夹2.打开cmd进到项目文件夹3.输入node -v  前提你装了node4.输入npm install -g vue-cli5.输入vue6.输入vue list7.输入vue init webpack sell（项目名）8.输入install npm9.输入npm run dev10.问题提示npm版本不是3.0解决办法  输

原创 原型继承总结

html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>script> //-----------------------one part----------------------- function Person(first,last) { this.fi

原创 hasOwnProperty(),propertyIsEnumerable( ) ,isPrototypeOf( )

1.hasOwnProperty( )方法用来检测某个属性是否是对象的自身属性（继承的属性不是自身属性，原型属性也不属于）。2.propertyIsEnumerable( ) 只有检测到是自身属性且这个属性是可枚举的返回true，某些内置属性是不可枚举的。3.isPrototypeOf( ) 这个方法会告诉我们当前对象是否是一个对象的原型（即子类）。子类对象 . isPrototype

原创 前端性能优化

1.html简洁而有效2.很多css需要通过HTTP请求来引入，所以你要去除累赘的css文件，弹药注意保留其重要特征。@import 指令来引入外部样式表，这是一个过时的方法，它会组织浏览器并行下载。link标签才是最好的选择，不会阻止并行下载。3.减少外部HTTP请求      1.不必要的图片      2.没用的JavaScript代码      3.过多的css

原创 apache配置

## This is the main Apache HTTP server configuration file.  It contains the# configuration directives that give the server its instructions.# See for detailed information.# In particular, see

原创 JavaScript运算符优先级

表中运算符按照优先级从高到低排序的，每个水平分割线内的一组运算符具有相同的优先级。

原创 if 中的true 和false值

原创 5.浅拷贝与深拷贝

html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>script> 浅拷贝-->// 要小心处理引用拷贝---对象类型（对象 函数 数组）拷贝就是引用拷贝 改变子类 就会改变父类 function extendCopy(p) { var c

原创 4 将继承封装成函数

html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>script> function extend(Child,Parent) { var F = function () {}; F.prototype = Parent.prototype;

原创 3.1 uber 子对象访问父对象的方式

html lang="en">head> meta charset="UTF-8"> title>Titletitle>head>body>script> function Shape(){} Shape.prototype.name = 'shape'; Shape.prototype.toString = function () {

原创 2.1解决只继承原型的副作用（临时构造器）

function Shape(){} Shape.prototype.name = 'shape'; Shape.prototype.toString = function () { return this.name; }; function TwoDShape(){} var F = function () {}; F.proto

原创 2.只继承原型（构造函数.prototype）

function Shape(){} Shape.prototype.name = 'shape'; Shape.prototype.toString = function(){return this.name;}; function TwoDShape(){} TwoDShape.prototype = Shape.prototype; TwoDShap

原创 1.1原型链(实例化 new 对象继承)

继承模式：原型链继承    JavaScript中的每个函数中都有一个名为prototype的对象属性。该函数被new 操作符调用是会创建出一个对象，并且该对象中会有一个指向原型对象的秘密链接（_proto_）。我们就可以在新建的对象中调用相关原型对象的方法和属性。function Shape(){ this.name = 'shape'; this.toStr

原创 1.constructor prototype详解 原型陷阱

funciton Dog(){this.tail = true;}var benji  = new Dog();var rusty = new Dog();Dog.prototype.say  = function(){return ' Woof ! ';}>>>benji,say();          constructor->Dog()

原创 分页相关 select筛选

1.dataTables分页2.筛选$(document.body).on("click",".inquire",function () { var coverValue = $(".filter .cover_country option:selected").val(); var operatorValue = $(".filter .operato

原创 prop和attr的区别

原创 bootstrap折叠

href="#collapseThree" class="rotate">                            点击我进行展开，再次点击我进行折叠。第 3 部分                                                                                               

原创 JavaScript动态生成table中的数据

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> link rel="

原创 javascript继承

script> function Person(first,last) { this.first = first; this.last = last; } Person.prototype = { fullName:function () { return this.first+''+th

原创 highcharts混合图

highcharts具体内容详见：http://www.hcharts.cn/demo/highcharts心得： 不要全看他们API 看一下他的使用教程之后 直接根据你的需要看例子 对应去看API 不要API一个一个看 半天就可以上手html>html lang="en">head> meta charset="UTF-8"> title>T

原创 按钮组样式

ul class="buttongroup"> li>a id="btn_copy" href="webroot;?>CardPurchaseDetails/add/" class="a_demo_two " rel="leanModal" >再次购买a>li> li>a id="btn_activate" href="#Activate" class="a_demo_two " rel=

原创 html自定义标签

大部分浏览器支持自定义HTML标签和为标准标签自定义属性，而且很多浏览器对这两种自定义行为的支持都很直接了当。自定义HTML标签在firefox、chrome这种现代浏览器里，自定义标签很简单，就像标准的标签那样写就可以了，而且CSS和JavaScript存取自定义标签和标准标签并无二致。1234567

原创 重置select

myform为你的表单名$(".myform option").prop("selected", '');

原创 解决span中的内容不换行

span{word-break:normal; width:auto; display:block; white-space:pre-wrap;word-wrap : break-word ;overflow: hidden ;}  white-space -- 通过HTML文档的源代码的排版方式控制页面显示文本的排版方式 取值: normal | pre | nowrap |

原创 firebug常用命令

控制台console是Firebug的第一个面板,也是最重要的面板,主要作用是显示网页加载过程中产生各类信息。一、显示信息的命令Firebug内置一个console对象,提供5种方法,用来显示信息。    最简单的方法是console.log(),可以用来取代alert()或document.write()。比如,在网页脚本中使用console.log("Hello Wor

原创 cakephp

view视图（view）：扩展视图          $this->extend('/Commom/view');元素（elements）：1.小的功能模块（header-footer-navbar）  代码块       2.两种方式定义，作为捕获代码块或者直接赋值  start（）  append（）   end（）        3.css( )代码块   script( )

原创 自适应相关

1. 可以不设置宽度和高度   他里面的内容只要不是浮动的  就会被自动撑开。2.如果不设置宽高度 但是他里面的内容是浮动的  那就不会被自动撑开   到div下面去了    解决办法就是在最后新建一个空  在里面清除浮动。3.在给设置background-img/color的时候一定要设置宽高 或者里面有元素  不然是没用的。   4.当的宽度和高度（前提设置了宽高）不能容下元素时会

原创 定位 获取元素的宽度和高度

可以详见：https://developer.mozilla.org/zh-CN/docs/Web/API/Element/outerHTML里面讲的比上面清楚

原创 jqeury源码分析事件

/** * Created by dadawang on 2016/10/6. *///自己写的jquery(function (window,undefiend) { //--------------------------jquery变量声明------------------------------------------------ var jQuery = fun

原创 jquery源码分析插件

/** * Created by dadawang on 2016/10/6. */(function (window,undefiend) { //--------------------------jquery变量声明------------------------------------------------ var jQuery = function (select

原创 jquery源码分析初步

(function (window,undefiend) { //--------------------------jquery变量声明------------------------------------------------ var jQuery = function (selector,context) { return new jQuery.fn.in

原创 AJAJ滚动加载

(function () { function isVisible(o) { //这就是第三条 判断内容是否可见 返回可见 var offset = getOffset(o),de=document.documentElement; //前一句代码获取当前元素的位置 后一条获取页面的属性 re

原创 表单验证基本步骤

//---------------------表单验证--------------------fm.onsubmit=function (evt) { //先阻止浏览器默认跳转行为，然后验证 if(evt){//w3c evt.preventDefault(); }else{ evt.returnValue=false; }

原创 输入多少字 还剩多少字

//---------当前输入多少字 还能输入多少字------------这里有一个bug 用户粘贴会出错var textarea = fm.motto, curLenSpan =document.getElementById('curLen'), maxLenSpan =document.getElementById('maxLen'), leftLenSpa

原创 年 月 日

//-----------------------------年 月 日---------------------------------------------------var by = fm.birthYear, bm = fm.birthMonth, bd = fm.birthDay;//当用户先选了月的时候 要根据年来改变日by.onchange =

原创 轮播

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script> //这里用于根据className获取对象 function getByClass(className,context) { context = context ||