js代码 | 易学教程

Vue和js冲突解决

阅读更多关于 Vue和js冲突解决

问题描述： Vue不允许js直接操作他的dom对象中的属性，解决：通过js直接操作Vue还没赋值时的元素。即原先我们是直接把我们想要的值赋值给标签，现在我们需要先把值赋值给Vue,然后通过Vue再把值赋值给标签，这样，就避免了直接操作dom元素代码：第一步：在外面创建一个变量，并把值赋值给Vue 第二步：把返回来的值赋值给Vue的info,同时赋值给myModel(一定要赋值，因为我们要操作里面的元素，如果不赋值，会报空指针异常) 第三步：把我们想要改变的值赋值给myModel即可，来源： https://www.cnblogs.com/xiaofengshan/p/12622883.html

Beego 学习笔记7：JS分页

阅读更多关于 Beego 学习笔记7：JS分页

JS分页 1> JS分页，业务逻辑 (1) 分页采用的是一个叫jquery.pagination.js的一个jquery插件 (2) 需要jquery的支持，此项目中使用到的是jquery-2.1.1.min.js (3) 分页需要的参数有:记录总数，每页显示个数，页码 (4) 添加搜索的条件，作为查询使用 2> 编写新的model，命名为data.go.其代码如下: package models import ( "fmt" "github.com/astaxie/beego/orm" _ "github.com/go-sql-driver/mysql" ) // 用户 type User struct{ Id int64 `orm:"auto"` Name string `orm:"size(100)"` Nickname string `orm:"size(100)"` Pwd string `orm:"size(100)"` Email string `orm:"size(100)"` Sex string `orm:"size(2)"` Roleid string `orm:"size(100)"` Status int64 Phone string `orm:"size(16)"` } //根据用户数据总个数 func GetRecordNum(search

JS原生实现表单序列化

阅读更多关于 JS原生实现表单序列化

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单序列化</title> </head> <body> <fieldset> <legend>表单</legend> <form> <div> MM:<input type="radio" name="name" value="mm"></br> GG:<input type="radio" name="name" value="gg"></br> </div> <div> ping<input type="checkbox" name="ping" value="ping"> pang<input type="checkbox" name="pang" value="pang"> qi<input type="checkbox" name="qiu" value="qiu"></br> </div> <div> <textarea rows="8" cols="15"></textarea></br> </div> <div> <select name="fruits"> <option value="apple">apple</option> <option value="orange">orange</option> <option

js判断是安卓还是 ios webview？

阅读更多关于 js判断是安卓还是 ios webview？

通过判断浏览器的userAgent，用正则来判断是否是 ios 和 Android 客户端。代码如下： <script type="text/javascript"> var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 alert('是否是Android：'+isAndroid); alert('是否是iOS：'+isiOS); </script> 可以打开你的 Android 手机或者 iphone 扫描看看下面一个比较全面的浏览器检查函数，提供更多的检查内容，你可以检查是否是移动端（ Mobile ）、ipad、iphone、微信、QQ等。第一种：来自http://blog.baiwand.com/?post=176 <script type="text/javascript"> //判断访问终端 var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion;

js作用域

阅读更多关于 js作用域

