随笔分类 - Js and css系列
脚本 样式
摘要：点击中间的圆点，会弹出环形菜单，效果图： 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>javascript ring menu</title> <style media="screen"> html,body { h
阅读全文
摘要：存储对象为啥是类map（即：{key:val,...}格式），因为Map对象的val为字符时，无法存储 '（'、'）' 左右括号，我也很无奈╮(╯▽╰)╭ 解析脚本： 结果： 增强版：（支持多文件）
阅读全文
摘要：.nav-underline > *{/* 指定容器，里面可以是li、span等多样化的元素 */ display: inline-block; margin: -3px; padding: 10px 15px; position: relative; cursor: pointer; } .nav-underline > *::before {/* 通过伪元素实现下划线效果...
阅读全文
摘要：以上为示例，利用 Object.prototype.toString.call() 实现精确的类型判断；
阅读全文
摘要：基于h5表单验证系统、扩展了对easyui组件的支持 先上图： 提示样式用到了伪对象的 {content: attr(xxx)}函数方法，实现提示信息能动态切换。 1、关键属性说明： type: 表单元素类型（h5的input类型：number、email等）, max: type为number、r
阅读全文
摘要：在js环境中，this有很多指向（window、dom、object等），巧妙的利用this，可以有效的防止变量或方法被外界污染，保证代码健壮性，实例如下。 demo： console中运行结果：
阅读全文
摘要：参考：https://juejin.im/post/5a11a9fef265da43284073b4?utm_medium=fe&utm_source=weixinqun 根本原因在于2.55的存储要比实际存储小一点，导致0.05的第1位尾数不是1，所以就被舍掉了。
阅读全文
摘要：在开发功能难免会遇到要导出信息到excel中的情况，起初以为ajax可以实现（排除xmlHttpRequest 2.0），受限于其接收数据类型而未果。 （ajax的返回值类型是json,text,html,xml类型，或者可以说ajax的接收类型只能是string字符串，不是流类型，所以无法实现文件
阅读全文
摘要：效果图： demo：关键的地方都以颜色明显标识 二、基于jquery plugin版本 <!DOCTYPE html> <html> <head> <title>menu</title> <script type="text/javascript" src="js/jquery.min.js"></
阅读全文
摘要：子节点的勾选状态和父节点状态的动态关联，通过子节点的点击事件进行上下递归；数据回显时，调用review(rootId)修正父节点状态。 效果图：
阅读全文
摘要：jquery的ajax方法的全部全局事件：(不管是$.ajax()、$.get()、$.load()、$.getJSON()等都会默认触发全局事件) ajaxStart：ajax请求开始前 ajaxSend：ajax请求时 ajaxSuccess：ajax获取数据后 ajaxComplete：aja
阅读全文
摘要：一、使用： 非IE浏览器，使用 document.evaluate 二、xpath语法： 选取节点 XPath 使用路径表达式在 XML 文档中选取节点。节点是通过沿着路径或者 step 来选取的。 下面列出了最有用的路径表达式： 在下面的表格中，我们已列出了一些路径表达式以及表达式的结果： 选取根
阅读全文
摘要：js: /** * 下载文件 - 带进度监控 * @param url: 文件请求路径 * @param params: 请求参数 * @param filename: 保存的文件名 * @param progress: 进度处理回调函数 * @param success: 下载完成回调函数 * e
阅读全文
摘要：映射算法做了改进，支持name重复映射 效果图： 表单元素基本都包含了。 附：由于项目中用到了easyui作为框架，故扩展了对easyui支持的版本
阅读全文
摘要：查遍各大资源无任何flex嵌套布局的例子，经过自己折腾完成了项目中的高度自适应需求（更多应用于前端组件） 效果图： html代码：（关键地方已经用颜色特别标识 ^_^） 总结： flex布局嵌套的关键，就是对item进行容器定位，赋予flex特性。 flex知识学习小游戏： https://flex
阅读全文
浙公网安备 33010602011771号