随笔分类 - Web前端
因为公司需要，刚入职就不得不从1开始学习web前端
html+css+javascript
摘要：在父窗口中获取iframe中的元素 // JS // 方法1： var iframeWindow = window.frames["iframe的name或id"]; iframeWindow.document.getElementById("iframe中控件的ID"); // 方法2： var
阅读全文
摘要：ValidForm 官方文档 项目的需求是这样的：一个checkbox，一个input，选中checkbox的时候，需要校验input，取消选中的时候，不要校验input。 <input type='checkbox' id='switchCheckbox' />熬夜超过<input type='t
阅读全文
摘要：问题描述 按照官网的要求，一一都设置好了，但就是没法显示富文本编辑器。 1.设置好textarea输入框 2.在页面添加js脚本 但是，但是，在谷歌浏览器中就是显示不出kindEditor编辑器。 解决方法 原因 看这篇 "百度经验" 但是没看明白 _ !!!
阅读全文
摘要：今早在整理文件上传模块的时候，发现富文本编辑器 kindeditor 上传图片的对话框无法显示，其实对话框已经生成了，但是它没有top值，所以在页面上看不见。 捣鼓了一个多小时，代码看了一大串，没解决！百度了一下，发现下面这篇文章，完全正解！ 转载自 https://blog.csdn.net/ki
阅读全文
摘要：直接上两个函数 /** * 时间倒计时 * 将倒计时字符串传递给回调函数 * @author LiuChuanWei * @time 2018-08-15 * @param * endTime 截止时间，单位毫秒 * format 字符串格式化，比如 d天h小时m分钟s秒 * callback 回调
阅读全文
摘要：在网站登录成功后，大部分浏览器会弹出 “是否保存账号密码” 的询问框 如果你不想保存账号密码，选择不保存即可，也就没有下面这么多事了！ 一旦选择了保存，那么下次再登录这个网站时，浏览器就会自动帮你填充上账号和密码，如下图 现实中有一些计算机会作为公共计算机使用，当你在该计算机登录淘宝，而且不小心选择
阅读全文
摘要：一、throttle 函数节流，指把很小时间内触发的N多事件，节流成1个事件。 我们这里说的throttle就是函数节流的意思。再说的通俗一点就是函数调用的频度控制器，是连续执行时间间隔控制。主要应用的场景比如： 鼠标移动，mousemove 事件 DOM 元素动态定位，window对象的resiz
阅读全文
摘要：一、函数 一个函数应该只返回一种类型的值。 函数中有一个默认的数组变量arguments，存储着传入函数的所有参数。 为了使用函数参数方便，建议给参数起个名字。 二、数组 2.1、定义方式 var arr = [1,2,3]; var arr = new Array("a", "b", "c");
阅读全文
摘要：1、获取数据类型 typeof 用法： typeof variable or typeof(variable) JavaScript中总共有6种数据类型，string、number、boolean、object、function、undefined。 据此可以判断变量的树类型。 2、类型转换 字符串
阅读全文
摘要：JavaScript API http://lbsyun.baidu.com/index.php?title=jspopular
阅读全文
摘要：mock.js 生成模拟数据，拦截ajax请求 结果 数组array1的大小在[1-10]范围内随机变动，数组元素 { 'name|+1' : ['Hello', 'Mock.js', '!'] } ，表示 name的值在数组 ['Hello', 'Mock.js', '!'] 中随机选择
阅读全文
摘要：富文本编辑器 UMeditor 简称UM,是为满足广大门户网站对于简单发帖框，或者回复框需求所定制的在线富文本编辑器。 图片懒加载 jquery.lazyload.js 图片放大镜 magiczoom 或者 jqzoom 多级级联下拉列表 jquery.cxselect.js
阅读全文
摘要：效果如下 使用步骤（非常简单）： 1、引入css <link rel="stylesheet" href="magiczoom/MagicZoom.css"/> 2、引入js <script src="magiczoom.js" type="text/javascript"></script> 3、
阅读全文
摘要：转载 原文 在此两部分组成的系列中，我们将来看看HTML5 规范中最棒而且最有趣的特性之一的Web Storage。我们将看看Web Storage 和 Cookies的历史，并从考虑以下几点： *Cookies 怎么样又为何被使用 *Web Storage 的长处与限制 *当前浏览器对Web St
阅读全文
摘要：一个属性，2个事件 navigator.onLine 表示当前浏览器的的在线状态。 window.addEventListener("online", function(){}); 浏览器上线事件。当浏览器连上网络时触发此事件 window.addEventListener("offline", f
阅读全文
摘要：不管是在同源其他页面还是在本页面都不能触发storage事件。
阅读全文
摘要：1. 案例问题 子元素竟然顶到了父元素的边缘！子元素设置的margin-top没有起作用！ 2. 分析 什么原因呢？父子元素外边距合并！ 解决方案： 父元素设置overflow:hidden 或者padding或者border。 特别说明 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边
阅读全文
摘要：<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） - 必须使用脚本来完成实际的绘图任务。 getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。 填充样式fillStyle和笔触样式strokeStyle 属性值有： 颜色 渐变对象gradient又可
阅读全文
摘要：todo案例可以到这个地址下载https://github.com/jashkenas/backbone添加数据后todo案例不涉及Router，仅有Model、Collection、View的应用，但这个案例对于这三个对象的使用真是已经到了炉火纯青的地步，我看了两天（囧），也只是看懂了表面一层，至...
阅读全文
浙公网安备 33010602011771号