xyf239068970的博客

原创 使用jQuery写一个简单的轮播图（可自动，可手动）

源码

原创 使用jQuery写一个简单的点击图片切换

源码

原创 使用jQuery写的一个简单的抽奖

源码

原创 淘宝京东同款，使用jQuery写的鼠标经过物品放大

源码

原创 使用jQuery写一个简单的回顶部

原创 使用jQuery写一个简单的点击慢慢的回到顶部

原创 使用jQuery写一个简单的Tab切换

原创 JS可以这个样子进行数组排序 降序

var arr = [33, 2, 1, 4, 45, 23]var arr = [1, 22, 3, 4, 5, 45, 32]for (var i = 0; i < arr.length - 1; i++) {for (var j = 0; j < arr.length - i; j++) {if (arr[j] < arr[j + 1]) {var tmp = a...

原创 JS可以这个样子进行数组去重复

var arr = [1, 2, 2, 2, 2, 4, 5, 6, 6, 6, 6, 8, 8, 9, 9, 99]for (var i = 0; i < arr.length; i++) {for (var j = i + 1; j < arr.length;) {if (arr[i] === arr[j]) {arr.splice(j, 1);} else {j++;...

原创 JS可以这个样子进行输出数组最大值

var arr = [33, 2, 1, 4, 45, 23]var arr = [1, 22, 3, 4, 5, 45, 32]for (var i = 0; i < arr.length - 1; i++) {for (var j = 0; j < arr.length - i; j++) {if (arr[j] < arr[j + 1]) {var tmp = a...

原创 JS可以这个样子进行数组排序 升序

var arr = [1, 22, 3, 4, 5, 45, 32]for(var i =0;i<arr.length-1;i++){for(var j = 0;j<arr.length-i;j++){if(arr[j]>arr[j+1]){var a=arr[j];arr[j]=arr[j+1];arr[j+1]=a;}}}console.log(arr)...

原创 团队五个人仿了一个WiFi移动端，可以扫码下载看一看，只有了html，css，应用了一个js插件，评论以下你们宝贵的意见（如有侵权请联系删除）

原创 平时的BUG在这里全部都可以解决

常见错误总结：哪里没有下过找哪里排错方式：1.根据知识点2.根据业务逻辑来排错- 1.明确浏览器解析的顺序：标签–>css–>js- 2.页面啥都没写：证明没有标签或者标签位置写错了- 3.页面上没有样式证明选择器没有选中- 4.页面上没有动态交互，要么没有交互属性，要么交互属性值绑定元素不对自己写错了逻辑错误找错方法核心:根据自己掌握的知识点进行排错目前cs...

原创 用css3动画写了一个浪漫的3d动画，终于有勇气和女神表白了

响应式布局1.使用相对单位 % rem vh vw2.使用媒体查询。相当于在不同情况下令写了一套css样式3.借助UI框架；因为UI是别人封装好的响应式。媒体查询1.语法结构@media 媒体设备 and （条件） {选择器 {属性：值；}}@media 表示媒体查询scrern 表示查询设备；媒体设备是个变量，在什么设备下使用什么值speech 阅读设备 all 所有...

原创 css的命名规范，每个高级程序员都是这样命名

不能用什么命名？1：不能中文命名2：不能中英混合3: 不能直接使用css属性明敏4： 不能单独切直接使用html命名命名规则-驼峰式命名:第一个单词首字母小写写；第二个单词首字母大写例如 ： xiaoYiFei下划线命名 xiao_yi_fei连接符命名 xiao-yi-fei1: 命名可以按照页面结构；分割结构进行命名2：可以按照页面中内容进行命名；3：命名规范汇总...

原创 淘宝999买的教程之弹性布局，弹性布局真的很好用，除了一些不支持的浏览器，移动端必备

弹性布局display ：fixed弹性布局的特点：1.优点：可以解决复杂的布局问题 缺点IE不兼容弹性布局改变是父容器的布局方式；有默认的流式布局为弹性布局简介改版子元素属性；块变为行内块主轴：默认为盒子水平方形；可以通过改变方向主轴方向交叉轴：与主轴垂直及时交叉轴总结：1.弹性布局改变的容器内容的布局方式；从流式布局变为flex布局2.布局方式的规律是什么呢？沿着主...

原创 纯html，css写的技术的限制只能写这么多，命名可能有点不规范，没有做自适应，图片路径要修改，浏览器只支持谷歌，目前只可以做到这样，以后会更好吧！！！

原创 通过之前内容的学习写了一个静态的小米商城（没写底部）写的不好，大佬多多指教（下一篇发源码）

原创 震惊！盒子属性居然还有这样的用法

盒子补充1.只要是盒子，在盒子内部都会有布局流，也就是流式布局2.在写页面布局的时候，尽量利用布局流，因为在使用布局流时候 父元素高度可以由子元素撑起来，可以避免兼容性问题3.如何搭建盒子与盒子之间的关系，更加重要复合属性margin padding border …凡是在浏览器解析时候；出现倒三角都是复合属性单位绝对单位是固定的：不可以改变的px 像素相对单位：作用...

原创 淘宝买的999教程和你们分享之css选择器，关系选择器，属性选择器，伪类元素，外边距塌陷等

css基本语法机构：选择器 {属性：值；}选择器作用：选中标签对齐进行样式美化属性作用：对元素进行哪样样式美化值作用：决定属性美化样式的程度注意：css中的属性与html元素行内属性不是一个东西css 选择器元素选择器html标签；选中所有对应的html标签.class 选中具有 class 行内标签的属性#id 选中具有 id 行内标签的属性*选中所有选择器id ...

原创 淘宝999买的HTML教程，拿来与你们分享，没想到还可以这样用。。。

课前准备学习准备1：熟悉自己使用的开发工具作用：编写代码 目的：做网站 做页面。。。2：熟悉浏览器；每个人电脑不同的浏览器主流浏览器：谷歌 火狐 360 qq非主流浏览器：IE8 以下浏览器3：熟悉浏览器的控制台开发工具vscode webstrom subline Hibude。。。浏览器:文件后缀xxx.html 是html 文件 作用写网页的，浏览器可以解析xxx.h...