摘要: chip-path clip-path属性使用裁剪方式创建元素的可显示区域。区域内的部分显示,区域外的隐藏。可以指定一些特殊形状。 语法: clip: clip-source|basic-shape|margin-box|border-box|padding-box|content-box|fill 阅读全文
posted @ 2022-06-14 11:07 下一站茶山刘 阅读(1295) 评论(0) 推荐(0)
摘要: Echarts介绍 D3.js是web端评价最高的JavaScript可视化工具库; ECharts.js是百度开发一个开源JavaScript可视化工具库; Highcharts.js是国外的一款可视化库,非商用免费,被许多国外大公司使用; AntV是蚂蚁金服全新一代数据可视化解决方案; High 阅读全文
posted @ 2022-10-09 08:32 下一站茶山刘 阅读(157) 评论(0) 推荐(0)
摘要: ES6是什么,为什么要学习它,不学习又会怎样? ES6是新一代的JavaScript标准,对js语言的核心内容做了优化升级,规范了js的使用标准,新增了一些js原生方法,使得js更加规范,更加优雅,更加适合大型应用,学习ES6是成为专业正规军的必经之路。不学习ES6也能打鬼子,但只能当个游击队长 E 阅读全文
posted @ 2022-09-17 14:44 下一站茶山刘 阅读(147) 评论(0) 推荐(0)
摘要: 数据类型 数据类型,是数据在内存中的存储结构不同类型的数据,具有不同的特性,可执行不同的操作JavaScript中的数据类型,大的分类上有两种,分别为基本数据类型和引用数据类型。 1.基本数据类型: number 数字类型,专门保存所有数字的数据类型既可以表示整数,也可以表示浮点数,一个数字占8个字 阅读全文
posted @ 2022-09-09 13:19 下一站茶山刘 阅读(90) 评论(0) 推荐(0)
摘要: 实现思路: 鼠标移动事件( onmousemove )是鼠标在页面上进行移动时触发事件处理程序,可以在该事件中用document对象实时读取鼠标在页面中的位置; 纸飞机当前的坐标,是距离最近的距具有参照物元素距离减内容区域的二分之一; <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2022-06-16 13:21 下一站茶山刘 阅读(112) 评论(0) 推荐(0)
摘要: js三种弹窗介绍 三种弹框在系统中都是同步执行的,也就是说,三种弹框中的任一弹框弹出,代码都不在执行,直到点击确认或取消,关闭弹窗后,代码继续执行。 1、alert()提示框 用途:一般用于提示信息或者警告信息的展示。 代码展示: alert(111) 图片展示: 2、confirm(option) 阅读全文
posted @ 2022-06-15 22:28 下一站茶山刘 阅读(1176) 评论(0) 推荐(0)
摘要: 导航栏大致分为三个部分,logo部分、文字部分、搜索框部分,内容关于页面居中 具体思路:先用一个div把他们包起来,然后设置居中;三个子代div写在居中的div中,这样内容就居中了 代码如下 注:wrap是整个页面设置的居中 Logo部分 这里就是a套一个图片 Html代码 <div class=" 阅读全文
posted @ 2022-05-28 16:30 下一站茶山刘 阅读(333) 评论(0) 推荐(0)
摘要: 下面是小米官网网页 现在我们开始制作最顶部黑色部分,设置头部背景颜色;小米网页的元素都是居于网页居中的,设置居中 .header { width: 100%; height: 40px; line-height: 40px; font-size: 12px; background-color: #3 阅读全文
posted @ 2022-05-22 17:52 下一站茶山刘 阅读(308) 评论(0) 推荐(0)