html
文章平均质量分 90
荧娅
这个作者很懒,什么都没留下…
展开
-
input的23种type类型
目录全部类型传统类型新增类型全部类型text 定义单行文本输入框password 定义密码输入框file 定义文件上传控件radio 定义单选按钮checkbox 定义复选框hidden 定义隐藏的输入字段button 定义按钮image 定义图像形式的提交按钮reset 定义重置按钮,重置按钮会清除表单中的所有数据submit 定义提交按钮,提交按钮会把表单数据发送到服务器color 定义调色板tel 定义包含电话号码的输入域email 定义包含email地址的原创 2021-01-31 10:57:45 · 22197 阅读 · 1 评论 -
理论知识总结(js和css)
目录css选择器一:类选择器class元素可以有多个值,中间用空格隔开。一个文件中,可以有多个相同的class值。<p class="first done"></p>.first{ background-color: red;}二:ID选择器#(哈希)符号加上id名称组成。但是单个文件中id值要保持唯一。一个element中只设置一个id。<p id="polite"></p>#polite{ ..原创 2021-01-28 14:47:09 · 2093 阅读 · 1 评论 -
HTML标签
XHTML1.0提供了几种DOCTYPE可选择:1.过渡型(Transitional )2.严格型(Strict )HTML是简单的文本标签语言,一个HTML网页文件都是有元素构成的,元素由开始标签、结束标签、属性和元素的内容4部分构成。再学习和使用HTML时要注意区分标签和元素这两个定义。属性的使用格式如下:<元素 属性=“值”>内容</元素><元素 属性=‘值’>内容</元素><元素 属性= 值>内容</..原创 2021-01-30 11:27:31 · 243 阅读 · 0 评论 -
了解原型、原型链、new、this之间的联系
JavaScript--原型与原型链一、prototype在JavaScript中,每个函数都有一个prototype属性,这个属性指向函数的原型对象。原型的概念:每一个javascript对象(除null外)创建的时候,就会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型中“继承”属性。function Person(age) { this.age = age }Person.prototype.name = 'kavin'var per.原创 2020-08-16 19:53:05 · 180 阅读 · 0 评论 -
前端性能优化方法和详解
一、为什么要优化前端的性能优化的目的在于让页面加载的更快,对用户操作响应更及时,为用户带来更好的用户体验,对于开发者来说优化能够减少页面请求数,能够节省资源。前端优化的方法有很多种,可以将其分为两大类,第一类是页面级别的优化如http请求数,内联脚本的位置优化等,第二类为代码级别的优化,例Javascript中的DOM 操作优化、CSS选择符优化、图片优化以及 HTML结构优化等等。什么是前端性能优化(what)?从用户访问资源到资源完整的展现在用户面前的过程中,通过技术手段和优化策略,..原创 2020-08-16 18:15:19 · 1808 阅读 · 0 评论 -
懒加载是什么?有什么用?
什么是懒加载,在什么时候用到懒加载?懒加载技术(简称lazyload)并不是新技术, 它是js程序员对网页性能优化的一种方案.lazyload的核心是按需加载。概括-----什么时候能用到懒加载? Web应用程序做的最多就是和后台数据库交互,而查询数据库是种非常耗时的过程。当数据库里记录过多时,查询优化更显得尤为重要。为了解决这种问题,有人提出了缓存的概念。缓存就是将用户频繁使用的数据放在内存中以便快速访问。在用户执行一次查询操作后,查询的记录会放在缓存中。当用户再次查询时,系统...原创 2020-07-22 18:31:10 · 1878 阅读 · 1 评论 -
购物车的一个方法
我个人的一个购物车的记录方法高级购物车成品在成品页面中顶部的横条,底部的立刻预约,商品的内容,角标=商品单价,结算页面,底部结算内的商品总价和商品数量。其中在进行内容的布置的时候首先将首页和立刻预约这个给做出来固定好样式,然后在设置一个div用来存储数组并且设置好样式在这一步将角标隐藏起来。结算页面里也是一个内容的输出和外面的商品是一样的都是多了两个button按钮在进行调整样式HTML和css的内容输出完毕。其中角标,结算页面,底部结算都是隐藏起来。在做完全部的页面的内容的样式的时候将角标,原创 2020-07-20 20:15:53 · 144 阅读 · 0 评论 -
js流程语句
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原创 2020-07-09 18:18:02 · 85 阅读 · 0 评论 -
联动项目分析
联动的知识点 <h2>二级联动</h2> <!-- 一级 --> <select id="chose1" onchange="change(selectedIndex)"> </select> <!-- 二级 --> <select id="chose2"></select><!-- 先在HTML中写出两个select框然后命名HTML结束--> <script&g原创 2020-07-08 17:13:55 · 371 阅读 · 0 评论 -
js数组30个操作方法
数组是什么数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。数组中的每个元素都有自己的的ID,以便它可以很容易地被访问到。常用于存储数据,并且能够精准找到数据的位置数组就像是操作方法在w3c里面,官方给出的数组方法共有30个之多,实际上在开发当中,我们常用的可能也就十多个,下面就把数组的方法写下来:其中可以按照功能来简单的划分为6个功能:返回功能,其他功能(不好定义的功能),增加和删除的功能,计算功能,排序功能和ES6新增的功能一,返回功能1、concat(),连接两个或者原创 2020-07-10 14:04:09 · 303 阅读 · 0 评论 -
break和continue之间的区别和使用方法
今天我来讲解下循环里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 <原创 2020-07-10 15:37:13 · 196 阅读 · 0 评论 -
js的对象(1)
什么是对象js如何定义对象用var关键字JavaScript用一个{…}表示一个对象,键值对以xxx: xxx形式申明,用,隔开。注意,最后一个键值对不需要在末尾加,,如果加了,有的浏览器(如低版本的IE)将报错。创建对象的方法1.使用对象初始器:objName = {prop1:value_1,prop2:value_2,…}该方法直接创建实例对象,而无需声明。2.使用构造函数:objName = {prop1:value_1,prop2:value_2,draw:func原创 2020-07-13 10:40:18 · 118 阅读 · 0 评论 -
js事件和事件流和dom事件流
什么是事件事件就是用来触发函数的一个开关<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原创 2020-07-13 09:32:27 · 757 阅读 · 0 评论 -
js的部分知识点
javaScript需要知道的基础1.js是什么javaScript简称js,js是一种脚本语言是不需要进行编辑的,也是浏览器的一部分,js是轻量级的编程语言。2.js的主要特点1.可以向HTML中添加交互行为2.是一种弱语言3.脚本语言,语法和java相似4.具有很强的交互性且安全性高(js完全属于客户端,不能访问本地文件)还可以跨平台3.js的常见用途js在一般情况下是用来给页面进行添加动态效果。HTML一般情况下都是静态页面,但是html的页面上是静态的,网页上面是要有一些动态还需原创 2020-07-08 16:03:38 · 276 阅读 · 0 评论 -
js字符串的一些操作方法
字符串的操作方法一些字符串的操作方法1.concat:用于字符串的拼接var aa ="hello"var bb = "world"var cc = aa.concat(bb);//cc= helloworld2.slice(x,y):截取字符串,第一个x表示开始截取的位置,y表示结束截取的位置,不包含索引为y的var dd = aa.slice(0,3);//dd= hel3.substr(x,y):截取字符串,第一个x开始截取的位置,y是表示要截取的个数var ee = aa.su原创 2020-07-13 14:27:47 · 203 阅读 · 0 评论