- 博客(102)
- 收藏
- 关注
RSS订阅
原创 优质前端基础知识网站收集整理
JavaScript基础知识网站：W3C官网（英语）：http://w3.org/TR/css-backgrounds网道https://wangdoc.com/javascript/W3C中ECMAScrit标准中文翻译https://www.w3.org/html/ig/zh/wiki/ES5/%E6%A6%82%E8%BF%B0#.E8.AF.AD.E8.A8.80....
2018-09-13 16:23:35
434
原创 CSS样式中class、id命名常用英文收集整理
CSS样式中class、id命名常用英文收集整理Cchannel【ˈtʃænəl】n.频道，栏目Ffromat美[ˈfɔːrmæt] n.格式,（出版物的）版式
2018-09-13 15:03:02
311
原创 JavaScript常见兼容问题处理
CSS兼容问题：（1）模糊属性兼容性filter与opacity filterIE8以及更早的版本「IE9及以上版本支持opacity属性」filter:alpha(opacity=30); opacity支持浏览器：fireFox、Chromeopacity:0.3;JS处理浏览器模糊属性兼容问题 JS兼容性问题（1）...
2018-08-21 18:03:21
179
原创 JavaScript网页实例：在网页里动态加载JavaScript
把一些逻辑独立的JavaScript脚本文件单独加载，是一种常见的JavaScript动态加载技术。这样做的好处有很多，比如可以减少不必要的JavaScript脚本文件的加载，以提高网页浏览速度。补充代码，要求用户在网页中点击【动态加载】按钮后，为html代码内需要加载的新增script脚本，脚本路径为./myjs.js，并要求文档加载完毕后再执行脚本。相关知识点：appendChild()、defer。
2022-11-21 22:00:00
1206
1
原创 JavaScript网页特效实例：跳转到其它页面
通过HTML超链接可以实现页面之间的跳转。但有时候也需要通过逻辑判断来进行动态跳转。JavaScript可以很好的实现这种效果。补充下面代码，当用户在页面中输入网址，通过跳转网址按钮跳转到对应的网页中。相关知识点：window.location.herf。
2022-11-18 12:49:18
682
原创 JS网页特效实例：禁止网页放入框架
在网络上，为了防止网页被随意地引入到别人的框架里，可以通过判断网页是否为最顶层网页来禁止网页被放入框架。知识点：JavaScript全局变量top。补充下面代码，禁止网页放入框架。
2022-11-18 12:14:16
328
原创 JS网页实例：若干秒后不操作自动关闭窗口
对一些安全要求比较高的网页，如网银和支付平台界面，为了保证用户数据安全，往往会提供这样的功能：若用户在累计的一段时间内没有进行任何操作，就会自动退出登陆或直接关闭窗口。补充下面代码，要求若用户每5秒内没有点击页面，窗口自动关闭。
2022-11-17 12:50:58
1287
原创 JS网页特效实例：动态关闭页面
网页有些时候不需要等待用户的操作而自动关闭。例如子窗口的作用已经结束，或者本窗口已经过期需要关闭，可以使用JavaScript实现这个效果。补充下面代码，要求用户点击【关闭此窗口】按钮后，页面进行关闭。
2022-11-16 13:03:32
553
原创 JS网页特效实例：让网页前进和后退
在浏览一些文档形式的网页时，往往需要给用户提供这样两个功能：前进和后退。用户通过单击按钮打到访问之前网页和之后网页的功能。请补充下面代码，让点击按钮实现页面前进和后退效果。在history对象里，还有一个go()函数，其有一个整型参数，当参数为正数时表示前进N页；当参数为负数时表示后退N页。例如go(-1)的效果与back()函数的效果一样。思考：当在VScode写好代码后，用浏览器打开代码，点击相关按钮，却没有任何反应，想一想这是为什么？
2022-11-16 12:44:36
1482
原创 JS实例：网页特效-自动刷新页面
在一些具有时效性特点的网页中，譬如股票价格、外汇牌等，需要定时刷新网页，把最新数据展示给用户，那么这样的效果如何实现呢？请使用reload()函数补充下面代码实现网页每隔5s自动刷新，同时显示实时的时间秒。（1）JS定时器setTimeout()和setInterval()；（2）JS中window.location的属性和方法。
2022-11-14 12:51:52
1459
原创 CSS如何实现一个任意倒三角
绘制倒三角形，已知它的三边长分别为240px、150px、200px，请给出CSS代码。这里仅仅针对CSS实现任意倒三角形的具体案例做相关代码。CSS实现三角形的原理我在。倒三角（1）CSS代码。倒三角（2）CSS代码。倒三角（3）CSS代码。倒三角（4）CSS代码。倒三角（5）CSS代码。倒三角（6）CSS代码。/* 补充代码 */
2022-11-09 18:30:00
1689
原创 网站在百度站长平台无上传站点LOGO权限下，如何实现LOGO图片在百度索引中自动抓取展现？
最近美萌那边的大妹子找到我们部门要求解决网站LOGO显示错误的问题。领导将这个问题指派到我这里。我一看这个LOGO图片应该是百度自动抓取首页的一张图，该如何解决这个问题呢？百度搜索引擎对于网站LOGO有2种策略：（1）针对百度认为的优质/权威性站点进行不定期的自动挖掘展现/更新站点LOGO；（2）根据百度搜索资源平台后台中[站点LOGO]权益进行提交。前者为百度根据自身内部的站点评级系统进行自动判定，若认为网站通过判定，即自动挖掘网站中最可能适合网站的LOGO图片进行展示，后者为提交网站百度站长验证代码后，
2022-06-23 22:45:00
994
原创 1-4 编程练习根据如下效果图编写代码
<!DOCTYPE HTML><html lang="zh-CN"><head><meta http-equiv=Content-Type content="text/html;charset=utf-8"></head><body> <form> <!-- 此处填写代码 --> </form></body></html>...
2022-03-02 14:02:07
963
原创 JS中的for循环解数学题
正整数a，b满足ab+a+b=25，求a+b的值。实现代码： /*ab+a+b=25*/ for(var a=1;a<25;a++){ for(var b=1;b<25;b++){ if(a*b+a+b==25){ document.write(a+b+"<br>"); } } }答案：13
2022-02-24 13:02:09
594
原创 通过数学建模前端绘制澳门特别行政区区旗
根据《GB 17654-1999 澳门特别行政区区旗》，对相关数据综合，采用国标GB 17654-1999标准中的5号尺寸数据，保留4位小数。 <!DOCTYPE html><html><head lang="zh-CN"> <meta charset="UTF-8"> <title>澳门特别行政区区旗svg图形</title> <style type="text/css">
2021-01-14 18:14:43
834
原创 数学建模用前端CSS绘制香港特别行政区区旗
通过CSS绘制香港特别行政区区旗，初始设计旗帜宽为960px，高640px。 <div class='flag'> <div class='c1'> <div class='c2'> </div> <div class='e'> </div> <div class='q'> </div>
2020-12-25 12:37:53
1179
1
原创 圣杯布局和双飞翼布局的原理探究
浮动布局并不是再是流行的布局方式，不过基于浮动的经典布局还是经常出现在前端面试中，圣杯布局和双飞翼布局就是其中常考核的知识点。圣杯布局和双飞翼布局都是前端中三列设计布局方式，要求主要中间内容优先渲染，左右内容宽度固定，中间主要内容宽度自适应排布。圣杯布局和双飞翼布局都没有使用绝对定位，而是应用浮动、负外边距以及相对定位这几个核心知识点来实现。圣杯布局圣杯布局是让左右固定栏和中间自适应的主内容栏处于同一容器包裹中，容器（#container）设置padding-left、padding-right值，其
2020-11-25 09:43:50
2150
原创 基本表格的创建编程练习（2020-8-6）
（2020年8月6日） 编程练习 编程练习：请编写一段代码，实现边框为1，三行两列的表格。 效果图如下： 任务 1.创建一个三行两列的表格 2.设置表格边框值为为框设置1 3.根据效果图在相应单元格内添加相应文字参考代码： <table border='1'> <tr> <td>周六</td> <td>周日</td>
2020-08-06 12:39:27
1144
原创 JS生成20个[20,50]区间内的随机整数，并求所有获得随机数的平均值
JS生成20个[20,50]区间内的随机整数，并求所有获得随机数的平均值参考代码： // 定义一个可以返回满足题意的随机整数 function randomF() { var aNumber = (50 + 1 - 20) * Math.random() + 20; var result = Math.floor(aNumber); return result; }
2020-07-22 18:39:51
2100
原创 JS阶乘案例：实现1!+2!+3!+4!+5!
求和：实现1!+2!+3!+4!+5!阶乘的定义：一个正整数的阶乘(factorial)是所有小于及等于该数的正整数的积，并且0的阶乘为1。自然数n的阶乘写作n!。1808年，基斯顿·卡曼引进这个表示法。亦即n!=1×2×3×...×(n-1)×n。其中0！=1。参考代码一： // 通过for循环定义阶乘函数 function factorial(x) { var result = 1; for (var i = 1; i <= x; i++) {
2020-07-09 12:36:19
4619
1
原创 JS打印一个1~100之间的质数
JS打印一个1~100之间的质数思路：1、质数是指在大于1的自然数中，除了1和它本身以外不再有其他因数的自然数。2、确定质数的函数。循环嵌套①循环1-100之间的数字②对于其中任意数字i，除以所有小于它的正整数，如果余数为0，说明不是质数。参考代码： function isPrimeNumber(x) { var tmp = true; for (var i = 2; i < x; i++) {
2020-06-29 18:11:15
3841
1
原创 JS输出图像组成不同的三角形案例
试用JS绘制用五角星图案☆组成不同形状的三角形,直角三角形、倒直角三角形、等腰三角形，如下图所示。直角三角形参考代码：JS输出组成直角三角形 for (var i = 1; i <= 6; i++) { for (var j = 1; j <= i; j++) { document.write('☆'); if (i == j) { document.write('<br/>');..
2020-06-28 17:52:00
1045
原创 通过JS代码简单实现九九乘法表
试试用JS制作一个九九乘法口诀吧 。（提示：JS循环嵌套）能否在不看下面参考代码的情况下，独立写出满足要求的JS代码呢？参考代码： for (var i = 1; i <= 9; i++) { for (var j = 1; j <= i; j++) { document.write(j + "*" + i + '=' + i * j + ' ') if (i == .
2020-06-28 13:06:38
20834
原创 JavaScript中for循环嵌套编程小案例
编写一个函数用于实现金额组合：面额分别有1元、2元、5元的纸币共计N张，现需要付出M元，统计共有几种付法。N、M是用户输入的值。(有10张纸币，面额分别是1元、2元、5元，现需要付出18元，通过编程统计出共有几种付法。)思考：JS中for循环嵌套有什么特点？参考代码：方案1： /* 设1元a张，2元b张，5元c张 */ function f(N, M) { var arr = []; for (var a = 0; a
2020-06-24 13:00:35
1544
原创 JavaScript中变量判断是否是数字，判断是否是整数，判断是否是正整数/负整数，判断奇数/偶数的方法
（1）判断是否是整数JavaScript中变量判断是否是数字，判断是否是整数，判断是否是正整数/负整数，判断奇数/偶数的方法。（1）判断是否是整数 // 判断整数 function isInteger(x) { if (x === parseInt(x)) { console.log('整数'); } else { console.log("非整数"...
2020-06-22 23:15:28
976
原创 JavaScript编程作业：字符串中分离出数字
在JavaScript的字符串中夹杂有数字信息，现在需要将数字提取出来。例如字符串"df454er49eg0ew8"需要提取454、49、0、8数字信息，以数组的形式展示出来['454','49','0','8']。请将下文代码按题意补充完整。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JavaScript数字提取小作业</title>
2020-06-22 12:44:16
1037
原创 columns多列1-6编程练习
columns多列1-6编程练习综合所学知识，设置一段文字分成两列。效果图如下：任务(1)多列盒子宽度为400px;有5像素的边框;(2)标题14号字体、加粗、居中显示，有背景颜色：如果不(255,192,203);(3)将文字分成两列，每列列宽为140px，正文文字12号字体、两端对齐显示。<!DOCTYPE html><html>...
2019-10-11 12:39:29
282
原创 游凤椿简介_微盟联合创始人兼微盟集团总裁
游凤椿，男，微盟集团总裁兼智慧营销事业群（SMG）总裁。拥有丰富的战略投资和营销实战管理经验，主要负责微盟智慧营销业务的整体规划和运营。资深互联网人，首批移动互联网智慧营销实战派、革新派的营销专家，在业界率先提出“营销+工具”一体化解决方案，打造社交商业营销闭环，帮助商户实现高效、精准、有价值的传播目标，助力企业向数字化营销转型升级。对于企业战略管理经验、营销策略和营销管理有着独特的见解，3年...
2019-09-16 10:37:02
2443
原创 JS缓冲运动案例
点击“向右”按钮，红色的#red区块开始向右缓冲运动，抵达到黑色竖线位置自动停止，再次点击“向右”#red区块也不会再运动。点击“向左”按钮，红色的#red区块开始向左缓冲运动，抵达到蓝色竖线位置自动停止，再次点击“向左”#red区块也不会再运动。<!DOCTYPE html><html lang="zh-CN"><head> <...
2019-08-01 13:00:21
214
原创 JS模拟百度分享侧边栏效果
模拟百度分享侧边栏的弹出与滑入效果。当鼠标移入#div1分享侧边栏，#div1分享侧边栏区块匀速滑出直至其全部露出。当鼠标移除#div1分享侧边栏，#div1分享侧边栏区块匀速滑入隐藏，直至恢复初始位置。若#div1区块未全部露出时，鼠标移出，#div1区块则开始滑入隐藏；若#div1区块未全部滑入隐藏，鼠标移入，则div1区块则开始匀速弹出。示例图片<!DOCTYPE ...
2019-07-26 17:27:06
295
原创 CSDN博客去除图片水印而不影响图片自适应的方法
CSDN博客在上传图片过程中，会自动给图片加盖水印。这种方式虽然在一定程度上保护了创作者的知识产权，但是其强制性也让很多人不舒服。有同学方法是在上传过程中，在URL中取出掉问号之后的内容，即？x-oss-process=……的内容，如下示例：https://img-blog.csdnimg.cn/20190725134930187.jpg?x-oss-process=image/waterma...
2019-07-25 13:30:17
416
原创 BOM5-4 编程练习
5-4 编程练习小伙们，我们学习过浏览器的navigator对象，那么写一段代码，实现，当用户点击页面上的“点击获取浏览器信息”按钮时，页面会弹出窗口告知当前使用的浏览器是什么浏览器？任务第一步：获取到按钮对象，并给按钮绑定鼠标单击事件第二步：写出封装判断浏览器代码的函数 用浏览器对象的属性先获取到浏览器的版本、名称等信息，并用变量进行接收 对获取到的信息中所包含的...
2019-05-15 20:59:11
414
原创 BOM1-26 编程练习
1-26 编程练习根据gif效果图，补充代码，实现：当点击“开始”按钮时，div里面每隔一秒就有一个“hello”，”hello”依次累加，每个“hello”之间有一个空格分开根据gif效果图完成下列步骤：第一步：自定义变量，用来接收定时器，按钮对象以及div对象第二步：给“开始“按钮绑定鼠标单击事件，当点击”开始“按钮时，设置定时器，每隔一秒便在div中输出一个“hell...
2019-05-15 20:54:31
512
原创 BOM基础1-25 编程练习
1-25 编程练习补充代码，让页面内容实现“动画效果”，要求如下：“☆☆☆今日特卖☆☆☆ ”和“★★★今日特卖★★★”这两个文本每0.5秒互相切换一次，具体效果参考gif效果图第一步：先获取放置文本的div文本框对象，用变量进行接收第二步：自定义一个变量，用来接收记录闪烁的值，初始值是0第三步：设置定时器，每500毫秒执行一下定时器里面的脚本第四步：定时器的脚本如下：...
2019-05-15 20:51:57
739
原创 BOM基础1-21 编程练习
1-21 编程练习根据gif效果图补充代码，实现以下要求：（1） 点击“删除”按钮3秒后，页面上div里面的文字消失（2） 点击“删除”按钮之后的3秒内，如果点击“取消删除”按钮，那么页面上div里面的文字就不会被删除第一步：获取到页面上的两个按钮对象以及div对象第二步：声明一个变量，用来接收下面即将定义的定时器第三步：给“删除”按钮绑定事件，点击“删除”按钮...
2019-05-15 20:48:45
404
2
原创 BOM基础1-15 编程练习
1-15 编程练习小伙伴们，学习了window对象窗口的打开和关闭，那么根据效果图，补充代码！实现：当点击页面上的按钮时，弹出确认框（1）当点击按钮上的确定时，打开设置了新特征的子窗口,新窗口的特征参考任务栏中的描述（2） 当点击按钮上的取消时，关闭当前页面Tips：因为涉及到两个窗口，请在本地浏览器运行并查看效果！任务第一步：获取到按钮元素，并未按...
2019-05-15 20:46:49
362
原创 DOM1-9 编程练习
1-9 编程练习根据gif图，补充代码，实现以下效果：点击页面上的“删除”按钮，弹出确认框（1）当点击确认框上的“确定“时，按钮上的字变为红色；（2）当点击确认框上的“取消“时，按钮上的字变为绿色。gif图如下：任务根据gif效果图完成下列步骤：第一步：获取到按钮对象，给其绑定鼠标单击事件，以下步骤均在事件的匿名函数中进行第二步：写出确认框，确认框的显示内容...
2019-05-14 22:05:53
358
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人