![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web笔记
join8
热爱学习 交友
展开
-
js var变量具体含义和用法
经验研究发现 JavaScript 的 var 关键字貌似是用来声明局部变量的。下例子声明了2个局部变量 var str = "Hello"; function change() { var str = "say"; } change(); document.write(str);-->change()转载 2016-03-07 17:07:59 · 1554 阅读 · 0 评论 -
通信类-同源策略
// 通信类 // 什么是同源策略 // 同源策略是浏览器的一个安全功能,不同源的客户端脚本在没有明确授权的情况下,不能读写对方资源。所以a.com下的js脚本采用ajax读取b.com里面的文件数据是会报错的。 // 前后端如何通信 // ajax cors websocket // 如何创建ajax ...原创 2018-03-10 22:22:58 · 202 阅读 · 0 评论 -
原型链与面向对象
//创建对象有几种方法 var o1={name:'o1'}; var o11=new Object({name:'o11'}); var M=function(){this.name='o2'}; var o2=new M(); var p={name:'o3'}; var o3=Object.create(...原创 2018-03-10 21:52:43 · 211 阅读 · 0 评论 -
关于面试遇到的逻辑运算符
在JavaScript中,|| 和 &&、!都是逻辑运算符。在 || 计算中,X || Y 首先计算X并将X解释执行为一个布尔值, 如果这个布尔值true,则返回true(1),不再计算Y,因为“或”的条件已经满足;如果这个布尔值false,则计算Y,并且也把它解释执行为一个布尔值。 console.log(0||1) //1 console.log(1||2) //11、...原创 2018-02-23 16:00:23 · 195 阅读 · 0 评论 -
dom事件类与http协议基本知识
<!-- dom事件类 基本概念:DOM事件级别 DOM事件模型 DOM事件流 表述DOM事件捕获具体流程 Event对象常见应用 自定义事件 1.DOM事件级别 DOM0 element.onclick=function(){} DOM2 element.addEventListen...原创 2018-03-09 14:50:14 · 302 阅读 · 0 评论 -
BFC原理、创建和使用场景
<!-- js如何获取盒模型对应的宽高 dom.style.width/height //内嵌样式 dom.currentStyle.width/height //只支持IE window.getComputedStyle(dom).width/height //兼容性好 dom.getBoundingClientRect().width/h...原创 2018-03-08 14:28:32 · 1840 阅读 · 0 评论 -
css三栏布局--左右宽度固定,中间自适应
<!-- 三栏布局 --><!-- float布局 脱离文档流,兼容性好 position布局 脱离文档流,使用性差 flex布局 解决前两者缺点,移动使用居多 tabel布局 兼容性好,不存在脱离文档流(内容多时,两边会自动撑高) grid布局 代码简化 --><section class="layout float"> <style t...原创 2018-03-07 15:25:10 · 282 阅读 · 0 评论 -
WebSocket
1.WebSocket 的特点http协议只能有客户端发起,状态需要等到服务器返回才能操作。WebSocket可以数据双向发送,服务器端和客户端可以同时向对方发送数据。(1)建立在 TCP 协议之上,服务器端的实现比较容易。(2)与 HTTP 协议有着良好的兼容性。默认端口也是80和443,并且握手阶段采用 HTTP 协议,因此握手时不容易屏蔽,能通过各种 HTTP 代理服务器。(原创 2017-06-19 10:45:34 · 415 阅读 · 0 评论 -
js中的setTimeout遇到的困惑
1.定义 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 注意事项: 1、如果 setTimeout()中的要执行的方法,可以加引号或不加引号。如果 setTimeout()中的要执行的代码,则必须加引号!!! 2. setTimeout()中的this指向的是window,而不是调用者。2.原创 2017-02-09 16:54:39 · 318 阅读 · 0 评论 -
常用css整理
1.重置input和textarea的默认样式:input,button,select,textarea{outline:none}textarea{resize:none}2.ios流畅滚动: -webkit-overflow-scrolling: touch3.select去掉默认三角: outline: none; border: 0原创 2016-09-14 09:51:59 · 181 阅读 · 0 评论 -
jquery的html,text,val
.html()用为读取和修改元素的HTML标签.text()用来读取或修改元素的纯文本内容.val()用来读取或修改表单元素的value值。这三个方法功能上的对比.html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的HTML内容(包括其Html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.转载 2016-04-09 13:27:58 · 225 阅读 · 0 评论 -
javascript 闭包
闭包,是 javascript 中重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,你很难从定义去理解它。因此,本文不会对闭包的概念进行大篇幅描述,直接上干货,让你分分钟学会闭包!1 闭包–爱的初体验在接触一个新技术的时候,我首先会做的一件事就是:找它的demo code。对于码农们来说,代码有时候比自然转载 2016-03-26 22:33:39 · 258 阅读 · 0 评论 -
Jquery中的bind(),live(),delegate(),on()绑定事件方式
bind()向匹配元素添加一个或多个事件处理器。使用方式 $(selector).bind(event,data,function) event:必需项;添加到元素的一个或多个事件,例如 click,dblclick等; 单事件处理:例如 $(selector).bind("click",data,function);转载 2016-04-07 18:10:01 · 248 阅读 · 0 评论 -
H5与安卓和ios通信
引入JsBridge(安卓)或WebViewJavascriptBridge(iOS)库的方案function setupWebViewJavascriptBridge(callback) { //Andriod使用 if (window.WebViewJavascriptBridge) { callback(WebViewJavascriptBridge)...原创 2019-01-30 15:21:01 · 920 阅读 · 0 评论