随笔分类 - javascript
摘要：什么是SOAP? SOAP (Simple Object Access Protocol) 顾名思义，是一个严格定义的信息交换协议，用于在Web Service中把远程调用和返回封装成机器可读的格式化数据。事实上SOAP数据使用XML数据格式，定义了一整套复杂的标签，以描述调用的远程过程、参数、返回
阅读全文
摘要：效果 实现原理 纯粹只使用了html+css+js发现还是比较简单的，并不需要借助别的插件或类库来实现核心是把图片组合成一行序列，通过左右移动，以及父元素的overflow：hidden来决定显示的图片简单画了一下： 搭建基本界面 <div id="box"> <img src="images/ar
阅读全文
摘要：背景介绍 目前，随着移动设备的普及和4G网络的普及，web在移动端的占比已经远远超过PC端，各种H5页面推广页面，H5小游戏热度火爆。以前简单的使用px单位（没有弹性）的时代已经无法满足各位设计师和用户了。如何100%还原UI设计师的设计图，一直困扰着前端工程师。 css单位 学习首先我们简单了解下
阅读全文
摘要：一、原理 jsonp是利用浏览器请求script文件时不受同源策略的限制而实现的，伪造一个script标签，将请求数据的url赋值给script的src属性，并将该标签添加到html中，浏览器会自动发送请求，返回的一般时一段js代码，即函数的调用代码。 该种跨域的请求方式需要后台配合返回响应的函数执
阅读全文
摘要：我们经常将数据存储在XML 中，在展示的时候需要转换为其它的形式，这里介绍使用XSLT 对XML数据进行转换。要学习XSLT对XML的转换，需要先了解三个文件。 第一个是存储数据的XML文件:employees.xml <?xml version="1.0"?> <employees> <emplo
阅读全文
摘要：最近在做项目时，有一个需求是批量打印好多个合同，使用AJAX向后台传送数据，等待后台执行后，需要把生成之后的文件地址传送过来。 后台的处理时间比较长，根据合同的多少可能等待时间比较长，会达到10s左右，这个时候如果不加任何的提示，会导致用户因为没有看到是否执行而导致重复的操作，为了增加用户的体验感，
阅读全文
摘要：一般默认的滚动条会比较丑，我们可以利用css或者js来实现实现自定义滚动条的功能； 下面就整理2种实现方式 1、css自定义滚动条 需要在WebKit平台上才支持，代码如下： ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track
阅读全文
摘要：一、调试准备 Windows10 64bits IDE：Visual Studio Code1.28.2 安装插件：Chrome（安装方法：Debug -> Install Additional Debuggers... -> Debugger for Chrome，重新启动vscode即可。） 二
阅读全文
摘要：作为JavaScript替代，一种Web开发的新形式已经浮出水面：WebAssembly. Web开发与JavaScript开发向来是同义词。就是说，直到现在。但一种新的Web开发形式已然出现，声言会取代JavaScript。作为一个拥有15年Web开发经验的程序员，这个新方向瞬间吸引了我。 Web
阅读全文
摘要：思路分析：有3种情况 第一种情况，当前页面curPage < 4 第二种情况，当前页面curPage == 4 第三种情况，当前页面curPage>4 此外，还要考虑，当前页码 curPage < pageTotal（总页码）-2，才显示 ... 首先，先是前端的布局样式 <body> /*首先，在
阅读全文
摘要：最近使用到了html和js的表格插件Handsontable， 例子代码如下 var hot=new Handsontable(table_div, { data: null,//表格数据 一般是二维数组[[]] colHeaders: true,//显示列头 rowHeaders: true,//
阅读全文
摘要：package.json是什么？ npm安装package.json时 直接转到当前项目目录下用命令npm install 或npm install --save-dev安装即可，自动将package.json中的模块安装到node-modules文件夹下。 package.json就是管理你本地安
阅读全文
摘要：实现思路： 监听滑块的移动事件，获取它离左侧的距离，赋值给分离出来的验证模块就可以了，至于陷下去的模块，得到图片的大小，根据图片的长宽的一半随机赋值吧（因为这个模块一般都在右侧靠中间的位置） 这种滑动解锁应该是有两张图片，一张正常的，一张上面有解锁区域的（后端给），然后前端只用把用户释放鼠标后，滑动
阅读全文
摘要：1、引号的使用，单引号' ' 优先（如果不是引号嵌套，不要使用双引号） 正常情况：console.log('hello there') ，双引号转码： $("<div class='box'>") 2、空格的使用问题：（关键字后 符号后 排版 函数 赋值符号= ）等 a 函数的括号：function
阅读全文
摘要：一 . 认识Phantomjs 1.Phantomjs：无界面的浏览器 Selenium： 可以根据我们的指令，让浏览器自动加载页面，获取需要的数据，甚至页面截屏，或者判断网站上某些动作是否发生。Selenium 自己不带浏览器，不支持浏览器的功能，它需要与第三方浏览器结合在一起才能使用。但是我们有
阅读全文
摘要：动态生成html元素的方法有三种： 第一种：document.createElement()创建元素，再用appendChild( )方法将元素添加到指定节点 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
阅读全文
摘要：生成随机字符串 利用Math.random和toString生成随机字符串，这里的技巧是利用了toString方法可以接收一个基数作为参数的原理，这个基数从2到36封顶。如果不指定，默认基数是10进制。略屌！ function generateRandomAlphaNum(len) { var rd
阅读全文
摘要：在做自适应网页的时候，如果在图片中使用了热区map。图片可以通过样式实现：图片大小随页面变化，但是MAP中每个area的坐标并不能通过css直接实现自适应。这篇文章就介绍通过原生js来实现：MAP中每个area的坐标也随页面等比例的变化效果。 map area 热区自适应的实现代码 html: <s
阅读全文
摘要：在网页中，如果需要使用辅助性/装饰性的内容的时候，我们不应该直接写在HTML中，这样会影响真正的内容，这就需要使用伪元素了，这是由于css的纯粹语义化是没有意义的。在使用伪元素的时候，会发现js并不真能直接控制它，这篇文章主要就介绍下如果间接的控制、修改css中伪元素的方法。 例如，我的样式表有以下
阅读全文
摘要：场景概述 弹窗是一种常见的交互方式，而蒙层是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是，在蒙层元素中滑动的时候，滑到内容的尽头时，再继续滑动，蒙层底部的页面会开始滚动，显然这不是我们想要的效果，因此需要阻止这种行为。 那么，如何阻止呢？请看以下分析： 方案分析 方案一 打开
阅读全文