fdbyd的博客

目录 全部类型 传统类型 新增类型 全部类型 text 定义单行文本输入框 password 定义密码输入框 file 定义文件上传控件 radio 定义单选按钮 checkbox 定义复选框 hidden 定义隐藏的输入字段 button 定义按钮 image 定义图像形式的提交按钮 reset 定义重置按钮,重置按钮会清除表单中的所有数据 submit 定义提交按钮,提交按钮会把表单数据发送到服务器 color 定义调色板 tel 定义包含电话号码的输入域 email 定义包含email地址的

目录 css 选择器 一：类选择器 class元素可以有多个值，中间用空格隔开。一个文件中，可以有多个相同的class值。 <p class="first done"></p> .first{ background-color: red; } 二：ID选择器 #(哈希)符号加上id名称组成。但是单个文件中id值要保持唯一。一个element中只设置一个id。 <p id="polite"></p> #polite{ ..

XHTML1.0提供了几种DOCTYPE可选择： 1.过渡型（Transitional ） 2.严格型（Strict ） HTML是简单的文本标签语言，一个HTML网页文件都是有元素构成的，元素由开始标签、结束标签、属性和元素的内容4部分构成。再学习和使用HTML时要注意区分标签和元素这两个定义。 属性的使用格式如下： <元素 属性=“值”>内容</元素> <元素 属性=‘值’>内容</元素> <元素 属性= 值>内容</..

JavaScript--原型与原型链 一、prototype 在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。 原型的概念：每一个javascript对象(除null外)创建的时候，就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。 function Person(age) { this.age = age } Person.prototype.name = 'kavin' var per.

一、为什么要优化前端的性能 优化的目的在于让页面加载的更快，对用户操作响应更及时，为用户带来更好的用户体验，对于开发者来说优化能够减少页面请求数，能够节省资源。 前端优化的方法有很多种，可以将其分为两大类，第一类是页面级别的优化如http请求数，内联脚本的位置优化等，第二类为代码级别的优化，例Javascript中的DOM 操作优化、CSS选择符优化、图片优化以及 HTML结构优化等等。 什么是前端性能优化（what）？ 从用户访问资源到资源完整的展现在用户面前的过程中，通过技术手段和优化策略，..

什么是懒加载，在什么时候用到懒加载？ 懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载。 概括----- 什么时候能用到懒加载？ Web应用程序做的最多就是和后台数据库交互，而查询数据库是种非常耗时的过程。当数据库里记录过多时，查询优化更显得尤为重要。为了解决这种问题，有人提出了缓存的概念。缓存就是将用户频繁使用的数据放在内存中以便快速访问。在用户执行一次查询操作后，查询的记录会放在缓存中。当用户再次查询时，系统...

我个人的一个购物车的记录方法 高级购物车 成品 在成品页面中顶部的横条，底部的立刻预约，商品的内容，角标=商品单价，结算页面，底部结算内的商品总价和商品数量。 其中在进行内容的布置的时候首先将首页和立刻预约这个给做出来固定好样式，然后在设置一个div用来存储数组并且设置好样式在这一步将角标隐藏起来。 结算页面里也是一个内容的输出和外面的商品是一样的都是多了两个button按钮在进行调整样式HTML和css的内容输出完毕。 其中角标，结算页面，底部结算都是隐藏起来。在做完全部的页面的内容的样式的时候将角标，

js的流程语句 判断语句（if） if(条件){ 在if的条件里如果符合就会执行第一个代码 }else{ 如果不符合条件则执行第二个代码 } 或者 if(条件1){ 条件1成立时执行的代码 }else if(条件2){ 条件2成立时执行的代码 }else{ 条件1,2都不成立时执行的代码 } <script> var mmd = htma ； if（mmd === htma ）{ document.write("你面试成功，欢迎加入公司。"); }else{ document.write

联动的知识点 <h2>二级联动</h2> <!-- 一级 --> <select id="chose1" onchange="change(selectedIndex)"> </select> <!-- 二级 --> <select id="chose2"></select><!-- 先在HTML中写出两个select框然后命名HTML结束--> <script&g

数组是什么 数组可以用一个变量名存储所有的值，并且可以用变量名访问任何一个值。 数组中的每个元素都有自己的的ID，以便它可以很容易地被访问到。 常用于存储数据，并且能够精准找到数据的位置 数组就像是 操作方法 在w3c里面，官方给出的数组方法共有30个之多，实际上在开发当中，我们常用的可能也就十多个，下面就把数组的方法写下来： 其中可以按照功能来简单的划分为6个功能：返回功能，其他功能（不好定义的功能），增加和删除的功能，计算功能，排序功能和ES6新增的功能 一,返回功能 1、concat()，连接两个或者

今天我来讲解下循环里break和continue的用法和区别 其中的break是终止整个循环， i=8的时候，后面的内容直接终止。 var mmd = 10; for (i = 0 ; i < mmd ;i++){ if( mmd === 3){break;} console.log(mmd); //此时的输出结果是0,1,2 } continue是将要循环的内容跳出本次循环 需要利用判断来达成i=3；当前的数字3直接跳过本次循环 var mmd = 10； for (i = 0 ; i <

什么是对象 js如何定义对象 用var关键字 JavaScript用一个{…}表示一个对象，键值对以xxx: xxx形式申明，用,隔开。注意，最后一个键值对不需要在末尾加,，如果加了，有的浏览器（如低版本的IE）将报错。 创建对象的方法 1.使用对象初始器： objName = { prop1:value_1, prop2:value_2, … } 该方法直接创建实例对象，而无需声明。 2.使用构造函数： objName = { prop1:value_1, prop2:value_2, draw:func

什么是事件 事件就是用来触发函数的一个开关 <select id="chose1" onchange="change(selectedIndex)"> </select> <select id="chose2"></select> <script> function change(obj) { chose2.length = y[obj].length; for (var j = 0; j < y[obj].l

javaScript需要知道的基础 1.js是什么 javaScript简称js，js是一种脚本语言是不需要进行编辑的，也是浏览器的一部分，js是轻量级的编程语言。 2.js的主要特点 1.可以向HTML中添加交互行为 2.是一种弱语言 3.脚本语言，语法和java相似 4.具有很强的交互性且安全性高（js完全属于客户端，不能访问本地文件）还可以跨平台 3.js的常见用途 js在一般情况下是用来给页面进行添加动态效果。 HTML一般情况下都是静态页面，但是html的页面上是静态的，网页上面是要有一些动态还需

字符串的操作方法 一些字符串的操作方法 1.concat：用于字符串的拼接 var aa ="hello" var bb = "world" var cc = aa.concat(bb);//cc= helloworld 2.slice（x，y):截取字符串，第一个x表示开始截取的位置，y表示结束截取的位置,不包含索引为y的 var dd = aa.slice(0,3);//dd= hel 3.substr(x,y):截取字符串，第一个x开始截取的位置，y是表示要截取的个数 var ee = aa.su