Web前端 - 随笔分类 - 刘一二

获取iframe的window对象

摘要：在父窗口中获取iframe中的元素 // JS // 方法1： var iframeWindow = window.frames["iframe的name或id"]; iframeWindow.document.getElementById("iframe中控件的ID"); // 方法2： var 阅读全文

posted @ 2021-03-02 09:35 刘一二阅读(14950) 评论(0) 推荐(3) 编辑

阻止浏览器自动填充密码的解决方案

摘要：在网站登录成功后，大部分浏览器会弹出 “是否保存账号密码” 的询问框如果你不想保存账号密码，选择不保存即可，也就没有下面这么多事了！一旦选择了保存，那么下次再登录这个网站时，浏览器就会自动帮你填充上账号和密码，如下图现实中有一些计算机会作为公共计算机使用，当你在该计算机登录淘宝，而且不小心选择阅读全文

posted @ 2018-07-16 15:41 刘一二阅读(23357) 评论(2) 推荐(2) 编辑

前后端分离开发——模拟数据mock.js

摘要：mock.js 生成模拟数据，拦截ajax请求结果数组array1的大小在[1-10]范围内随机变动，数组元素 { 'name|+1' : ['Hello', 'Mock.js', '!'] } ，表示 name的值在数组 ['Hello', 'Mock.js', '!'] 中随机选择阅读全文

posted @ 2016-12-09 09:54 刘一二阅读(248) 评论(0) 推荐(0) 编辑

插件收藏

摘要：富文本编辑器 UMeditor 简称UM,是为满足广大门户网站对于简单发帖框，或者回复框需求所定制的在线富文本编辑器。图片懒加载 jquery.lazyload.js 图片放大镜 magiczoom 或者 jqzoom 多级级联下拉列表 jquery.cxselect.js 阅读全文

posted @ 2016-10-06 18:22 刘一二阅读(135) 评论(0) 推荐(0) 编辑

商品图片放大镜效果

摘要：效果如下使用步骤（非常简单）： 1、引入css <link rel="stylesheet" href="magiczoom/MagicZoom.css"/> 2、引入js <script src="magiczoom.js" type="text/javascript"></script> 3、阅读全文

posted @ 2016-06-16 14:16 刘一二阅读(202) 评论(0) 推荐(0) 编辑

HTML5 Web Storage -- 让Cookies看起来如此古老

摘要：转载原文在此两部分组成的系列中，我们将来看看HTML5 规范中最棒而且最有趣的特性之一的Web Storage。我们将看看Web Storage 和 Cookies的历史，并从考虑以下几点： *Cookies 怎么样又为何被使用 *Web Storage 的长处与限制 *当前浏览器对Web St 阅读全文

posted @ 2016-06-08 10:58 刘一二阅读(319) 评论(0) 推荐(0) 编辑

h5在线状态监测

