随笔分类 - 前端学习
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> canvas { border: 1px solid #ccc; /*不建议在 样式设置尺寸*/ /*width:
阅读全文
摘要：最简单的解决办法就是不用padding-left,改用text-indent: 例如 text-indent: 30px 我们使用padding-left，但是会有个问题，使用之后文本框也变长了，这就不是我们想要的效果了 我们要先写box-sizing:border-box; box-sizing:
阅读全文
摘要：First：<label>的说明：1、<label>标签为input元素定义标注（标识）2、label元素不会像用户呈现任何特殊的效果，仅作为显示扩展：不过，它为鼠标用户改进了可用性。如果您在label元素内点击文本，就会触发此控件。就是说，当用户选择该标签是，浏 览器就会自动将焦点转到和标签相关的
阅读全文
摘要：1、获取选中select的value和text,html 通过以下script代码s来获取选中的value和text 2、运用new Option("文本","值")方法添加选项option 3、删除所有选项option 4、删除选中选项option 5、修改选中选项option 6、删除selec
阅读全文
摘要：1、什么是数组 数组就是一组数据的集合 其表现形式就是内存中的一段连续的内存地址 数组名称其实就是连续内存地址的首地址 2、关于js中的数组特点 数组定义时无需指定数据类型 数组定义时可以无需指定数组长度 数组可以存储任何数据类型的数据（比如说一个元素保存整型，一个元素保存字符串型，这个在JS中是可
阅读全文
摘要：在网页中拖动时，会引起某些文字或一些内容被选中，导致网页中蓝蓝的一片，视觉效果很差，所以我加了个1.document.onselectstart=function(){return false;}或者 2.document.onselectstart = new Function("event.re
阅读全文
摘要：偏移量(offset dimension)是javascript中的一个重要的概念。涉及到偏移量的主要是offsetLeft、offsetTop、offsetHeight、offsetWidth这四个属性。当然，还有一个偏移参照——定位父级offsetParent。本文将详细介绍该部分内容 定位父级
阅读全文
摘要：HTML 在线演示：national-cities-three-linkage
阅读全文
摘要：每个HTML元素都具有clientHeight offsetHeight scrollHeight offsetTop scrollTop 这5个和元素高度、滚动、位置相关的属性，单凭单词很难搞清楚分别代表什么意思之间有什么区别。通过阅读它们的文档总结出规律如下： clientHeight: 元素可
阅读全文
摘要：假设 obj 为某个 HTML 控件。obj.offsetLeft 指 obj 距离左方或上层控件的位置，整型，单位像素。 obj.offsetRight 指 obj 距离右方或上层控件的位置，整型，单位像素。 obj.offsetTop 指 obj 距离上方或上层控件的位置，整型，单位像素。 ob
阅读全文
摘要：1、什么是重绘与回流 Render tree 的重新构建就叫回流。当布局和几何属性改变时就需要回流，鼠标移动到图片 图片变大 也会触发回流。回流 能避免就避免 Render tree 改变外观、风格 而不影响布局的时候，就叫重绘 重绘与回流的关系：回流会引起重绘 重绘不一定会引起回流 2、避免重绘回
阅读全文
摘要：前端与后台可能需要使用交互的表单标签 form表单和input标签 textarea文本域表单 select,option下拉列表表单 fieldset和legend组合表单 label标签 form表单和input标签 什么是表单？？？表单是一个包含表单元素的区域，表单元素是允许用户在表单中输入信
阅读全文
摘要：通常表单的提交有两种方式，一是直接通过html的form提交，代码如下： 但有时候我们会出于安全角度考虑，给用户输入的密码进行加密，方法一就没办法解决这个问题，这时候我们同常会选择另一种方法，使用javaScript来进行表单提交，代码入下： 这种方法有个缺点就是，打乱正常的表单提交程序，通常用户输
阅读全文
摘要：1：datalist元素，一般与input组建配合使用，以定义可能输入的值，例如： 可自行复制运行。 2：placeholder定义出现在输入框内的提示文本 3:required的属性，检测输入框内是否有内容。 4：autocomplete保护用户敏感信息，如：输入密码的时候不进行显示。 5：下列代
阅读全文
摘要：层叠的意思就是“继承”、“权重”、“覆盖”，通过良好的层级命名更好的实现效果，更少的代码，更多的功能，下面为大家详细介绍下，感兴趣的朋友不要错过 解答一： 层叠指的是样式的优先级，当产生冲突时以优先级高的为准。1. 开发者样式>读者样式>浏览器样式（除非使用!important标记 ）2. id选择
阅读全文
摘要：CSS3的nth-child() 选择器(兼容性不好)，在做表格偶数行变色的时候，我通常在绑定的时候，做一个js判断，来加一个css，从而使表格偶数行和奇数行颜色不一样。这样的兼容性很好。 但是最近在做手机网站的时候，由于手机网站对浏览器兼容要求相对较低，手机浏览器大部分都支持css3，这就大大提高
阅读全文
摘要：细心的人可能发现了，写的导航条中存在一个问题，那就是使用了float之后，父级盒子的高度变为0了。 我们来写一个例子来看一下，创建一个父级div，并设置border属性，然后下边创建两个子元素span，并设置浮动。具体代码如下所示： 由上图可以看出，在给span添加了float之后，父级元素div的
阅读全文
摘要：HTML5, CSS3 以及其他相关技术例如 Canvas、WebSocket 等等将 Web 应用开发带到了一个新的高度。 该技术通过组合 HTML、CSS 和 JavaScript 可以开发出桌面应用具有的效果。 尽管 HTML5 承诺很多，但现实中对 HTML5 支持的浏览器以及 HTML5
阅读全文
摘要：搜索框中我们输入一些字或者字母，为何下面就会有一些自动补齐的相关搜索，比如我在搜索输入框中输入一个字母e，下面就会出现饿了么，e租宝，ems等相关的搜索链接。然后经过百度，发现原来很多厂商的服务器早已经为我们弄好了。 我们只需要写个输入框，然后获取输入框里的信息，将信息打包，请求服务器，然后获取数据
阅读全文
