随笔档案「2020年2月」 - 养乐

移动端的 rem.js

摘要：rem 只与 html 的 font-size 有关，比如html{font-size: 16px} body{font-size: 62.5%}，那么 1rem 还是 16px，与其他无关在头部引入下面这段 js ，会根据屏幕宽度自动设置 html 的 font-size，设计图若是 750px 阅读全文

posted @ 2020-02-24 13:50 养乐阅读(163) 评论(0) 推荐(0)

方法中this指向的问题

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <button class="btn">按钮</button> <script src="../js/j 阅读全文

posted @ 2020-02-23 16:04 养乐阅读(259) 评论(0) 推荐(0)

元素是否在可视区域内

摘要：/ ** 垂直方向是否在可视区域内 */ function isInViewY(element, offset) { const pageYScroll = window.pageYOffset || document.documentElement.scrollTop; const pageHei 阅读全文

posted @ 2020-02-21 10:23 养乐阅读(214) 评论(0) 推荐(0)

巧妙实现带圆角的渐变边框

摘要：如何实现下面这个渐变的边框效果：这个问题本身不难，实现的方法也有一些，主要是有一些细节需要注意。 border-image border-image 是 CSS 规范 CSS Backgrounds and Borders Module Level 3 (最新一版的关于 background 和阅读全文

posted @ 2020-02-20 11:23 养乐阅读(446) 评论(0) 推荐(0)

简单了解css3样式表写法和优先级

摘要：css3和css有什么区别？首先css33是css（层叠样式表）技术的升级版本，而css是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。然后是内容上css3主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布阅读全文

posted @ 2020-02-19 10:09 养乐阅读(324) 评论(0) 推荐(0)

原生JS实现轮播图

摘要：使用原生JS实现轮播图，仅需短短几行代码，代码如下 let carousel = new Carousel(); carousel.render({ 'elem': '#carousel', 'data': [ { 'src': 'http://dancheng.zxdyw.com/U_Image/ 阅读全文

posted @ 2020-02-18 15:02 养乐阅读(194) 评论(0) 推荐(0)

JS的基本概念和数据类型

摘要：什么是 JavaScript 语言 JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”，指的是它不具备开发操作系统的能力，而是只用来编写控制其他大型应用程序（比如浏览器）的“脚本”，本身不提供任何的 API，都要靠宿主环境（host）提供，所以 JavaScript 只合适嵌入更大型的应阅读全文

posted @ 2020-02-13 15:47 养乐阅读(406) 评论(0) 推荐(0)

2020 前端面试：第一波面试题总结

摘要：面试总结重视基础和原理重视基础和原理重视基础和原理一面原型构造函数，是一种特殊的方法。主要用来在创建对象时初始化对象。每个构造函数都有prototype(原型)属性每个函数都有prototype(原型)属性，这个属性是一个指针，指向一个对象，这个对象的用途是包含特定类型的所有实例共享的阅读全文

posted @ 2020-02-11 11:57 养乐阅读(5681) 评论(0) 推荐(0)

jQuery---jquery.ui实现新闻模块

摘要：jquery.ui实现新闻模块 jquery也有ui，了解即可，用的不多，类似element ui 和bootstrap JQuery UI API: jquery.ui实现新闻模块 draggale拖动，并用属性handle，指定下拖动手柄 $(".drag-wrapper").draggable 阅读全文

posted @ 2020-02-10 11:35 养乐阅读(274) 评论(0) 推荐(0)

CSS 如何实现当鼠标放在上面时整行变色呢？

摘要：摘要:下文讲述css中实现鼠标放在指定行上面时，整行变色的方法分享，如下所示: 实现思路:使用:hover伪类，实现当鼠标指向时，其背景色发生相应的变化，如下例所示: 例：下文中的div，当鼠标放上时，背景色发生相应的变化。 <!DOCTYPE html> <html> <head> <meta c 阅读全文

posted @ 2020-02-09 12:15 养乐阅读(716) 评论(0) 推荐(0)

排版（bootstrap）

摘要：标题如果需要向任何标题添加一个内联子标题，只需要简单地在元素两旁添加 <small>，或者添加 .small class，这样子您就能得到一个字号更小的颜色更浅的文本， <h1>我是标题1 h1. <small>我是副标题1 h1</small></h1> <h2>我是标题2 h2. <sma 阅读全文

posted @ 2020-02-07 18:58 养乐阅读(416) 评论(0) 推荐(0)

栅格系统

摘要：容器类名：box、wrap、wrapper、content、container 栅格系统的容器：固定宽居中：container 0-768：移动端 768-992：pad端 992-1200：pc端 1200-：pc端宽屏 xs sm md lg 100% 750px 970px 1170px 全阅读全文

posted @ 2020-02-06 13:28 养乐阅读(266) 评论(0) 推荐(0)

CSS3中新增的对文本和字体的设置

摘要：文字阴影 text-shadow: 水平偏移垂直偏移模糊颜色兼容性：IE10+ <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</ 阅读全文

posted @ 2020-02-03 17:15 养乐阅读(256) 评论(0) 推荐(0)

js继承模式、命名空间、对象枚举

摘要：继承模式继承发展史 1、传统形式--原型链过多的继承了没用的属性 2、借用构造函数不能继承借用构造函数的原型每次构造函数要多走一个函数 3、共享原型不能添加自己原型的自定义属性，会把共享原型的对象的原型的属性也更改。 4、圣杯模式 //1.原型链 Grand.prototype.lastN 阅读全文

posted @ 2020-02-01 09:56 养乐阅读(208) 评论(0) 推荐(1)