技巧 - web秀

#技巧#

共找到技巧相关内容 15 条

5年前

如何提升你的CSS技能，掌握这20个css技巧即可[完整版]

如何提升你的CSS技能，掌握这20个css技巧即可[完整版]

前言随着前端开发越来越关注效率：通过选择器的使用和简化代码来快速加载渲染。像Less、SCSS这样的预处理器在工作的时候，需要绕的路较长，而直接使用css速度会更快。这里涵盖了20个css技巧来帮助你减少重复规则和复写，在布局中标准化样式流程，不仅可以帮助你高效地创建自己的框架，而且可以解决许多常见的问题。如果您对CSS比较陌生，看看这篇文章《CSS选择器如此之多，你了解多少？》1、使用CSS重置（reset）css重置库如normalize.css已经被使用很多年了，它们可以为你的网站样式提供一个比较清

556803 3773 0

5年前

如何使你的Echarts图表更具有观赏性和实用性？

如何使你的Echarts图表更具有观赏性和实用性？

前言前面有文章，讲述了Vue中封装Echarts组件，但都是直接上代码，没有具体对代码进行讲述。今天我们就来看看，如何使Echarts图表更美观，都是那部分属性使其更惊艳的。前期文章：Vue+Echarts封装出好用又好看的图表组件如何隐藏坐标轴Echarts中options对象有xAxis、yAxis参数，可以控制是否显示坐标轴、坐标轴刻度标签、坐标轴轴线、坐标轴刻度、分割线等yAxis:{//y轴type:'value',show:false,//是否显示坐标轴data:[],axisLabel:{s

557797 3811 0

5年前

JavaScript中如何使用递归？

JavaScript中如何使用递归？

递归基础知识什么是递归在JavaScript程序中，函数直接或间接调用自己。通过某个条件判断跳出结构，有了跳出才有结果。递归的步骤(技巧)1、假设递归函数已经写好2、寻找递推关系3、将递推关系的结构转换为递归体4、将临界条件加入到递归体中（一定要加临界条件，某则陷入死循环，内存泄漏）简单递归示例通过简单的示例先来了解熟悉一下递归，看看如何使用递归？求1-100的和假设让你来，你是否会这样写？varsum=0;for(vari=1;i<=100;i++){sum+=i;}console.log(sum

554488 3689 0

5年前

11 种在大多数教程中找不到的JavaScript技巧

11 种在大多数教程中找不到的JavaScript技巧

当我开始学习JavaScript时，我把我在别人的代码、codechallenge网站以及我使用的教程之外的任何地方发现的每一个节省时间的技巧都列了一个清单。在这篇文章中，我将分享11条我认为特别有用的技巧。这篇文章是为初学者准备的，但我希望即使是中级JavaScript开发人员也能在这个列表中找到一些新的东西。1.过滤唯一值Set对象类型是在ES6中引入的，配合展开操作...一起，我们可以使用它来创建一个新数组，该数组只有唯一的值。constarray=[1,1,2,3,5,5,1]constuniqu

553492 3305 0

4年前

24 个 ES6 实用方法，用来解决实际开发的 JS 问题

24 个 ES6 实用方法，用来解决实际开发的 JS 问题

本文主要介绍24中es6方法，这些方法都挺实用的，本本请记好，时不时翻出来看看。1.如何隐藏所有指定的元素consthide2=(el)=>Array.from(el).forEach(e=>(e.style.display='none'));//事例:隐藏页面上所有`<img>`元素?hide(document.querySelectorAll('img'))2.如何检查元素是否具有指定的类？页面DOM里的每个节点上都有一个classList对象，程序员可以使用里面的方法新增、删

550676 3502 0

3年前

编写清晰易懂 Javascript 代码的15条规则

编写清晰易懂 Javascript 代码的15条规则

我猜屏幕前的你应该是React、Vue或者Node.js的开发者吧。你可以编写业务代码并让他们无误的跑起来。不过你能编写出视觉美观并可被他人理解的代码么？今天我们将了解一些使你的JavaScript代码干净整洁的小规则。规则1：不要使用随机字符串作为变量名不要用一些随机字符串来表示一个变量。//错误constx=4;正确的命名变量，以便描述变量值。//正确constnumberOfChildren=4;规则2：使用小驼峰命名法不要使用下划线命名法，大驼峰命名法，或者以动词开头的命名。//错误：以大写字母开

546146 3292 0

2年前

这些CSS提效技巧，你需要知道！

这些CSS提效技巧，你需要知道！

作者：knaagar译者：前端小智来源：dev有梦想，有干货，微信搜索【大迁世界】关注这个在凌晨还在刷碗的刷碗智。本文GitHubgithub.com/qq449245884…已收录，有一线大厂面试完整考点、资料以及我的系列文章。渐变文字h1{background-image:linear-gradient(toright,#c6ffdd,#fbd786,#f7797d);background-clip:text;-webkit-background-clip:text;color:transparent

546002 3325 0

2年前

8个酷炫的GitHub技巧，让你看起来像大佬一样！

8个酷炫的GitHub技巧，让你看起来像大佬一样！

作为一名开发者，大部分都用过GitHub。但你可能不知道，GitHub有很多隐藏的功能可以帮助我们更好地使用它。1.使用"t"键来快速搜索文件这是一个很酷的功能，只有少数人知道。当你想查看一个文件的内容时，你可以按"T"键，然后输入文件名，就可以直接跳到目标文件。步骤打开github.com/lodash/loda…按T键输

545846 3317 0

1年前

现代 CSS 之高阶图片渐隐消失术

现代 CSS 之高阶图片渐隐消失术

在过往，我们想要实现一个图片的渐隐消失。最常见的莫过于整体透明度的变化，像是这样：<divclass="img"></div>div{width:300px;height:300px;background:url(image.jpg);transition:.4s;}.img:hover{opacity:0;}但是，CSS的功能如此强大的今天。我们可以利用CSS实现的渐隐效果已经不再是如此的简单。想想看，下面这样一个效果，是CSS能够实现的么？答案是肯定的！本文就将一步一步，从零开

518554 2196 0

1年前

现代 CSS 高阶技巧，像 Canvas 一样自由绘图构建样式！

现代 CSS 高阶技巧，像 Canvas 一样自由绘图构建样式！

在上一篇文章中--现代CSS之高阶图片渐隐消失术，我们借助了CSS@Property及CSSMask属性，成功的实现了这样一种图片渐变消失的效果：CodePenDemo--基于@property和mask的文本渐隐消失术但是，这个效果的缺陷也非常明显，虽然借助了SCSS简化了非常多的代码，但是，如果我们查看编译后的CSS文件，会发现，在利用SCSS只有80的代码的情况下，编译后的CSS文件行数高达2400+行，实在是太夸张了。究其原因在于，我们利用原生的CSS去控制400个小块的过渡动画，控制了400个C

520167 2148 0

下拉加载更多