- 博客(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
518
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
176
原创 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
468
原创 js——三种方式创建对象
一、什么是对象二、为什么需要对象三、创建对象的三种方式：1、利用字面量创建对象2、利用new Object创建对象3、利用构造函数创建对象
2020-06-28 16:10:40
1172
原创 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
147
原创 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
2546
原创 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
1022
原创 CSS3——动画
基本语法如果要在css3中使用动画，需要先用@keyframes定义动画，再用选择器使用动画相比较过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。用keyframes 定义动画@keyframes 动画名称 { 0%{ width:100px; } 100%{ width:200px; }}动画序列1、0% 是动画的开始，100% 是动画的完成。这样的规则就是动画序列。2、在 @keyframes 中规定某项 CSS 样
2020-06-14 09:31:47
86
原创 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
112
原创 rem与em单位对比
em：相对单位，参考对象是直接父元素的font-size例如：父元素font-size:10px; 子元素width:3.5em，那么子元素的width为10乘以3.5=35pxrem：相对单位，参考对象是根元素（html）的font-size例如：html font-size:100px ，元素 height:1.2rem，那么元素的height为100乘以1.2=120pxem/rem都只是一个单位值，用到任意需要设置尺寸的地方都可以em/rem都有自己的参考对象...
2020-05-28 22:52:40
132
原创 移动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
296
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人