anhu8321-CSDN博客

转载前端基础知识

原作者网址：http://blog.csdn.net/sjpz0124/article/details/47023771前端开发面试知识点大纲：HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。JavaScript：数据类型、面向对象、继承、闭包、插...

2018-01-03 16:06:00 246

转载微信小程序

原作者网址：https://segmentfault.com/a/1190000006982251本文是为了自己查看壹 | 设计理念它是一个混合程序，所以即不是纯粹的 Native App ，也不是纯粹的 Web 应用。它是一个「封闭」的开发套件和框架，而不是「自由」的 JavaScript + CSS + HTML 。因此，你不能任性地使用 jQu...

2018-01-03 14:42:00 118

转载 jQuery下拉框

来源：https://www.cnblogs.com/songhaipeng/archive/2012/11/25/2787214.html本文转载而来jQuery对下拉框Select操作总结转自网络，留做备用jQuery获取Select元素，并选择的Text和Value:1. $("#select_id").change(function(){//cod...

2018-01-02 17:47:00 6854

转载 Vue-cli的安装

这座网址：https://www.cnblogs.com/jn1223/p/6656956.htmlvue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node1、安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘宝的镜像，所以先安装cnpm（因为速度和稳定性都比较好）2、...

2017-12-29 18:05:00 111

转载 vue的数据交互形式

原作者网址：https://www.cnblogs.com/calledspeed001/p/7094494.htmlvar that=thisget请求that.$http.get("1.txt").then(function(result){console.log(result)this.msg=result.data;})post请求 ...

2017-12-29 16:56:00 102

转载 node安装和小测试

一、下载nodejs文件首先，我们在浏览器中输入nodejs，在搜索结果中，点击进入nodejs官方网站。2进入官网后，点击工具栏上的“DOWNLOADS”，进入到各平台版本的下载列表中，然后这里可以选择windows Install于可以选择Windows Binary,然后选择对应的位数，我这这里下载了64位的Windows ...

2017-12-28 20:29:00 150

转载 shui - 文本框输入时做判断

《body》<body> <section> <div id="main" class="cl"> <p>提现金额</p> <p> <a href="####" id="ind"><sp...

2017-12-28 20:02:00 93

转载 JQ-滚动条下拉无限的加载数据

一、原理　　利用滚动的高度，如果滚动的高度到达一定范围，就加载数据二、实现　　利用$(document.body).outerWidth()获取的是屏幕的高度，这个是固定的，不变的　　利用$(window).scrollTop()获取您滚动的高度　　利用$(document).height()获取总的高度　　　注：$(widnow).height()这个是可视区的...

2017-12-13 00:10:00 126

转载 HTML-video全屏

