- 博客(33)
- 收藏
- 关注
RSS订阅原创 面试--jQuery
Jquery与jQuery UI 有啥区别？jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为Jquery相关:{js和jQuery区别:js是网页脚本语言,jQuery是用js写出来的框架}①()是JQuery函数别称,()是...
2019-12-27 21:05:25
229
原创 JS—触摸事件、手势事件
①触摸事件touchstart、touchmove和touchend是iOs版Safari浏览器为了向开发人员传达一些信息新添加的事件。因为iOs设备既没有鼠标也没有键盘，所以在为移动Safari浏览器开发交互性网页的时候，PC端的鼠标和键盘事件是不够用的。touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。touchmove事件：当手指在屏幕上滑动的时候连...
2019-12-27 21:03:53
818
原创 Jquery选择器通配符
通配符：$(“input[id^=‘code’]”);//id属性以code开始的所有input标签("input[id("input[id("input[id=‘code’]");//id属性以code结束的所有input标签$(“input[id*=‘code’]”);//id属性包含code的所有input标签$(“input[name^=‘code’]”);//name属性以cod...
2019-12-27 21:01:33
96
原创 JQuery的事件与动画
toggle()方法的用法toggle()方法用于模拟鼠标连续单击事件。运行为：第一次单击执行第一个函数，第二次单击时执行第二个函数，可以重复调用，编写网页或新闻时，如有标题需要对其进行解释时可以使用toggle()方法。代码如下Js代码 收藏代码$(function(){ $(标题).toggle(function(){ $(this).next(...
2019-12-27 21:00:41
123
原创 jQuery选择器及属性设置
（一）直接父级：.parent();方法返回被选元素的直接父元素所有父级：.parents(); 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素html（二）同级：.siblings() 方法返回被选元素的所有同胞元素 例子：$("h2").siblings("p"); 返回属于<h2>的同胞元素的所有<p>元素所有同级：nextAll() ...
2019-12-27 20:53:40
259
原创 jquery实现全选，全部选并且获取字段，实现指定字符删除
刚刚给后台加了个全选后快捷删除功能，这里用我用jquery来实现。（1）全选和全部选（2）获取选择的数据（3）对数据做截取处理，然后传递后台【主体】 用jquery处理的话，最好不要用attr方法增加属性，否则会出现第三次点击不生效的情况，用prop方法较好。用prop方法时注意jquery版本，必须是1.8之后的版本，否则不支持Html代码 收藏代码<table cla...
2019-12-27 20:49:02
185
原创 jquery选择器
Jquery选择器说明代码 收藏代码可以通过Jquery选择器能从网页文档中找到我们需要的DOM节点1.1) 基本选择器1.2) 属性选择器1.3) 其他选择器说明代码 收藏代码Chap02/demo01.html<!DOCTYPE html> <html> <head> <meta charset="UTF-8">...
2019-12-27 20:38:14
75
原创 indexOf 和 lastIndexOf的区别
这里简单总结下数组操作------查找数组元素indexOf()和lastIndexOf()两者的区别【主体】indexOf 和 lastIndexOf 是什么？ indexOf 和 lastIndexOf 都是索引文件 indexOf 是查某个指定的字符串在字符串首次出现的位置（索引值） （也就是从前往后查）eg：lastIndexOf 是从右向左查某个指定的字符串在字符串中...
2019-12-15 23:02:32
167
原创 JS中的事件委托 / 代理详解
【前言】 事件委托/代理是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的【主体】 概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这个例子还真...
2019-12-15 23:01:43
99
原创 JS定义变量的3种方式，var、let、const
JS定义变量的3种方式，var、let、const（1）let方式/*let声明(1)let没有变量提升(2)let不允许在相同作用域内，重复声明同一个变量，即无法修改。否则报错 console.log(x);//x is not defined let x = 0; let x =2; console.log(...
2019-12-07 13:47:14
223
原创 js字符串比较大小
（1）大于(>)，小于(<)运算符 JS字符串在进行大于(小于)比较时，会根据第一个不同的字符的ASCII值码进行比较，情况分为多种 ①当数字跟字符串进行数学运算时(不光是>,<,=,还包括+-*/等运算)，会把字符串转换成数字 ②如果字符串是数字的形式，转换成数字后就直接根据数字大小进行比较 ③如果字符...
2019-12-07 13:45:11
1126
原创 JavaScript闭包
Js变量的作用域说明代码 收藏代码chap02/demo01.jsp http://localhost:8080/HeadFirstJavaScript/chap02/demo01.jsp22说明代码 收藏代码chap02/demo02.jsp http://localhost:8080/HeadFirstJavaScript/chap02/demo02.jspUn...
2019-12-07 13:43:34
119
原创 一些前端面试技巧
对于前端，面试官喜欢一开始先问些HTML5新增元素啊特性啊，或者是js闭包啊原型啊，或者是css垂直水平居中怎么实现啊之类的基础问题，当你能倒背如流的回答这些之后，面试官脸上会划过一丝诡异的笑容，然后晴转多云，故作深沉的清一下嗓子问：从用户输入URL到浏览器呈现页面经过了哪些过程？如果你懂，巴拉巴拉回答了一堆，他又接着问：那网页具体是如何渲染出来的呢？如果你还懂，又巴拉巴拉的回答了一堆，他还会继续...
2019-11-30 14:00:12
170
1
原创 return，break，continue区别
关于return，break，continue三者区别 ① break：跳出当前循环，所在的循环层结束 ②continue：只是跳过本次执行，继续执行下次循环，并未跳出 ③return直接结束整个方法，不管这个return处于多少层循环之内【详解】案例：（这里我用PHP，不过for循环语法和JS的类似）Php代码 收藏代码<?php ...
2019-11-29 22:21:55
196
原创 小技巧：如何突破某些网站只能登陆后才能进行文字拷贝的限制
我们在浏览文章时，经常需要从一些网站的文章上查阅一些资料。然而当我按了键盘上的拷贝快捷键Ctrl C后，却收到这个提示，告诉我只有登陆后才能够进行复制操作。可是为了登陆我得先注册，有点麻烦。如果赶时间的话，可以使用这篇文章的小技巧，达到不用先注册再登陆，也能任意拷贝网页文字的效果。下面是详细步骤。和往常一样打开您想复制文字的网页，先不忙按Ctrl C。按F12打开Chrome浏览器的开发...
2019-11-29 22:20:46
326
原创 利用CSS模拟太阳系运转
太阳系 display: flex; /属性规定元素应该生成的框的类型。/justify-content: center;align-items: center;position: relative;/属性指定一个元素（静态的，相对的，绝对或固定）的定位方法的类型。值：生成相对定位的元素，相对于其正常位置进行定位。/} .path2{width: 400px;hei...
2019-11-23 11:24:23
151
原创 伪类和伪元素的区别
【前言】本文简单说明下伪类和伪元素的区别。在CSS1，CSS2中，大家或多或少的用过 :hover，:visited, :before, :after。CSS1和CSS2中对伪类的伪元素的区别比较模糊，甚至经常有同行将:before、:after称为伪类。CSS3对这两个概念做了相对较清晰地概念，并且在语法上也很明显的讲二者区别开。【主体】（1）概括：伪类与伪元素的本质区别就是是否抽象创造...
2019-11-23 11:21:26
120
原创 css3如何实现滑块
先对一个input框进行圆角处理，input框的type属性选择checbox，用display:none将样式彻底隐藏。然后用一个无意义label标签对他进行宽高的处理，得先把label转化一下用display:inline-block;。设置好用css3的transition利用他的过度效果得到。 滑块 ...
2019-11-23 11:17:21
503
原创 div中的内容垂直居中的五种方法
一、行高（line-height）法如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如：p { height:30px; line-height:30px; width:100px; overflow:hidden; }这段代码可以达到让文字在段落中垂直居中的效果。二、内边距（padding）法另一种方法和行高法很相似，它同样适合一行或几行...
2019-11-23 11:14:57
317
原创 nput元素去除获取焦点时的边框
1.1概述在网页中，用tab键切换时，文字链接、搜索框、按钮等的外面会有一个虚线框（或高亮框），此时当前的元素就获得了焦点，可以对其进行操作。注意：这个功能一般是为使用键盘操作的用户准备的，建议一般不要去掉。input标签获取焦点的时（如：光标放在input框中准备输入值时）， input标签外围会出现边框，如果需要去掉这个边框，可以使用css的outline:none;（当元素获得焦点时焦...
2019-11-23 11:14:09
319
原创 css 的rgba属性
CSS3里目前用的比较广的RGBA属性的高级使用方法。这个属性的兼容问题比较简单，IE8已经支持这个属性，IE6和IE7也可以通过hack支持。RGBA和CSS2里的RBG属性差不多，只是RGBA属性多了一个透明度的定义【兼容：IE9】RGBA的强大之处在于，通过对透明度的定义和不同层的颜色混合可以呈现出更多的颜色，就像颜料的混合一样。且不影响子节点在IE8等古董级浏览器中是不支持的rgba...
2019-11-23 11:13:05
2446
原创 css块级元素和行内元素
块级元素和行内元素是布局中常见的两种基本元素，但是未必有很多人深入的研究它们的细微差别。常见块级元素：div p form ul ol li 等；常见的行内元素：span stronh em;它们的区别主要有以下几点：1.块级元素独自占一行且宽度会占满父元素宽度，行内元素不会独占一行，相邻行内元素可以排在同一行。如图：复制代码 测试 ...
2019-11-12 09:04:47
91
原创 css样式的优先级
、相同权值情况下，CSS样式的优先级总结来说，就是——就近原则（离被设置元素越近优先级别越高）：内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。2、权值不同时，浏览器是根据权值来判断使用哪种css样式的，哪种样式权值高就使用哪种样式。下面是权值的规则：标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码：p{col...
2019-11-12 09:01:25
449
原创 css表单
属性 描述border-collapse 设置是否把表格边框合并为单一的边框border-spacing 设置分隔单元格边框的距离caption-side 设置表格标题的位置empty-cells...
2019-11-11 22:59:09
432
原创 CSS文本
缩进text-indent 属性，所有元素的第一行都可以缩进一个给定的长度，甚至该长度可以是负值属性值有三种：length 定义固定的缩进。默认值：0% 定义基于父元素宽度的百分比的缩进inherit 规定应该从父元素继承 text-indent 属性的值【注意：1.任何版本均IE不支持属性值inherit（继承）；2.不支持行内...
2019-11-11 22:58:05
54
原创 CSS外边距叠加
【外边距合并】外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者接下来举几个简单例子：Html代码 收藏代码 垂直外边距叠加 上下垂直外边距叠加为较大的那个 就是20 里外垂直外边距叠加为较大的那个 也是20 ...
2019-11-11 22:56:44
125
原创 css背景属性
CSS背景属性【目录】①background-attachment背景附件------设置背景图像是否固定或者随着页面的其余部分滚动；②background-clip背景修剪------规定背景的绘制区域；③background-origin背景来源------规定 background-position 属性相对于什么位置来定位；④background-size背景尺寸------规定...
2019-11-11 22:52:42
306
原创 css属性列表
以下为最近总结的CSS属性列表，这里做下笔记CSS属性组目录列表：1 . 动画；2 . 背景；3 . 边框和轮廓；4 . Box盒子属性；5 . 可伸缩框；6 . 字体；7 . 表格属性；8 . 文本属性；9 . 2D/3D 转换属性transform； 10 . 过渡属性transition；11 . 用户界面属性（User-interface）；下面具体介绍下各个属性（1 ....
2019-11-11 22:51:49
482
原创 CSS文本属性
下面介绍下关于文本属性的详解目录列表：①direction方向；②letter-spacing字母间距；③text-decoration文本装饰（上下划线，贯穿线）；④text-indent文本缩进；⑤text-shadow（文字阴影）；⑥text-transform（文本转变）；⑦white-space（空白–常用于禁止换行/换行）；⑧word-spacing（单词间距，仅仅单词）；⑨...
2019-11-11 22:49:59
94
原创 c's's一些优化建议
1.#nav li {}看起来很快，实际上很慢，尽管这让人有点费解#_#。我们中的大多数人，尤其是那些从左到右阅读的人，可能猜想浏览器也是执行从左到右匹配规则的，因此会推测这条规则的开销并不高。在脑海中，我们想象浏览器会像这样工作：找到唯一的ID为nav的元素，然后把这个样式应用到直系子元素的li元素上。我们知道有一个ID为nav的元素，并且它只有几个Li子元素，所以这个CSS选择符应该相当高...
2019-11-11 22:47:48
111
原创 12个HTML和CSS必须知道的重点难点问题
1.怎么让一个不定宽高的 DIV，垂直水平居中?使用Flex只需要在父盒子设置：display: flex; justify-content: center;align-items: center;使用 CSS3 transform父盒子设置:position:relativeDiv 设置: transform: translate(-50%，-50%);position: absolu...
2019-11-11 22:45:37
78
原创 css样式初始化
1、拥有默认内外边距的标签 有些人会图省事，清除内外边距直接用*{margin:0;padding:0;}，这样子写，在项目很小的时候，你会感觉没什么，一旦项目大了以后，再这么写将会及其消耗网站的加性能，降低网站加载速度。 所以我们要了解哪些标签默认会拥有内外边距，再根据使用情况进行样式初始化：-------------------------------------------常用...
2019-11-11 22:42:53
648
转载 css插入样式
css插入样式如何插入样式表当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。插入样式表的方法有三种：外部样式表当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在（文档的）头部：浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。外...
2019-11-11 22:40:35
212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人