摘要：一个属性，2个事件 navigator.onLine 表示当前浏览器的的在线状态。 window.addEventListener("online", function(){}); 浏览器上线事件。当浏览器连上网络时触发此事件 window.addEventListener("offline", f 阅读全文

posted @ 2016-06-08 10:44 刘一二阅读(799) 评论(0) 推荐(0) 编辑

Web Storage事件无法触发

摘要：不管是在同源其他页面还是在本页面都不能触发storage事件。阅读全文

posted @ 2016-06-08 10:23 刘一二阅读(1074) 评论(0) 推荐(0) 编辑

html5之canvas初解

摘要：<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） - 必须使用脚本来完成实际的绘图任务。 getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。填充样式fillStyle和笔触样式strokeStyle 属性值有：颜色渐变对象gradient又可阅读全文

posted @ 2016-01-25 15:54 刘一二阅读(354) 评论(0) 推荐(0) 编辑

身份证号规则及校验

摘要：公民身份号码是特征组合码，由十七位数字本体码和一位数字校验码组成。排列顺序从左至右依次为：六位数字地址码，八位数字出生日期码，三位数字顺序码，最后一位是数字校验码。身份证最后一位是根据前面十七位数字码，按照ISO 7064:1983.MOD 11-2校验码计算出来的检验码。作为尾号的校验码，是由号码... 阅读全文

posted @ 2015-12-12 10:14 刘一二阅读(2883) 评论(0) 推荐(0) 编辑

html轮播效果的实现

摘要：要实现如下图的效果点击可以选择图片；不点击的时候自动轮播；并且点击完后再次自动轮播。思路：如同在房子里透过窗子看路过的火车一样，窗子是不动的，但火车是陆续经过窗子的，所以透过窗子可以看到依次看完所有的火车。1. 让将图片排成一列“火车”：ul中li（li中放着轮播图片）漂浮起来后，就排列成一溜了2.... 阅读全文

posted @ 2015-09-14 20:37 刘一二阅读(11829) 评论(1) 推荐(0) 编辑

js制作带有遮罩弹出层实现登录小窗口

摘要：要实现的效果如下点击“登录”按钮后，弹出登录小窗口，并且有遮罩层（这个名词还是百度知道的，以前只知道效果，却不知道名字）在没有点击“登录”按钮之前登录小窗口不显示，点击“登录”按钮后小窗口显示，并且遮罩层笼罩整个页面，使整个页面的其他元素暂时失去行为。遮罩层的实现：相对于body绝对定位，宽度和高度... 阅读全文

posted @ 2015-09-12 20:41 刘一二阅读(11595) 评论(1) 推荐(3) 编辑

css伪元素before/after和画三角形的搭配应用

摘要：想要实现的效果如下: 第一步：如何用css画出三角形？ 1 /* css画三角形 */ 2 .sanjiao{ 3 width:0; 4 border-top:40px solid red; 5 border-bottom:40px solid green; 6 border-left:40px s 阅读全文

posted @ 2015-09-11 11:06 刘一二阅读(21093) 评论(0) 推荐(1) 编辑

页面瀑布流布局的实现 javascript+css

摘要：先看所谓的瀑布流布局在不使用瀑布流布局的情况下，当页面要显示不同高度的图片时，会如下面显示下面的元素总是和最靠近它的元素对齐。为了使元素能够在我们想要的位置上显示，我们使用绝对定位。说一下大体思路(也是看了别人的):一切的不对齐都是从第一行的图片排列开始的，也许不是很准确，那么换一个说法：要想使图片... 阅读全文

posted @ 2015-08-27 22:34 刘一二阅读(3968) 评论(0) 推荐(0) 编辑

手机点击图片时出现边框线的解决方法

摘要：当我们把页面部署到手机时，经常会出现：点击图片时，图片四周出现边框，非常的难看! 上面的css样式可以解决这个问题! 阅读全文

posted @ 2015-07-27 14:11 刘一二阅读(1138) 评论(0) 推荐(0) 编辑

浮动以后父DIV包不住子DIV解决方案

摘要：转载自http://blog.sina.com.cn/s/blog_6c363acf0100v4cz.html 转载自http://blog.sina.com.cn/s/blog_6c363acf0100v4cz.html 当DIV1里面嵌套有一个DIV2，当DIV2设置了浮动，那么DIV1是无法被阅读全文

posted @ 2015-07-20 18:03 刘一二阅读(1346) 评论(0) 推荐(0) 编辑

a标签属性href值为#和javasrcript:void(0)的区别

摘要：当我们需要一个空链接时，通常有两种方法： href="#" #之后跟着锚记名称，点击后跳转到页面指定位置；没有跟锚记名称则默认跳转到页面顶部 href="javascript:void(0)" void是一个操作符，这个操作符指定要计算一个表达式但是不返回值。如果在void中写入0（void(0)）阅读全文

posted @ 2015-07-18 20:14 刘一二阅读(2140) 评论(0) 推荐(0) 编辑

随笔分类 - Web前端

最新随笔

随笔分类 (159)

随笔档案 (155)