随笔分类 - JavaScript
摘要：语法规范： 任何合法的javascript标识符都可以作为函数的名称。 约定俗成的内容：(非ECMAScript语法，但是为了便于开发者理解和识别，约定的函数命名规范。) 命名方法： 小驼峰式命名法 命名规范： 前缀应该为动词 命名建议： 常用动词约定 动词含义 加载某些数据 构造函数-采用大驼峰写
阅读全文
摘要：先看以下几段烧脑的代码： 控制台打印结果"function"。 另一段代码 控制台打印结果"var"。 关于函数声明和函数表达式更具体的定义在javascript函数中有相关详细的介绍，这里就不再叙述。上述代码主要用于引出函数声明和函数表达式的区别。 函数声明和函数表达式的区别本质其实是函数声明提升
阅读全文
摘要：函数的定义 在javascript中函数是一段可以被执行或调用任意次数的JavasScript代码,在数据类型中属于"function"。函数也拥有属性和方法，因此函数也是对象。 函数的创建方法 创建函数可以通过函数声明、函数表达式以及构造函数三种方法来实现。 在Javascript中函数定义函数声
阅读全文
摘要：javascript基础综合练习：从字符串中提取数字内容。已知字符串str的内容为数字、字母和特殊符号的组合。利用学习的js处理字符串的方法，将其中的数字内容以数组的形式提取出来。譬如字符串"ae33tyt99htr47"提取数字内容[33,99,47]。试试同时提取出字符串中的非数字内容吧。 参考
阅读全文
摘要：通过JS判断当前浏览器的类型，对主流浏览器Chrome、Edge、Firefox、UC浏览器、QQ浏览器、360浏览器、搜狗浏览器的userAgent属性值来判断用户使用的是什么浏览器。 不同浏览器的userAgent值 chrome浏览器 Mozilla/5.0 (Windows NT 10.0;
阅读全文
摘要：window.getComputedStyle()方法是标准化接口，返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有CSS属性的值。 私有的CSS属性值可以通过对象提供的API或通过简单地使用CSS属性名称进行索引来访问。 目前主流浏览器均支持getComput
阅读全文
摘要：javascript链式运动框架 任务描述： 当鼠标移入红色矩形时，该矩形宽度逐渐增加至400px，之后高度逐渐增加至400px; 当鼠标移出红色矩形时，该矩形高度逐渐减小至200px，之后宽度逐渐减小至200px。 效果图： 参考代码：
阅读全文
摘要：任务描述： 当鼠标移入“透明度”矩形时，该矩形透明度逐渐增加至不透明，移出该矩形，透明度逐渐恢复至初始值;同时该运动框架可以支持其它属性的变化。 示例图 参考代码：
阅读全文
摘要：任务描述： 当鼠标移入“变宽”矩形时，该矩形宽度逐渐增加至400px，移出该矩形，宽度逐渐恢复至初始值;当鼠标移入“变高”矩形时，该矩形高度逐渐增加至400px，移出该矩形，高度逐渐恢复至初始值。 效果图： 参考代码：
阅读全文
摘要：HTMLElement.offsetWidth 是一个只读属性，返回一个元素的布局宽度。一个典型的(译者注：各浏览器的offsetWidth可能有所不同)offsetWidth是测量包含元素的边框(border)、水平线上的内边距(padding)、竖直方向滚动条(scrollbar)(如果存在的话
阅读全文
摘要：javascript多物体运动案例：多物体淡入淡出 任务描述： 补充代码，当鼠标移入红色区域时，该区域透明度逐渐增加至不透明;当鼠标移出该红色区域时，该区域透明度逐渐恢复至初始程度。 效果图： 参考代码：
阅读全文
摘要：.和[] javaScript.和[]既可以对所有js对象设置属性，但是对于DOM对象它设置的属性有些特殊。对于元素DOM标准属性，实现属性值的设置/更改;对于元素DOM非标准属性，仅在js中有效，在(标准浏览器中)HTML中无效。 setAttribute() 设置指定元素上的某个属性值。如果属性
阅读全文
摘要：任务 对于每一个Div区块，鼠标移入，宽度逐渐变宽，最宽值为400px，当鼠标移除时，宽度逐渐减小，最小值为100px。 任务提示： (1)多物体运动的定时器需要需要每个物体上同时最多只能开一个定时器，避免多定时器干扰。 (2)每个物体都要有单独的定时器，避免公用定时器导致相互掣肘。 参考代码
阅读全文
摘要：JS缓冲运动案例：右下角悬浮窗 红色区块模拟页面的右下角浮窗，在页面进行滚动时，浮窗做缓冲运动，最终在页面右下角停留。 参考代码：
阅读全文
摘要：点击“向右”按钮，红色的#red区块开始向右缓冲运动，抵达到黑色竖线位置自动停止，再次点击“向右”#red区块也不会再运动。点击“向左”按钮，红色的#red区块开始向左缓冲运动，抵达到蓝色竖线位置自动停止，再次点击“向左”#red区块也不会再运动。 参考代码：
阅读全文
摘要：模拟百度分享侧边栏的弹出与滑入效果。当鼠标移入#div1分享侧边栏，#div1分享侧边栏区块匀速滑出直至其全部露出。当鼠标移除#div1分享侧边栏，#div1分享侧边栏区块匀速滑入隐藏，直至恢复初始位置。若#div1区块未全部露出时，鼠标移出，#div1区块则开始滑入隐藏；若#div1区块未全部滑入
阅读全文
摘要：点击“开始运动”按钮，红色的#red区块开始向右匀速运动，抵达到黑色竖线位置自动停止，再次点击“开始运动”#red区块也不会再运动。同时为了便于后期维护，要求运动速度可在代码中灵活调整。 细节要求： 1、点击开始运动按钮后，在抵达终点线前，无论再次点击多少次按钮，#red区块均维持运动速率不变。 2
阅读全文
摘要：在A、B、C三个区块中，有且仅有一个红色，要求红色每隔一秒即进入下一个区块，变色过程不断循环往复。 参考代码：
阅读全文
摘要：博客园的默认模板虽然受众接受率还算较高，但是对于有强迫症的同学来说，其中像title、description以及favicon显示仍然比较呆板。有没有自定义的方式呢？答案当然是肯定的。下面是我自己捣腾的博客园首页三个标签自定义的代码，喜欢的同学赶紧拿走吧。 ( ᖛ ̫ ᖛ )ʃ)上代码：
阅读全文
浙公网安备 33010602011771号