var oV = document.getElementById('v1');aInput[4].onclick=function() { 　　launchFullScreen(oV); } function launchFullScreen(oV) { 　　if(oV.requestFullScreen) { 　　　　oV.requestFullS...

2017-12-06 21:39:00 104

转载 JavaScript-轮播3

window.onload=function() { var wrap=document.getElementsByClassName('wrap')[0]; var span=document.getElementsByClassName('buttons')[0].getElementsByTagName('span'); var arrow_left=do...

2017-12-05 01:06:00 78

转载 JavaScript-轮播2

<div class="container"> <div class="wrap" style="left: -600px;"> <img src="./img/timg10.jpg" alt=""> <img src="./img/timg14.jpg" alt=""> <img...

2017-12-05 01:04:00 99

转载 JavaScript-轮播

<div id="wrap">  <div id="inner" class="clear">  <img src="img/timg10.jpg" alt=""> <img src="img/timg14.jpg" ...

2017-12-05 01:00:00 62

转载 JavaScript-封装的库

/****Cookie*/function setCookie(name,value,iDay){ 　　//设置Cookie 　　var oDate=new Date(); 　　oDate.setDate(oDate.getDate()+iDay); 　　document.cookie=name+"="+value+";expires="+oDate;}function getCooki...

2017-12-05 00:14:00 91

转载 Html-语义话标签

一、语义话标签　　header:头部　　article:　主体部分　　　aside:主体的附属信息，一般都是放侧边栏　　section:内容区域　　footer:页脚二、功能性标签　　address:作者信息　　progress:进度条　　mark:标记　　dialog:定义一段对话　　datalist:选项列表********...

2017-12-04 20:13:00 143

转载 JavaScript-作用域和作用链

一　　在JS中，函数也是对象，所有的都是对象，函数对象和其它对象一样，拥有通过代码进行访问和一系列通过JS引擎访问的属性二、　　作用链：作用域中对象的集合，他决定了哪些数据可以被函数访问**************************** var test=function() //块极作用域 { 　　if(1+1==2){ 　...

2017-12-04 16:07:00 60

转载 JavaScript-apply、call、ind

*******最终定义：　　call、apply、bind都是绑架“this”,逼迫其指向其它对象一、方法定义call方法:语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上...

2017-12-04 13:00:00 171

转载 JavaScript-严格模式

一、严格模式和普通模式的不同？　　1、严格 ==》变量必须通过var进行声明　　2、严格 ==》with被禁用　　3、严格 ==》eval作用域，eval()内的变量外面是读取不到的。　　4、严格 ==》禁止this关键字指向全局变量　　5、严格 ==》禁止函数内部遍历调用栈　　6、严格==》argunments对象的限制：argunments是函数的参数对象...

2017-12-03 23:01:00 74

转载 JavaScript-正则

一、正则　　规则、模式　　强大的字符串匹配工具　　RegExp()对象二、　　replace：替换所有匹配　　split：把字符串切割成数组　　substring：得到字符串的范围　　charAt：根据下标得到字符串　　search() ：用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。　　　　*********第一个...

2017-12-03 20:20:00 59

转载 JavaScript-Cookie

一、什么是Cookie?　　页面用来存放信息　　用户通过浏览器发送请求，会创建Cookie,可以通过JS来读取创建删除Cookie二、 Cookie的特性？　　数量、大小有限　　有过期时间　　同一个网站只能共享同一套Cookie，也就是同一个域名　　不指定过期时间，到浏览器关闭，就自动清除！！！-JS　　*********第一个Cooki...

2017-12-03 16:12:00 85

转载 JavaScript-BOM

一、BOM　　浏览器对象二、window和document简单来说，document是window的一个对象属性。Window 对象表示浏览器中打开的窗口。如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。所有的全局函数和对象都属于Window 对象的属性...

2017-12-03 11:12:00 50

转载 JSJQ - 去除前后空格

！！！ JS一、左空格functionTrim(str,is_global){varresult;result = str.replace(/(^\s+)|(\s+$)/g,"");if(is_global.toLowerCase()=="g"){...

2017-12-03 09:25:00 146

转载 JavaScript-表格排序

一、知识　　appendChild():先删除，在排序　　sort():数组排序　　parseInt(): 将字符串==》整数（数字）！！！- HTML　　<input id="btn1" type="button" value="排序" />　　<table id="tab1" border="1" width="500"> 　　<th...

2017-12-02 00:27:00 62

转载 JavaScript-排序

一、方法　　sort():这个是用于数组排序，里面可以传一个参数的，参数也可以是函数　　parseInt(): 可解析一个字符串，并返回一个整数　　reverse()：逆向排序，跟sort()是死对头　　replace()：用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。二、数组创建数组的语法：　　　1、　var arr=[值...

2017-12-02 00:05:00 54

转载 JSJQ-添加表格信息

一、事件委托　　1、event对象：事件源，不管在哪个事件中，只要你操作的那个元素就是事件源。　　2、nodeName 属性指定节点的节点名称。　　3、在以往的js事件监听中，用js动态创建的子元素是没有事件的，必须重新为它们绑定事件，但是用事件委托就不用这么麻烦了，不需要重新绑定事件依旧可以实现事件监听。当然事件绑定也是有弊端的，因为它依赖于事件冒泡，如果不支持冒泡那么...

2017-11-30 22:42:00 143

转载 JSJQ-删除表格信息

一、知识点　　var chils= s.childNodes; //得到s的全部子节点　　var par=s.parentNode; //得到s的父节点　　var ns=s.nextSbiling; //获得s的下一个兄弟节点　　var ps=s.previousSbiling; //得到s的上一个兄弟节点　　var fc=s.firstChild; //获得s的第一个...

2017-11-30 21:08:00 182

转载 JSJQ-隔行变色

！！！- CSS 　　*{margin:0;padding:0;} 　　table{border-collapse: collapse;} 　　th,td{border:1px solid #ccc;padding:5px 25px; }！！！ - HTML <table id="tab"> 　　<thead> 　　　　&l...

2017-11-30 20:37:00 118

转载 shui-面试题

！！！- 常识　　1、前端写代码应注意什么？　　　　行为(Js)、样式(css)、结构(HTML)分离！！！- CSS　　1、在父元素为什么要添加font-size:0 ?　　　　因为元素节点有文本节点，在缩进代码时会占据宽度，font-size:0 解决元素间的空白间隙　　2、CSS选择器优先级　　　　!important >行间样式 &...

2017-11-30 19:09:00 72

转载 JQuery-extend

原作者网址：https://www.cnblogs.com/zikai/p/5074686.html原作者网址：http://www.jb51.net/article/51079.htmJQuery的extend扩展方法：　　Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、J...

2017-11-30 15:45:00 62

转载 shui-构造函数

原作者网址：https://www.2cto.com/kf/201402/281841.html在JavaScript中，创建对象的方式包括两种：　　对象字面量　　使用new表达式对象字面量是一种灵活方便的书写方式，例如：　　var o1 = { 　　　　p:”I’m in Object literal”, 　　　　alertP:function(){ ...

2017-11-30 15:33:00 65

转载 shui-_proto_和prototype和原型链

原作者网址：http://www.cnblogs.com/mikezhu/p/5814791.html1，什么是构造函数　　1、首字母大写　　2、任何函数，只要通过 new 操作符来调用，那它就可以作为构造函数　　那么要讲到构造函数，必须要有一个函数，所以我们建立一个函数　　　　function Person(){}　　ok，既然是构造函数，那么久要有参数和返回值...

2017-11-30 15:18:00 57

转载 shui-prototype原型

一、JavaScript常识？　　1、Javascript也是面向对象的语言，但它是一种基于原型Prototype的语言，而不是基于类的语言　　2、Javascript中所有的东西都由Object衍生而来, 即所有东西原型链的终点指向Object.prototype　　3、JS中所有的东西都是对象二、什么是prototype？　　1、每个函数都有一个prototype...

2017-11-30 14:51:00 60

转载 shui-toString()

一、toString()　　返回对象的字符串二、知识点　　【1】undefined、null没有toString()方法　　　　undefined.toString();//错误　　　　null.toString();//错误　　【2】布尔值　　　　false.toString() 　　//得出的是一个字符串：fasle　　　　B...

2017-11-30 14:26:00 55

转载 Vue-百度搜索下拉提示框

一、Vue.js框架　　1、一个MVVM框架　　2、Vue的好处：简单，易上手，个易维护，更适合移动端，　　　　　　不足：不兼容低版本IE　　3、指令：V-model V-for 这些都称为指令　　4、事件：事件已V-on:开头，缩写是:@click="" 二、百度接口　　　一条原本的接口：https://sp0.baidu.com/5a1F...

2017-11-30 11:07:00 527

转载 JS-JQ-垂直居中的侧边栏

一、原理：　　滚动高度+(可视区高度-div高度的一半）/2　　JS：document.documentElement.scrollTop+(document.documentElement.clientHeight-div/2)/2　　JQ：$(window).scrollTop()+($(document).height()-div/2)/2二、知识　　$(doc...

2017-11-29 21:50:00 150

转载 shui-执行多个window.onload

一、window.onload(){}　等到页面内包括图片的所有元素加载完毕后才能执行二、$(function(){})　　是DOM结构绘制完毕后就执行，不必等到加载完毕。三、知识　　addLoadEven：即在网页第一次加载的时候触发事件！！！ - JavaScript　　第一种方法 window.onload=function() { ...

2017-11-29 21:06:00 64

转载 JS-JQ-默认行为

！！！ - JavaScript　　　　　IE：ev.returnValue=false　　　 FF：ev.preventDefault()！！！ - JQuery　　　　　ev.preventDefault()　　　　　注：JQ中阻止冒泡事件+阻止默认行为：return false转载于:https://www.cnblogs.com/xi...

2017-11-29 19:03:00 89

转载 JS-JQ-滚动条回到顶部

一、思路：　　得到document.documentElement.scrollTop的值，赋值为0　　documentElement ：属性可返回文档的根节点二、知识　　$(window) 获取的是窗口　　$('body,html')获取的是文件本身　　$('html,body') 为什么要写2个，是因为 firefox ie 不支持 body, chrome 支持...

2017-11-29 18:56:00 196

转载 JS-JQ-事件冒泡

一、冒泡的原理：　　子元素会触发父元素的事件　　自上而下的触发事件二、解决方法：　　JS：　　　　　IE:event.cancelBubble=true　　　　　　　FF:event.stopPropagation()　　JQ:　　　　 ev.stopPropagation()！！！ - CSS <style> 　　....

2017-11-29 18:33:00 73

转载 JS-JQ-拖拽

拖拽的原理很简单 1、第一步：需要基本的概念，需要这些事件：　　　　onmousedown()鼠标按下、　　　　onmousemove()鼠标移动、　　　　onmouseup()鼠标抬起、 2、第二步：你需要了解事件的状态，也就是获取鼠标的位置：　　window.Event ：代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮...

2017-11-29 18:20:00 57

转载 CSS-position:fixed兼容IE

一般要固定容器的话，可以直接用position:fixed，但不兼容IE要兼容IE，页很简单，不需要JavaScript代码。！！！------CSS：<style> 　　*{margin:0;padding:0;} 　　#div1{width:100%;height:70px;background:#ccc;position:fixed;right...

2017-11-29 18:09:00 162

空空如也

空空如也