1.js的作用域是有函数划分的，而不是块儿 var too="test"; if(true){//这是在块中的定义，此时还是全局变量 var too="new test"; } alert(too=="new test");//return true; function test() { var too="old test";//这是在函数中的定义，此时是局部变量 } test（）； alert(too=="new test");//return true;too并没有改变 2.所有属于全局作用域的变量都是window对象的属性上面例子中第一行的 too就是等于 window.too 看下面的例子 function test() { too="test"; } test(); alert(window.too="test"); 是不是很奇怪，上面例子中函数中的too是局部变量，在这里就是全局变量了注意下两个例子的区别，一个通过显示声明 var too 一个隐示声明too="test"；也就是说没有显示定义的变量，它就是全局变量，虽然它可能只能在这个函数内使用。作用域（scope）是JavaScript语言的基石之一，在构建复杂程序时也可能是最令我头痛的东西。记不清多少次在函数之间传递控制后忘记 this关键字引用的究竟是哪个对象，甚至，我经常以各种不同的混乱方式来曲线救国

给cas自定义login界面

阅读更多关于给cas自定义login界面

2. 修改jsp登录页面离线文件准备好后，就可以对CAS的jsp文件下手了。不过这里强烈建议不要在原有的文件上进行修改，最好建立一份新的theme。具体办法如下：（1）停掉Tomcat服务，进入“%TOMCAT_HOME%\webapps\cas\WEB-INF\view\jsp”文件夹，把default文件夹复制一份在本目录下，取名“custom”。（2）进入“%TOMCAT_HOME%\webapps\cas\themes”文件夹，将default文件夹复制一份在本目录下，取名“custom”。（3）进入“%TOMCAT_HOME%\webapps\cas\WEB-INF\classes”文件夹，将“default_views.properties”文件复制一份并重新命名为“custom_views.properties”。（4）将离线登录页面中做好的“cas.css”文件拷贝到新建的“%TOMCAT_HOME%\webapps\cas\themes\custom”文件夹；将样式文件中用到的图片拷贝到“%TOMCAT_HOME%\webapps\cas\images”文件夹。（注意：css文件中引用图片的相对路径不要搞错。）（5）接下来是修改“%TOMCAT_HOME%\webapps\cas\WEB-INF\view\jsp\custom\ui

Node介绍

阅读更多关于 Node介绍

官网 https://nodejs.org Node.js 不是一门语言，不是库、框架是一个JavaScript运行时环境，简单来说就是Node.js可以解析和执行JavaScript代码。以前只有浏览器可以解析执行js代码，现在js可以脱离浏览器来运行，归功于Node.js 浏览器中的JavaScript 1） EcmaScript：基础语法、if、var、function、Object、Array 2）BOM 3）DOM Node.js中的Javascript 1）没有BOM、DOM 2）有EcmaScript 3）在Node这个js执行环境中为js提供来一些服务器级别的操作API 如：文件读写、网络服务的构建、网络通信、http服务器等处理 Node.js特性 1）事件驱动 2）非阻塞IO模型（异步），使其轻量和高效 npm npm是世界上最大的开源库生态系统，绝大多数js相关的包都放在npm上，方便开发人员下载使用来源： https://www.cnblogs.com/stringarray/p/12602221.html

JS监测产品有效曝光

阅读更多关于 JS监测产品有效曝光

电商列表页面，数据加载，并不是写到了列表的产品图都被客户看见了。有时候根本没有被加载判断加载浏览器是否能判断一张图，加载完毕，如果可以那么触发JS，推送一次曝光数据轮询图片 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>img - complete attribute</title> </head> <body> <img id="img1" src=" http://pic1.win4000.com/wallpaper/f/51c3bb99a21ea.jpg"&gt ; <p id="p1">loading...</p> <script type="text/javascript"> function imgLoad(img, callback) { var timer = setInterval(function() { if (img.complete) { clearInterval(timer); callback(); } }, 50) } imgLoad(img1, function() { // p1.innerHTML = '加载完毕'; //Ajax 触发监测系统传送产品ID }) </script> </body> </html> 图片的onload <!DOCTYPE HTML

原生js封装ajax：传json，str，excel文件上传表单提交

阅读更多关于原生js封装ajax：传json，str，excel文件上传表单提交

由于项目中需要在提交ajax前设置header信息，jquery的ajax实现不了，我们自己封装几个常用的ajax方法。 jQuery的ajax普通封装 var ajaxFn = function(uri, data, cb) { $.ajax({ url: uri, type: 'POST', dataType: 'json', data: data, }) .done(cb) .fail(function() { console.log("error"); }) .always(function() { console.log("complete"); }); } 原生ajax封装，设置header，传json 1 var ajaxHdFn = function(uri, data, cb) { 2 var getXmlHttpRequest = function() { 3 if (window.XMLHttpRequest) { 4 //主流浏览器提供了XMLHttpRequest对象 5 return new XMLHttpRequest(); 6 } else if (window.ActiveXObject) { 7 //低版本的IE浏览器没有提供XMLHttpRequest对象 8 //所以必须使用IE浏览器的特定实现ActiveXObject 9 return

浏览器从接收到一个url，到最后的页面展示，经历的过程：

阅读更多关于浏览器从接收到一个url，到最后的页面展示，经历的过程：

浏览器从接收到一个url，到最后的页面展示，其中经历了哪些过程？又会用到哪些协议呢？原文连接： https://blog.csdn.net/ZHLittleRed/article/details/82947330#1_DNS_3 1、在浏览器地址栏中输入URL 2、DNS域名解析，获得域名相对应的IP地址。具体什么是DNS？ DNS( Domain Name System)是“域名系统”的英文缩写，是一种组织成域层次结构的计算机和网络服务命名系统，它用于TCP/IP网络，它所提供的服务是用来将主机名和域名转换为IP地址的工作。DNS就是这样的一位“翻译官”，它的基本工作原理可用下图来表示当我们在浏览器输入如同www.baidu.com的时候，其实这些网站的名字都是微克简化人们的记忆来命名的，计算机其实并不认识这个东西。浏览器只认识IP地址，所以当输入域名地址的时候，浏览器首先会从浏览器缓存中是否存在相应的域名、IP对应关系，如果有则向这个IP地址发送请求，如果没有则向系统缓存--路由缓存中查找，如果都没有，再去DNS服务器中找IP。 3、浏览器向服务器发起TCP连接，与浏览器建立TCP三次握手 4、浏览器向服务器发送HTTP请求，请求数据包与服务器建立了连接后，就可以向服务器发起请求了。发送HTTP请求的过程就是构建HTTP请求报文，并通过TCP协议发送到服务器指定端口

订阅 js代码