vue组件封装——固定宽高比的容器（2种方法：纯CSS实现 + JS实现）
什么是固定宽高比容器？ 定义： 无论浏览器窗口或页面元素如何变化，容器的宽度和高度永远保持固定的比例，如16:9。 应用场景： 如大屏自适应，内部元素对容器宽高比依赖很高的复杂模块布局等。 纯CSS实现固定宽高比的容器 原理： padding-top的值为百分比时，最终padding-top的计算...
js实用方法记录-动态加载css/js
1. 动态加载js文件到head标签并执行回调 方法调用：dynamicLoadJs('http://www.yimo.link/static/js/main.min.js', function () { alert('加载成功') }); /** * 动态加载JS...
jQuery的$工具方法&CSS属性及方法
一. js与jQuery的转换1.1 概述$类似Java中的类$()类似Java中的类的构造方法1.2 js与jQuery的转换js转换jQuery====>$（js对象）jQuery转换js====>通过下标转换js对象，通过get方法加下标获取二. $工具方法1. $.each(): 遍历数组，对象，对象数组中的数据2. $.trim(): 去除字符串两边的空格3. $.type....
jQuery$工具方法和CSS的属性经及方法
js与jQuery的转换一、概述1.jQuery中$函数，根据传入参数的不同，进行不同的调用，实现不同的功能。返回的是jQuery对象，jQuery这个js库，除了$之外，还提供了另外一个函数：jQuery。2.jQuery本质上虽然也是js，但如果使用jQuery的属性和方法那么必须保证对象是jQuery对象而不是js方式获得的DOM对象。3.使用js方式获取的对象是js的DOM对象，使用jQ....
JQuery的使用（工具方法、CSS属性及方法、筛选、文档处理、事件、动画）后续
工具方法、CSS属性及方法 1、JS与JQuery转换 1）概述 $类似java中的类$()类似java中的类的构造方法2）JS与jQuery转换 js转换jQuery： $(js对象) //作用：转换作用 jQuery转换js1.可以通过下标转换成js对象 var a= $("#a"); console.lo...
jQuery工具方法&CSS属性及方法（详细方法介绍及案例）
工具方法：1.attr()：获取某个标签属性的值，或设置某个标签属性的值2.removeAttr()：删除某个标签属性3.addClass()：给某个标签添加class属性值4.removeClass():删除某个标签class属性值5.prop():和attr()类似，区别在于prop用于属性值为Boolean类型的情况，比如多选案例：<!DOCTYPE html> <htm....
方法篇·壹】css开发技巧-全局样式设置和局部样式
前言：开发的时间久了，也越来越感受到开发效率的提升有多重要，从刚入行的一天一个静态页到现在的……大概2天完成一个项目的所有静态？具体多长时间没有统计，毫无疑问的是，现在开发的速度有了质的提升，我想是该到了总结经验的时候了，也就有了本篇文章，我想这只是一个开始，以后我会写出更多的这样的经验。ps:因为vue用的比较多，主要以vue示例，react以及其他我也用，不过殊途同归，一样的道理。1.全局样....
技术分享 | Web测试方法与技术之CSS讲解
CSS 就是层叠样式表（Cascading Style Sheets），定义如何显示 HTML 元素。HTML 元素的样式通常存储在层叠样式表中。为什么要使用CSS使用 CSS 可以定义 HTML 元素显示的样式，其实是为了解决内容与表现分离的问题。通过 CSS 可以让相同的一个页面在不同的浏览器当中呈现相同的样式。CSS组成CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:选择器通....
js实用方法记录-动态加载css/js
1. 动态加载js文件到head标签并执行回调方法调用：dynamicLoadJs('http://www.yimo.link/static/js/main.min.js', function () { alert('加载成功') });/** * 动态加载JS * @param {string} url 脚本地址 * @param {function} callback 回调函数 *...
技术分享 | Web测试方法与技术之CSS讲解
<div id="first" class="content"> <p>设置了红色背景</p> </div>
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
开发与运维
集结各类场景实战经验，助你开发运维畅行无忧
+关注