- 博客(16)
- 收藏
- 关注
RSS订阅原创 字符串拼接在JS中的重要作用！
如果我需要动态的改变某个DOM的属性：如我要将一个盒子的width：100 变为200而且，在JS中 style 是通过""形式去给属性赋值！因此，可以通过将 变量 与字符串 拼接，如 "变量 + px "，即可实现赋值...
2019-03-29 13:14:43
688
原创 HTML + JS实现万年历效果
实现的主要功能：点击实现日历样式的改变实现下一次点击时，上一次点击改变的样式恢复原状（核心）实现点击日历时，在最下方输出信息指定信息（注意：并不是点击元素中的信息注意：并不是点击元素中的信息）核心思想：由于此处增加点击事件不是通过 id名 直接添加，而是通过类数组（通过DOM中的TagName得到），给需要相同功能的标签，利用循环进行点击事件添加。即如果是通过id名添加点击事件...
2019-03-29 11:58:35
5681
1
原创 计时器中的一个显示间隔问题
在得到了两个日期相减之后的值（以毫秒为单位）如果在之后以秒为单位显示，则在计时器的第二个参数后必须给小于 1000 的参数！且只要小于1000都可以正常显示秒数！若在 刚打开页面不使其延迟显示，则需要在计时器前，将要计时显示的内容先调用下，使其立即显示。此处最好将内容封装为函数（与上面代码重复），调用即可。...
2019-03-27 12:18:23
309
原创 csdn常用字体颜色
常用颜色color=marooncolor=greycolor=silvercolor=lightgreycolor=HotPinkcolor=DeepPinkcolor=VioletRedcolor=Purplecolor=navycolor=Bluecolor=DeepSkyBluecolor=LightSkyBluecolor=aquacolor=DarkTurq...
2019-03-26 11:49:16
1270
原创 匿名函数解析错误
在匿名函数的使用中，浏览器会出现解析错误。（此问题比较重要，单独拿出来做一篇谨记） var one = function (f) { return function (x) { return f(x); } } (one(function(){ console.log("print 1 times"); }))();但若此时加上一个分号或者别的...
2019-03-26 11:32:01
332
原创 隐式转换规则
number和boolean用==比较时会把boolean转换为number再比较值,true转换为number是1,!!2则是把2转换为boolean,非零转换boolean都是true
2019-03-23 15:15:31
552
原创 函数闭包
函数返回值，会优先寻找形参内的值，如果没有形参，会向外寻找变量。 var a = 10； fucition foo（a）{ console.log(a); } foo();// undifined若没有形参，则实参是摆设。（形参相当于 var a；）若没有实参，则形参若未赋值为未定义。对于此类函数结构，要注意实参与形参的值传递过程。...
2019-03-23 11:05:30
132
原创 函数声明的理解（重要）
对于函数声明规则：程序执行前要进行预编译，产生一个AO对象，并按照AO对象中的规则， 整理 声明语句（注意，只牵扯到声明，并未赋值）首先js的执行过程会先扫描一下整体语法语句，如果存在逻辑错误或者语法错误，那么直接报错，程序停止执行，没有错误的话，开始从上到下解释一行执行一行。但是js中首先你要清楚变量声明和函数声明是会提升的。计算机执行到function()函数时，在执行的前...
2019-03-23 11:01:16
766
原创 正则表达式整理（基本）
js去掉首位空格的正则表达式 str=str.replace(/^\s+|\s+$/g,''); js控制只能输入数字和逗号的正则表达式 var reg = /^[0-9,]+$/; var txt = $("#id").html(); alert(reg.text(txt));是否为由数字组成的字符串 function is_digitals(str) { var reg=...
2019-03-21 22:28:39
1509
原创 JS新手问题解决
若是我想获取P里值，但却把JS代码写在了P标签前面，如下图<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>简单运算输出</title> </head> <body> <script src="../js/d...
2019-03-18 20:32:29
195
原创 手机端JS适配代码
手机端适配的通用代码，但要注意将640修改为设计稿的宽度，将从设计稿量得的mpx（m为量得长度），除以100后加上单位rem &lt;meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /&gt; &l
2019-03-14 10:10:47
2929
原创 关于渐变属性值的一些理解
首先，对于渐变（gradient）主要有两种方式，一种为线性渐变（linear-gradient），一种为径向渐（radical-gradient）本篇着重讨论线性渐变。渐变的语法：background: linear-gradient(direction, color-stop1, color-stop2, …);其中对于这个gradient轴也要有一定的了解（类似于弹性盒的主轴和副轴）...
2019-03-12 12:00:21
523
原创 对手机端布局的一些理解~~未完待续
前提，由于手机端的特性，灵活，更新快，各种型号，所以就有了以下特点：高度自适应且较PC端轻便简洁。重点：在写页面时，尤其是移动端页面，尤其要先搞清楚布局再下手。其中需要注意的一点就是，在基本三大块中，如果要写布局，一定要在其外面嵌套一层盒子，使其与外部的大框架不联系，这样在进行弹性盒变化时不会对其产生影响。（其中支付宝的头部与中部都用到了这个原理，而尾部由于一般是figure布局，其本身就是一...
2019-03-11 11:31:42
163
原创 前端中常见的代码错误与Bug（持续更新中~~）
前端中常见的代码错误与Bug 若出现下行的块或文字被挤到后边去（尤其是插入列表时ul、ol、dl），则应考虑其上元素是否 错误或过多的设置了margin和padding。 若写了代码却没有效果，这时有两种可能的问题（均在开发者模式下查看）： 第一种：在开发者模式下，若代码前出现了黄色的感叹号，并被用删除线包围，则应考虑此行 代码出现了拼写问题。 第二种：在开发者模式下，...
2019-03-04 09:47:36
3228
原创 CSS3实现简单的无缝轮播效果
CSS实现简单的无缝轮播效果 由于还没有接触到JS实现动态效果，但是比较想实现页面的简单轮播效果，翻了翻CSS标签，发现只有CSS3也可以实现动画效果，即通过animation动画标签，来实现动态的页面效果。以下是HTML模块&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;
2019-03-03 20:57:39
2140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人