前端 - 随笔分类(第5页) - zhanglw

搜索下拉提示框

摘要：div.sug{ background-color: #FFFFFF; border: 1px solid #cccccc; border-top: 0; } div.sug ul { list-style: none; padding: ... 阅读全文

posted @ 2019-07-30 10:03 zhanglw 阅读(427) 评论(0) 推荐(0)

JS小数运算失精度的问题

摘要：浮点数值的最高精度是17位小数，但在进行运算的时候其精确度却远远不如整数；整数在进行运算的时候都会转成10进制；而java和JavaScript中计算小数运算时，都会先将十进制的小数换算到对应的二进制，一部分小数并不能完整的换算为二进制，这里就出现了第一次的误差。待小数都换算为二进制后，再进行二进阅读全文

posted @ 2019-07-25 14:27 zhanglw 阅读(2510) 评论(0) 推荐(0)

Css实现checkbox及radio样式自定义

摘要：1.设置input 属性hidden对该input进行隐藏，或者通过display:none也可以 2. 借助label for标签通过id绑定input ，这样在点击label时实际就是点击了input checkbox 类似，处理将type换成 checkbox 还有一种 checkbox 样式阅读全文

posted @ 2019-07-25 10:43 zhanglw 阅读(385) 评论(0) 推荐(0)

sessionStorage, localStorage

摘要：说sessionStorage, localStorage 之前，需要了解 Web Storage 。 Web Storage 是HTML5 中的规范，用于存储请求相关的数据，类似cookie；相比于cookie，Web Storage容量更大，且完全存储在客户端上，不会在请求时发回服务器。 Web 阅读全文

posted @ 2019-07-22 14:21 zhanglw 阅读(103) 评论(0) 推荐(0)

ajax

摘要：1、ajax Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。能够无刷新页面而局部改变页面内容。 ajax的核心是 XMLHttpRequst 对象（简称 XHR）。 2、XMLHtt 阅读全文

posted @ 2019-06-21 17:58 zhanglw 阅读(257) 评论(0) 推荐(0)

JSON

摘要：JSON 是一种数据格式，用于传输结构化数据，多种计算机语言都有JSON的解析器和序列化器。 JavaScript中的JSON 1、数据类型 1）简单值可以是字符串，数值，布尔值，null，但不支持 js 中的 undefined 如：4，“hello”，true 2）对象表示的是一组无序的键阅读全文

posted @ 2019-06-20 17:03 zhanglw 阅读(134) 评论(0) 推荐(0)

js 获取页面选中的文本

摘要：关键的api 是 window.getSelection() 当选中的是input[type=text]，textarea 里面的值时getSelection在 Firefox 下无法获取到选取值移除选中内容：可以参考：https://www.cnblogs.com/ArthurPatten/p 阅读全文

posted @ 2019-06-19 14:05 zhanglw 阅读(1234) 评论(0) 推荐(0)

web 历史状态管理

摘要：1、现代web 应用中，用户的每一次操作并不一定会打开一个新的页面( ajax 操作)，因此浏览器的 “后退”，“前进”按钮就起不了作用，导致用户很难再不同的状态之间切换。要解决这个问题主要有两种方法： 1）使用 hashchange 事件，通过 hashchange 事件，可以知道 URL 的阅读全文

posted @ 2019-06-19 11:19 zhanglw 阅读(207) 评论(0) 推荐(0)

媒体元素 audio 和 video

摘要：HTML5 中新增了 <autdio> 和 <video> ，可以让人们不需要 Flash等插件就能在网页中嵌入音频和视频内容。 1、用法和属性 src：指向媒体文件 width：设定元素宽度 height：设定元素高度 poster：指定加载视频是显示的图像的URI controls：显示自带阅读全文

posted @ 2019-06-06 14:47 zhanglw 阅读(562) 评论(0) 推荐(0)

HTML5 拖放 drag 及文件拖拽上传

摘要：HTML5中提供了拖放的api，只需要监听拖放事件，就可以完成相应的功能。 1、可拖放元素默认情况下，img 元素和 a 元素，以及文本都是可拖动的，而其他元素是不能。想要拖放某个元素，必须设置该元素的 draggable 属性为 true，当该属性为 false 时，将不允许拖放。 <img s 阅读全文

posted @ 2019-06-04 18:06 zhanglw 阅读(1145) 评论(0) 推荐(0)

HTML5 中的跨文档消息传送 postMessage()

摘要：跨文档消息传送（cross-document messaging），简称XDM，允许来自不同域的页面间传递消息。如 www.test.com 域中的页面与位于内嵌框架中的 c2x.test.com 域中的页面通信。 XDM的核心是 postMessage(dataString, origin)，参数阅读全文

posted @ 2019-06-03 17:46 zhanglw 阅读(464) 评论(0) 推荐(0)

canvas

摘要：0、教程 canvas1 1、canvas 概述画布<canvas>元素是 HTML5 中的新元素，可以通过JavaScript 在页面中指定的区域绘制图形 <canvas id="canvas" width="400px" height="500px">画布，你的浏览器不支持canvas，请更新阅读全文

posted @ 2019-05-31 17:47 zhanglw 阅读(236) 评论(0) 推荐(0)

input 框设置placeholder文字的颜色

摘要：input::-webkit-input-placeholder{ color:#999999; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#99... 阅读全文

posted @ 2019-05-30 17:12 zhanglw 阅读(553) 评论(0) 推荐(0)

动态设置 textarea 的高度

摘要：function makeExpandingArea(el) { var setStyle = function(el) { el.style.height = 'auto'; el.style.height = el.scrollHeight + 'px'; // console.log(el.sc... 阅读全文

posted @ 2019-05-22 11:02 zhanglw 阅读(1715) 评论(0) 推荐(0)

js表单

摘要：在HTML中，表单是由 <form> 元素来表示的，而在 JavaScript 中，表单对应的则是 HTMLFormElement 类型。HTMLFormElement 继承了 HTMLElement ，因而与其他HTML元素具有相同的默认属性。 1、HTMLFormElement 也有自己独有的属阅读全文

posted @ 2019-05-21 15:32 zhanglw 阅读(546) 评论(0) 推荐(0)

js 中的数组Array

摘要：1、 ECMAScript 中的数组与其他语言中的数组有些不同，ECMAScript中的数组可以每一项都不同类型，数组的大小可以动态调整。 var colors = new Array(); var colors = new Array(20); var colors = new Array("re 阅读全文

posted @ 2019-05-20 14:33 zhanglw 阅读(238) 评论(0) 推荐(0)

css自定义一些控件样式

摘要：阅读全文

posted @ 2019-05-16 17:49 zhanglw 阅读(283) 评论(0) 推荐(0)

js数据类型

摘要：es5中定义了五种简单数据类型和一种复杂数据类型：Undefined、Null、boolean、number、string、Object。 1、 typeof 操作符格式：typeof xxx typeof 的值有：“undefined”，“boolean”，“string”，“number”，“ 阅读全文

posted @ 2019-05-16 14:27 zhanglw 阅读(197) 评论(0) 推荐(0)

全选和不全选

摘要：/** * 全选和不全选复选框，可适用于多级选择 */ // check child var _checkedChild = function (_self) { var _tag = ""; var self = $("input[self=" + _self + "]"); self.each(function (i, data) { _tag +... 阅读全文

posted @ 2019-05-15 14:22 zhanglw 阅读(213) 评论(0) 推荐(0)

zhanglw

随笔分类 - 前端

公告