- 博客(13)
- 收藏
- 关注
RSS订阅原创 js实现全选与反选
源码如下： js: <script> var all = document.getElementById('j_cbAll'); var checks = document.getElementById('j_tb').getElementsByTagName('input'); //伪数组 //全选、取消全选 all.onclick = function() { // console.log(t..
2020-07-04 21:30:39
588
1
原创 js——tab栏切换
案例分析 源码如下 html <body> <div class="tab"> <div class="tab_list"> <ul> <li class="current">商品介绍</li> <li>规格与包装</li> <li>售后保障</li&
2020-07-01 20:55:16
242
原创 JavaScript统计出现最多的字符和次数
<script> // 判断一个字符串 'abcoefoxyozzopp' 中出现次数最多的字符，并统计其次数 var str = 'abcoefoxyozzopp'; var obj = {}; for (var i = 0; i < str.length; i++) { var chars = str[i]; if (chars in obj) { //判断obj对象中是否有str[i]属性 ob
2020-06-29 21:29:38
538
原创 js——三种方式创建对象
一、什么是对象 二、为什么需要对象 三、创建对象的三种方式： 1、利用字面量创建对象 2、利用new Object创建对象 3、利用构造函数创建对象
2020-06-28 16:10:40
1308
原创 Less基础
维护CSS的弊端 CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念。 1、CSS 需要书写大量看似没有逻辑的代码，CSS 冗余度是比较高的。 2、不方便维护及扩展，不利于复用。 3、CSS 没有很好的计算能力 4、非前端开发工程师来讲，往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码项目。 Less介绍 1、Less （Leaner Style Sheets 的缩写） 是一门 CSS 扩展语言，也成为CSS预处理器。 2、做为 CSS 的一种形式的扩展，它并
2020-06-28 09:40:55
227
原创 CSS3——动画案例（奔跑的熊）
bear.png 分析： 采用运动曲线steps()，一个大盒子里有张图片，这张图片有熊运动的每一帧，每次向x轴的负方向运动一步，steps(8)，8步移动完整张图片 html代码 <body> <div class="box"></div> </body> css代码 <style> body { background-color: #cccccc; } .bo.
2020-06-14 15:15:36
2689
原创 CSS3——动画案例（大数据热点图）
源码： <body> <div class="map"> <div class="city"> <div class="circle"></div> <div class="pulse1"></div> <div class="pulse2"></div> <div clas.
2020-06-14 11:08:24
1128
原创 CSS3——动画
基本语法 如果要在css3中使用动画，需要先用@keyframes定义动画，再用选择器使用动画 相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。 用keyframes 定义动画 @keyframes 动画名称 { 0%{ width:100px; } 100%{ width:200px; } } 动画序列 1、0% 是动画的开始，100% 是动画的完成。这样的规则就是动画序列。 2、在 @keyframes 中规定某项 CSS 样
2020-06-14 09:31:47
145
原创 CSS3——2D转换
先来学习下网页上的二维坐标系 位移 transform: translate(x,y); transform: translateX(); transform: translateY(); 作用：移动元素的位置 优点：不影响其他元素的位置 注意事项： 如果不移动位置，写0 可以写百分比，相对于元素自身的宽和高 像素值和百分比可以写负值 应用：孩子在父元素中水平垂直居中 /* 定位+位移 */ position: absolute; left: 50%; top: 50%; transform: tr
2020-06-11 15:31:33
184
原创 rem与em单位对比
em：相对单位，参考对象是直接父元素的font-size 例如：父元素font-size:10px; 子元素width:3.5em，那么子元素的width为10乘以3.5=35px rem：相对单位，参考对象是根元素（html）的font-size 例如：html font-size:100px ，元素 height:1.2rem，那么元素的height为100乘以1.2=120px em/rem都只是一个单位值，用到任意需要设置尺寸的地方都可以 em/rem都有自己的参考对象 ...
2020-05-28 22:52:40
197
原创 移动web——流式布局
1、多倍图对实际开发的影响 1、测量值永远是物理像素值 2、测量值需要除以屏幕的倍数才能得到css像素值（一般为2倍图） 2、视口的设置 将默认视口设置等于理想视口，写在<head>标签里，将网页宽度设置为设备宽度 <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> 3、百分比单位 特点：设置了百分比单位的盒子会随着父元素的宽度变化而变
2020-05-27 22:43:36
379
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人