JavaScript/H5/CSS3
JavaScript/H5/CSS3
L.Cheng
千行代码过 BUG不沾身
展开
-
JS数组转字符串join、字符串转换数组split
toLocalString() 方法与 toString() 方法用法基本相同,主要区别在于 toLocalString() 方法能够使用用户所在地区特定的分隔符把生成的字符串连接起来,形成一个字符串。split() 方法是 String 对象方法,与 join() 方法操作正好相反。toString() 在把数组转换成字符串时,首先要将数组的每个元素都转换为字符串。其中数组 a 是一个多维数组,JavaScript 会以迭代的方式调用 toString() 方法把所有数组都转换为字符串。原创 2023-06-07 14:05:08 · 808 阅读 · 0 评论 -
关于css中a标签为什么不能继承父类标签的color问题
显然代码中并没有给a设置样式规则,接着看浏览器有没有默认样式,这里。,这时候就用浏览器默认样式了,而不需要再去找继承的样式了。关于css中a标签为什么不能继承父类标签的color问题。,如果并没有直接给a标签设置样式,那么就会去先看。span标签继承了颜色但是a标签未继承。行内样式。的某些样式不能继承父类标签。内部样式。引用样式。继承了父元素的样式呢?归根原因是CSS中有个。浏览器用户自定义样式。,如果还没有最后才会去。会先看看程序中是否有。原创 2022-10-17 07:54:50 · 958 阅读 · 0 评论 -
$(window).load()方法理解、使用场景
1、$(window).load() 和window.οnlοad=function(){}是页面中的所有元素(包括图片、flash)等都加载完毕后,才能执行;$(document).ready() 是页面中的DOM元素加载完成后便可执行。2、$(window).load()和window.οnlοad=function(){}不同的是,前者可以和$(document).ready()一样,可以同时加载多个函数。原创 2022-10-11 08:39:41 · 3968 阅读 · 0 评论 -
height和line-height的区别(简单易懂)
这里height是两倍line-height,即浅绿色的背景可以接收两行的输入(如果超过两行,内容会溢出于浅绿色背景),如下所示,输入内容占用了第一行,第二行无内容。height定义了一个盒子的高度,这个盒子的背景是浅绿色,当height的值发生变化时,浅绿色的背景也会随之做高度上的变化。当输入两行内容,height根据line-height的值自动变化,变化为line-height的两倍。line-height:定义的是每一行的高度,即为输入的内容。line-height:一行的高度,简称行高。原创 2022-09-30 17:13:27 · 818 阅读 · 0 评论 -
微信开发工具unabla to venrify the first(简单粗暴解决)
下载一个fiddler工具把它打开,tools》options》connectionslistens on port 随便设置一个端口,如8888;然后打开微信开发者工具,坚持到设置按钮出来然后打开微信开发者工具,坚持到设置按钮出来,...原创 2022-03-10 11:22:35 · 6754 阅读 · 0 评论 -
谷歌浏览器(chrome)input标签自动填充数据的问题(已解决)
问题:如题,在谷歌浏览器中,有时input标签会自动填充数据,如用户名密码等。。。解决:给input标签加上autocomplete属性,如果是type=“text”就加上autocomplete="off"属性,如果type="password",就加上autocomplete="new-password"属性(见下图)思考总结:通过实践,autocomplete="off"不能单独使用,要和autocomplete="new-password"结合起来使用才有效果。//用户.原创 2021-07-06 08:11:17 · 3162 阅读 · 2 评论 -
谷歌浏览器Chrome中文乱码(已解决)
Chrome从55版本开始,新版本的Chrome浏览器已经砍掉了右键有编码这个选项,但是可以通过扩展插件来("Set Character Encoding")弥补这个问题。chorme网上应用店,需要翻墙;这里推荐本地安装,具体步骤如下:先下载“Set Character Encoding”这个插件,插件可以联系博主领取也可以自行百度;接着,在Chrome右上角打开菜单->更多工具->扩展程序(也可以直接在地址栏中输入chrome://extensions/)。这时候,我们..原创 2021-07-07 11:14:56 · 24981 阅读 · 3 评论 -
前端工作总结学习
1、认识网页网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等2、浏览器浏览器是网页显示、运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我们平时称为五大浏览器可能你最熟悉的是 IE浏览器,但是他的相应速度实在是太慢了我们可以通过百度的流量研究院来查看目前浏览器的市场占比,2008年,大名鼎鼎的互联网巨头Google公司发...原创 2021-08-04 15:18:06 · 528 阅读 · 0 评论 -
win7访问共享文件提示:禁用当前账户
原因分析:1、Win7操作系统,默认禁用了管理员和来宾账户2、无法访问共享的机器,访问共享文件时使用的是默认的管理员,没有设置密码由于win7共享服务器端的同名账户是禁用的,当客户端还用同名账户(普遍来说都是administrator账户同名)去验证的时候,服务器返回这个账户禁止,客户端就不提示用户输入用户名和密码,直接终止就了共享访问…..解决办法:方法1:最简单的解决方法就是——本机建立一个新账户,这样通过新账户而不是同名的admin账户去访问共享服务端就不会出现“登 录失败:禁用原创 2021-07-05 12:30:48 · 6378 阅读 · 0 评论 -
Math.round(),Math.ceil(),Math.floor()的区别
1.Math.round():根据“round”的字面意思“附近、周围”,可以猜测该函数是求一个附近的整数,看下面几个例子就明白。小数点后第一位<5正数:Math.round(11.46)=11负数:Math.round(-11.46)=-11小数点后第一位>5正数:Math.round(11.68)=12负数:Math.round(-11.68)=-12小数点后第一位=5正数:Math.round(11.5)=12负数:Math.round(-11.原创 2021-09-16 15:36:44 · 171 阅读 · 0 评论 -
Javascript中this指向问题
this 是执行上下文中的一个属性,它指向最后一次调用这个方法的对象。在实际开发中,this 的指向可以通过四种调用模式来判断(1)第一种是函数调用模式,当一个函数不是一个对象的属性时,直接作为函数来调用时,this 指向全局对象。var a = function(){ alert (this)//[object Window]}a();(2)第二种是方法调用模式,如果一个函数作为一个对象的方法来调用时,this 指向这个对象。var O = { name:'jac.原创 2021-07-05 12:46:48 · 90 阅读 · 0 评论 -
Javascript 设计模式之单例模式
单例模式就如其名一样,一个构造函数在构造出一个对象后,之后再使用这个构造函数构造对象时,不会是新的对象,依旧是上一次的对象,通俗点说,单例模式实现的是一个构造函数只能创造一个新的对象。很不解,为什么要这么做?这个就像什么呢,举个不恰当的例子,就像一家汽车制造厂,在制造完一辆车之后,宣布不再造新车了,之后公司要改型,改成只针对这辆车做维护(维修)的公司。 教科书解释:创建完之后,只有一个实例,之后再怎么创建,都是这一个,方便实例管理,提供了对实例的受控访问。 对于频繁创建,销毁对象,这个单例模式.原创 2021-07-05 12:38:40 · 115 阅读 · 0 评论 -
Javascript 设计模式之惰性单例模式
惰性单例是指需要的时候才创建对象实例。在实际开发中非常有用。例如创建一个弹窗 元素 iframe等等;//html代码!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">..原创 2021-07-05 12:35:33 · 145 阅读 · 0 评论 -
Javascript call apply用法
call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向两者区别在于接收参数方式不同:call()方法分别接受参数。apply()方法接受数组形式的参数。function A(name,age){ this.name = name; this.age = age; this.go = function(){ console.log(this==b);//true console.log...原创 2021-07-05 12:33:54 · 89 阅读 · 0 评论