养乐 - 博客园

2020年2月21日

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

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

2020年2月20日

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

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

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

2020年2月19日

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

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

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

2020年2月18日

原生JS实现轮播图

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

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

2020年2月13日

JS的基本概念和数据类型

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

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

2020年2月11日

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

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

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

2020年2月10日

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 养乐阅读(265) 评论(0) 推荐(0) 编辑

2020年2月9日

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

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

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

2020年2月7日

排版（bootstrap）

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

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

2020年2月6日

栅格系统

摘要：容器类名：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 养乐阅读(212) 评论(0) 推荐(0) 编辑