会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
牛译伟
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
7
8
9
下一页
2019年11月10日
仿京东搜索框实例
摘要: 马上就到双十一了,我们在京东淘宝购物,疯狂剁手的同时,有没有注意到京东的搜索框呢,除了能进行搜索内容以外,它的样式又是如何实现的呢? 下面就分析一下如何实现仿京东的搜索框。 核心分析: JavaScript部分: 1、当文本框获取焦点的时候,div中的字体颜色变为rgb(200,200,200);
阅读全文
posted @ 2019-11-10 16:44 Cloud%
阅读(2803)
评论(0)
推荐(0)
编辑
2019年11月8日
DOM操作元素
摘要: DOM 操作元素 JavaScript的DOM操作可以改变网页内容、结构和样式。我们可以利用DOM操作元素来改变元素里面的内容、属性等。 DOM操作元素: 一、操作元素:(一)innerText 、(二)innerHTML 二、操作常见元素属性:src、href、title、alt等; 三、操作表单
阅读全文
posted @ 2019-11-08 22:43 Cloud%
阅读(788)
评论(0)
推荐(0)
编辑
2019年11月7日
DOM查询
摘要: API API(Application Programming Interface 应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组历程的能力,又无需访问源码,或是理解内部工作机制的细节。 简单理解:API是给程序员提供的一种工具,以便可以更轻松的实现
阅读全文
posted @ 2019-11-07 13:00 Cloud%
阅读(736)
评论(1)
推荐(1)
编辑
2019年11月6日
CSS Hack
摘要: 一、什么是CSS hack 在书写CSS样式的时候经常遇到就浏览器兼容的问题,比如说不同厂商的浏览器,或是同一厂商的浏览器的不同版本浏览器、不同的浏览器对CSS样式的解析是不同的,因此就会导致其在页面输出的是不同的效果,这个时候就需要使用CSS hack来解决浏览器的兼容问题。 使用CSS hack
阅读全文
posted @ 2019-11-06 19:51 Cloud%
阅读(213)
评论(0)
推荐(0)
编辑
HTML5测试(二)
摘要: HTML5测试(四) 1、input 元素中,下列哪个类型属性定义了输入电话号码的控件? A、mob B、tel C、mobile D、telephone 答案:B 具有 type 属性的 input 元素,其值为 “tel”,表示用于输入电话号码的单行纯文本编辑控件 2、哪个元素表示用于生成公钥-
阅读全文
posted @ 2019-11-06 01:28 Cloud%
阅读(2566)
评论(0)
推荐(0)
编辑
2019年11月5日
HTML5测试(一)
摘要: HTML5测试一 1. 问题:HTML5 之前的 HTML 版本是什么? A、HTML 4.01 B、HTML 4 C、HTML 4.1 D、HTML 4.9 答案:A HTML5 是 HTML 最新的修订版本,由万维网联盟(W3C)于 2014 年 10 月完成标准制定。目标是取代 1999 年所
阅读全文
posted @ 2019-11-05 19:59 Cloud%
阅读(2452)
评论(2)
推荐(0)
编辑
2019年11月3日
百分号编码(URL编码)
摘要: 百分号编码又叫做URL编码,是一种编码机制,只要用于URI(包含URL和URN)编码中。 URL中那些字符需要编码,又为什么进行编码 一、URL是什么? URL(Uniform Resource Locator),统一资源定位符,是地址的别名。包含了关于文件储存位置和浏览器应该如何处理他的信息。互联
阅读全文
posted @ 2019-11-03 21:56 Cloud%
阅读(9818)
评论(2)
推荐(2)
编辑
DOM事件处理函数
摘要: 事件 JavaScript与HTML之间的交互是通过事件实现的。 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器(或是处理程序)来预定事件,以便事件发生时执行相应的代码 IE9、Firefox、Opear、Safari和Chrome全部都已经实现“DOM2级事件”模块的核心部分
阅读全文
posted @ 2019-11-03 20:58 Cloud%
阅读(642)
评论(0)
推荐(0)
编辑
JS数组
摘要: 一、什么是数组 内存中连续多个数据的数据结构,再起一个统一的名字。 数组也是一个对象,和我们普通的对象功能类似,也是用来储存一些值的。不同的是普通对象是使用字符串作为属性名的,而数组使用数字作为索引操作元素。 数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据。 使用 typeof
阅读全文
posted @ 2019-11-03 20:23 Cloud%
阅读(368)
评论(0)
推荐(0)
编辑
2019年10月23日
JS中for循环嵌套
摘要: for 循环 for语句也是一种前测试循环语句,但它具有在 执行循环之前初始化变量 和 定义循环后要执行的代码的能力 for循环中专门提供了位置来放置循环的三个表达式 定义一个循环需要做实现这三步: 1、初始化表达式 2、条件表达式 3、更新表达式 语法: for(①初始化表达式;②条件表达式;③更
阅读全文
posted @ 2019-10-23 17:02 Cloud%
阅读(13297)
评论(2)
推荐(1)
编辑
2019年10月20日
Codecombat 游戏攻略(计算机科学三)2
摘要: 第33关 逻辑之路 判断secretB 非真,走上面;否则,走下面(这里面要先自己进行逻辑判断)if…else语句或者这样用(不用自己进行判断) 第三十四关 逻辑之圈 注意逻辑判断 第三十五关 逻辑结论 运算符优先级 或与非优先于and 挑战或与非 使用while循环先检查是否有enemy或是ite
阅读全文
posted @ 2019-10-20 21:44 Cloud%
阅读(3635)
评论(0)
推荐(0)
编辑
Codecombat 游戏攻略(计算机科学三)
摘要: 第二关 赋值运算符-=字符串拼串循环语句while 第三关 JS变量var的赋值方法字符串拼串循环语句while条件语句if 第四关 巫师之门 算术运算符JS变量var的赋值方法 第五关 巫师出没 算术运算符 第六关 巫师天际层 算术运算符的优先级 第七关 币屑 方法的参数 第八关 白兔 变量声明方
阅读全文
posted @ 2019-10-20 20:41 Cloud%
阅读(8029)
评论(0)
推荐(0)
编辑
2019年10月19日
transform-origin属性
摘要: 一、transform-origin的作用 transform-origin改变元素基点 (transform-origin是变形原点,原点就是元素绕着旋转或变形的点) 注意:该属性只有在设置了transform属性的时候才起作用; 如果在不设置的情况下,元素的基点默认的是其中心位置。 在没有使用
阅读全文
posted @ 2019-10-19 21:57 Cloud%
阅读(13805)
评论(0)
推荐(2)
编辑
2019年10月18日
CSS Sprite雪碧图
摘要: 一、CSS Sprite雪碧图使用场景 浏览器通常很快就可以将文本显示出来,但图像往往会减慢页面的加载速度。这一现象在移动端尤为明显,为了解决这个问题,可以将多个图像拼合成单个背景图像(sprite),再通过CSS控制具体显示图像的哪一部分。 CSS雪碧即CSS Sprite,也有称之为CSS精灵,
阅读全文
posted @ 2019-10-18 23:19 Cloud%
阅读(373)
评论(0)
推荐(0)
编辑
2019年10月17日
for-in语句和with语句、break和continue语句
摘要: for-in语句 for-in语句是一种精准迭代语句,可以用来枚举对象的属性,用以遍历一个对象的全部属性。 for…in声明用于对数组或者对象的属性进行循环操作; for…in循环中的代码每执行一次,就会对数组的元素或对象的属性进行一次操作。 for-in的语法: for (变量 in 对象) {
阅读全文
posted @ 2019-10-17 22:48 Cloud%
阅读(1166)
评论(1)
推荐(0)
编辑
2019年10月13日
Emmet语法规则
摘要: Emmet插件仿照CSS语法来生成代码,使用emmet语法可以大大提高HTML/CSS代码书写的速度。 下面就来介绍一下Emmet语法到底应该如何书写; 当熟悉了Emmet的缩写语法之后,可能会想一些格式来生成更清晰可读的缩写,例如,在元素和运算符之间使用空格隔开 注意:这种写法是错误的,空格是Em
阅读全文
posted @ 2019-10-13 09:45 Cloud%
阅读(1364)
评论(0)
推荐(3)
编辑
2019年10月12日
CSS画心形和蛋形
摘要: 一、心形 使用transform-origin属性实现设置不同的点为原点 1、改变元素基点transform-origin(transform-origin是变形原点,原点就是元素绕着旋转或变形的点) 注意:该属性只有在设置了transform属性的时候才起作用; 如果在不设置的情况下,元素的基点默
阅读全文
posted @ 2019-10-12 20:01 Cloud%
阅读(358)
评论(1)
推荐(0)
编辑
仿照小米横向特效和弹出二维码
摘要: 一、仿照小米横向特效 实现效果:(鼠标移动到上面之后弹出橙色区域部分) 二、弹出二维码 实现效果:(鼠标移动到上面之后弹出百度的二维码) 之所以能实现弹出效果,是因为为子元素设置 display:none 属性 display:none —— 不为隐藏的对象保留其原来的位置,使其在页面上消失; 然后
阅读全文
posted @ 2019-10-12 18:41 Cloud%
阅读(368)
评论(0)
推荐(0)
编辑
2019年10月11日
伪类和伪元素的区别
摘要: 一、什么是伪类、伪元素呢? 伪类:伪类对元素的分类是基于特征,而不是基于元素的名字属性或是内容。特征并不可以通过DOM树直接获得。 (伪类选择器就是不存在与HTML文档中,但是用CSS语法可以选择它们,并对其能够渲染修饰) 伪元素:伪元素创造文档语言能够指定的文档树之外的抽象。例如:first-ch
阅读全文
posted @ 2019-10-11 21:57 Cloud%
阅读(1735)
评论(2)
推荐(0)
编辑
2019年10月10日
for循环、while循环、do…while循环
摘要: 什么是循环结构? 反复一遍又一遍做着相同(相似)的事情 循环结构的两大要素? 循环条件:什么时候开始,什么时候结束 循环操作:循环体,循环过程中 做了什么 一、while语句 while语句 属于前测试循环语句,也就是说,在循环体内的代码被执行之前,就会对出口条件求值 while(Boolean条件
阅读全文
posted @ 2019-10-10 23:55 Cloud%
阅读(1485)
评论(1)
推荐(0)
编辑
上一页
1
2
3
4
5
6
7
8
9
下一页