小冉哥、 - 博客园

解决js获取兄弟节点的兼容问题

摘要：以上方法会获取到所有的元素节点所以还有以下方法： nextElementSibling previousElementSibling 但是有兼容性问题，只有ie9以上才支持，所以为了解决这一问题封装以下函数可以解决： // 解决兼容性问题自己封装一个兼容性得函数 function getNex 阅读全文

posted @ 2021-10-12 19:23 小冉哥、阅读(86) 评论(0) 推荐(0) 编辑

js去重函数（封装函数）

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-10-07 19:34 小冉哥、阅读(222) 评论(0) 推荐(0) 编辑

封装日期函数

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-10-07 00:29 小冉哥、阅读(67) 评论(0) 推荐(0) 编辑

var和let的区别

摘要： let声明的变量只在当前（块级）作用域内有效 let声明的变量不能被重复声明 let不存在变量提升（先定义后输出，不能先输出后定义）输出：我是美猴王我觉得我还能再抢救一下输出：monkey 没定义块级作用域是什么：通俗的讲，就是一对花括号中的区域{......} 块级作用域可以嵌套阅读全文

posted @ 2020-07-13 10:18 小冉哥、阅读(105) 评论(0) 推荐(0) 编辑

响应式布局-media

摘要：一、@media 响应式布局（媒体查询）什么是响应式布局：一套代码实现多种设备访问一致性（pc、平板、手机）优点：一直保持一个url，一套代码缺点：游览器支持程度（IE8及以下不兼容）二、@media 使用语法格式1：@media only screen and (max-width:70 阅读全文

posted @ 2020-07-02 11:37 小冉哥、阅读(157) 评论(0) 推荐(0) 编辑

弹性盒布局-圣杯布局

摘要： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-07-02 09:39 小冉哥、阅读(211) 评论(0) 推荐(0) 编辑

弹性盒布局-direction-wrap-flow

摘要：一、弹性盒布局简易来讲就是可以伸缩的盒子优势：写起来比较简单使用灵活且代码简洁缺点：不兼容IE和安卓低级版本二、使用容器（父元素） display:flex 让容器成员是弹性的项目 flex-direction 决定主轴是什么方向（项目排序方向） 1、row 横向排列 2、column 阅读全文

posted @ 2020-06-29 18:46 小冉哥、阅读(219) 评论(0) 推荐(0) 编辑

自适应布局

摘要：一、自适应布局--网页适配各种大小的屏幕引用淘宝开源的适配文件 font.js <script src="font.js"></script> <style> *{ margin: 0; padding: 0; } .main{ width: 1rem; height: 1rem; backgro 阅读全文

posted @ 2020-06-29 09:46 小冉哥、阅读(110) 评论(0) 推荐(0) 编辑

jQuery图片轮播插件布局

摘要： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-06-05 11:37 小冉哥、阅读(106) 评论(0) 推荐(0) 编辑

jQuery图片轮播插件

摘要： ;(function($){ $.fn.slider=function(options){ var defaults={ autoScroll:true,//是否自动滚动 spend:2000,//运动速度值 numControl:false, //页码数字 arrowControl:false / 阅读全文

posted @ 2020-06-05 11:35 小冉哥、阅读(187) 评论(0) 推荐(0) 编辑

以梦为马，不负韶华。

导航

公告