- 博客(24)
- 收藏
- 关注
RSS订阅原创 CSS element1~element2选择器，选择某元素后的某批元素
CSS3 element1~element2 选择器定义和用法element1~element2选择element1 之后出现的所有 element2。两种元素必须拥有相同的父元素，但是 element2 不必直接紧随 element1。示例为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景：<!DOCTYPE html><html><...
2019-12-11 12:52:00
565
原创 【知识点回顾】JavaScript运算符，递增和递减
递增和递减1.递增++a与a++都是对a进行递增的操作区别：++a先返回递增之后的a的值a++先返回a的原值，再返回递增之后的值2.递减同理3.案例++a先返回递增之后的a的值：var num1 = 12;var num2 = 8;var num3 = ++num1 + ++num2; //这里会先返回变量递增之后的值来参与运算，所以是13+9console.log(nu...
2019-12-06 13:43:25
372
原创 JavaScript中的return语句
return语句终止函数的执行，并返回一个指定的值给函数调用者。下面的 return 语句都会终止函数的执行：return;return true;return false;return x;return x + y / 3;直接写return;返回的值就是undefinedreturn false;在js中具有阻止目标元素默认行为的作用，例如：a标签的onclick事件里r...
2019-12-06 11:01:48
592
原创 【知识点回顾】一种级联菜单的思路以及jQuery :gt 选择器介绍
一、需要实现的级联效果常见的级联菜单是这样的：当改变了一个select下拉框的值，后面下拉框的值会做出相应的改变。二、实现级联思路这里采用jQuery来实现通过change() 方法，当一个select下拉框（假设叫a）的值发生改变时，把a的值传入一方法去获取一批新的数据，然后a后面所有select下拉框中的option选项清空掉，把获取到的数据放入option选项添加到紧随在...
2019-12-05 22:14:10
220
转载 Js apply方法详解,及其apply()方法的妙用
Js apply方法详解主要解决一下几个问题:apply和call的区别在哪里什么情况下用apply,什么情况下用callapply的其他巧妙用法（一般在什么情况下可以使用apply）首先从网上查到关于apply和call的定义,然后用示例来解释这两个方法的意思和如何去用.apply:方法能劫持另外一个对象的方法，继承另外一个对象的属性.Function.apply(obj,ar...
2019-12-02 17:01:18
822
转载 JS函数直接调用和new的区别
JS中函数既可以直接调用，也可以使用new关键字来构造。那么他们的区别是什么呢？来看一段代码：var a = 1;function main(){ console.log(a); var a = 2; console.log(this.a); this.a = 3;}main();new main();输出结果：undefined1und...
2019-12-02 09:08:43
309
转载 JS中var a=new function(){}与var a=function(){}与function a(){}的区别
1.function a(){}该方法的定义是全局性的，就算在调用之后定义，系统也不会报错，可以理解为，系统在执行到该方法时再去找该方法的定义位置进行初始化。2.var a=function(){}匿名函数的定义方法，若是在定义之前调用了，系统会报错。可以理解为，只用运行到这个方法时才能对变量a进行初始化，若是没有对变量a初始化，则会报错。此时，a代表后面匿名函数的返回值。3.var a=...
2019-12-02 09:00:12
740
原创 jQuery的$.fn
属于一种JQ插件开发方法通过$.fn向jQuery添加新的方法$.fn.blue = function(){ this.css('background-color','blue');} $('div').blue();$('body').blue();
2019-12-02 08:44:19
121
原创 【知识点回顾】前端分页实现思路
1.多条件查询，得到符合条件的数组result，以及关键参数：数组长度2.设定分页参数：每页显示条目数3.计算分页关键参数：总页数（数组长度 / 每页显示条数）当前页（默认为第0页）4.获取符合条件的数组中当前页数据result.slice（当前页 * 每页显示条目数，（当前页+1） * 每页显示条目数）...
2019-12-01 12:54:11
411
1
原创 jQuery的delegate()方法，为由脚本创建的新元素绑定事件
案例在开发中可能会遇到这样一种情况，需要给某些元素绑定事件，但这些元素在后续才会新建出来，导致绑定无效。例如下面的案例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title></head>&l...
2019-12-01 12:22:39
245
转载 jQuery中的 $().each以及 $.each()的区别
1.$(selector).each(function(index,element))2.$.each(dataresource,function(index,element))接下来就对这两个函数做深入的探讨：1.$(selector).each(function(index,element))作用：在dom处理上面用的较多示例：html部分文档<ul id="each_...
2019-12-01 09:24:05
169
转载 【知识点回顾】取余数怎么计算
参考链接：https://zhidao.baidu.com/question/431130997.html取余数，是指整数除法中被除数未被除尽部分，且余数的取值范围为0到除数之间（不包括除数）的整数。例如27除以6，商数为4，余数为3。一个数除以另一个数，要是比另一个数小的话，商为0，余数就是它自己.。例如:1除以2，商数为0，余数为1。2除以3，商数为0，余数为2。...
2019-11-30 10:42:22
9228
原创 【知识点回顾】js在页面中输出1000以内的水仙花数
题目题目如下：思路我的编写思路是：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>水仙花数</title></head><body><script> // 填写代码...
2019-11-30 10:20:33
399
原创 nth-child() 选择器实用技巧，选择倍数的元素
想要结果的可以直接看第三点，一二点算是我个人的一个记录。一、问题产生在写一个页面时，我碰到这么一个问题，页面有可以横向滚动展示的一批块状元素，我需要它们颜色不一样来显得美观些。我的预想是大概有五个颜色，因为一屏展示五个。我的脑海中浮现了两个想法，一个使用js来做，一个则是css的nth-child() 选择器。因为我记得nth-child(n)这里面的n是可以放公式的。二、解决方法W3...
2019-08-28 10:21:18
4934
原创 display:inline-block产生的间距
一、存在问题今天在写页面时碰到个问题，我设置元素为display:inline-block，但是在一行排列的时候，总是有莫名其妙的间距，依稀记得这个问题以前碰到过，于是去网上进行查阅。二、解决方法(1) 在网上看了下，有一个是用margin负值来解决，让这些元素margin-left:-3px。但是我试了下，在我这边是谷歌浏览器，用了margin:-5px才解决了间距问题。(2) 还看...
2019-08-26 11:29:31
282
转载 用JavaScript实现网页动态水印
原文链接：https://www.cnblogs.com/GongQi/p/4074609.html1.基本原理1.页面加载后，通过javascript创建页面元素div，并在div元素中创建文本节点，展示水印内容2.设置div元素样式，将其zIndex设置一个较高的值，并设置透明度，实现浮在页面的水印效果其核心逻辑如下所示 var mask_div = document.createE...
2019-06-19 10:15:15
1061
原创 JavaScript中的name以及prompt（）对话框取消时的值
一、存在问题在写demo时，发现的一个问题。就是prompt()方法弹出的对话框点击取消按钮时，获取到的值应该是null，我却获取到"null"。二、问题分析我的demo是：<script> var name = ''; while(name == '' || name == null){ name = prompt('请输入你的账号:',""); }</sc...
2019-05-22 16:28:07
4066
原创 While循环的用处以及prompt（）方法的注意点
之前写demo时，有这样一个需求，就是页面弹窗让用户输入账号密码，没输入的话就一直弹窗。我下意识的想法就是if语句和for循环。后来想起一个东西，就是while循环，while循环的话，只要不满足你设定的条件，while循环里的代码就会一直执行。弹窗因为只是做个demo，就直接用prompt()方法，使用该方法浏览器会弹出对话框让用户输入内容。于是，效果如下：<!DOCTYPE htm...
2019-05-22 14:00:03
1378
原创 圆形百分比进度条效果
一、前言最近有点懈怠啊，没怎么整理发布博客。今天写篇文章和大家分享一个常用的效果，圆形百分比进度条。前段时间我有个页面需要该效果，就在网上看了下，实现方式有好几种，我找了一种比较好实现的给大家一步步讲解。如果您觉得对您有帮助的话，请给我个赞或评论，谢谢~先放效果图：参考别人的链接：HTML+CSS 实现环形比例图效果二、整体思路1.设置一个浅灰色的圆当背景，里面只有两个子元素，一个...
2019-05-20 16:43:56
3697
原创 文本内容过长显示省略号
一、单行文本内容过长/*overflow 属性规定当内容溢出元素框时发生的事情。当值为hidden内容会被修剪，并且其余内容是不可见的。*/overflow: hidden;/*white-space 属性设置如何处理元素内的空白。当值为nowrap规定段落中的文本不进行换行。*/white-space: nowrap;/*text-overflow 属性规定当文本溢出包含元素时...
2019-04-25 23:52:42
8681
3
原创 移动端自适应以及部分meta标签的介绍
一、移动端的自适应自适应的方法以前刚接触写移动端页面的时候，对多个手机屏幕尺寸的适配问题会感到疑惑，在网上查看了各种解决方案后，最终决定采用rem布局。我用的是某位大神提供的方法来做到自适应，只需要引入相关的文件，进行设置就可以使用了，里面有详细的介绍。参考链接：http://caibaojian.com/simple-flexible.html该方法使用简单，在编写代码时参照设计图10...
2019-04-24 11:26:27
1850
原创 应该把script标签放在哪里
因为以前看过相关的文章，我一直以来都习惯性的把script标签放在页面的底部，让页面的元素加载完再去加载js文件。但是今天在写一个页面时，我忘了script标签是放在body标签内还是body标签外。我翻了下，我编写的上个页面放在了body标签外了，就是</body>的后面，但我之前写的页面是放在body标签内的最后面，就是</body>的前面。于是我又去进行了相关的了...
2019-04-23 22:17:12
1769
原创 jQuery的ajax获取数据渲染页面
一、ajax的请求方式post$.ajax({ //请求方式 type:'POST', //发送请求的地址 url:'xxxxxx', //服务器返回的数据类型 dataType:'json', //发送到服务器的数据，对象必须为key/value的格式，jquery会自动转换为字符串格式 data:{key1:value1,key2:...
2019-04-22 15:40:50
25242
12
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人