null - web秀

综合Uni-AppWebpackReactHtmlElectron-VueElectronVue-NuxtTypeScriptNodeJs 展开

2年前

超酷炫的转场动画？CSS 轻松拿下！

超酷炫的转场动画？CSS 轻松拿下！

在WeGame的PC端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中2个比较有意思的转场动画，大家感受感受。转场动画1：转场动画2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚动触发的。我猜测是使用了类似TweenMaxJS的动画库实现。当然，这两处酷炫有意思的转场动画，基于最新的CSS@scroll-timeline规范，也是可以大致实现的。本文就将尝试使用纯CSS，模拟上述的两个转场动画。当然，关于CSS最新的CSS@scroll-timeline规范，如果你还没有详细了解过，

547067 3270 0

3年前

恕我直言，你可能连 GitHub 搜索都不会用 - 如何精准搜索的神仙技巧

恕我直言，你可能连 GitHub 搜索都不会用 - 如何精准搜索的神仙技巧

今天给大家带来的是在GitHub上如何精准搜索的神仙技巧。普通的搜索相信一般人搜索项目时，都是直接搜索技术栈相关的项目。高级一点的搜索，会根据最匹配、最多Star来进行排序、选择相应的语言、选择仓库或者代码来进行筛选。但是GitHub的搜索功能只支持以上这些而已吗？No!如果你只会用以上的功能，那你知道的仅仅是GitHub搜索的冰山一角！GitHub的搜索是非常强大的！下面介绍更高级的搜索技巧。搜索语法搜索GitHub时，你可以构建匹配特定数字和单词的查询。查询大于或小于另一个值的值您可以使用 >、

546412 3320 0

2年前

CSS 即将支持嵌套，SASS/LESS 等预处理器已无用武之地？

CSS 即将支持嵌套，SASS/LESS 等预处理器已无用武之地？

最近，有一则非常振奋人心的消息，CSS即将原生支持嵌套--Agenda+topublishFPWDofNesting，表示CSS嵌套规范即将进入规范的FWPD阶段。目前对应的规范为--CSSNestingModule。随着CSS自定义属性（CSSVariable）的大规模兼容，到如今CSS即将支持嵌套，一些预处理器的核心功能已经被CSS原生支持，这是否表示SASS/LESS等预处理器已无用武之地？即将被淘汰了？规范的几个阶段首先简单介绍一下，一个规范从提出到落地，会经历的一些阶段：编辑草案Editor's

546417 3295 0

5年前

JavaScript是如何工作的：深入V8引擎&编写优化代码的5个技巧

JavaScript是如何工作的：深入V8引擎&编写优化代码的5个技巧

概述JavaScript引擎是执行JavaScript代码的程序或解释器。JavaScript引擎可以实现为标准解释器，或者以某种形式将JavaScript编译为字节码的即时编译器。以为实现JavaScript引擎的流行项目的列表：V8 — 开源，由Google开发，用C++编写Rhino — 由Mozilla基金会管理，开源，完全用Java开发SpiderMonkey — 是第一个支持NetscapeNavigator的JavaScript引擎，目前正供Firefox使用JavaScriptCore—

552066 3279 0

3年前

如何判断一个元素是否在可视区域中？

如何判断一个元素是否在可视区域中？

一、用途可视区域即我们浏览网页的设备肉眼可见的区域，如下图在日常开发中，我们经常需要判断目标元素是否在视窗之内或者和视窗的距离小于一个值（例如100px），从而实现一些常用的功能，例如：图片的懒加载列表的无限滚动计算广告元素的曝光情况可点击链接的预加载二、实现方式判断一个元素是否在可视区域，我们常用的有三种办法：offsetTop、scrollTopgetBoundingClientRectIntersectionObserveroffsetTop、scrollTopoffset...

545814 3217 0

6年前

如何将你封装的组件使用 npm 发布

如何将你封装的组件使用 npm 发布

前言我们开发的之后期望的结果是支持import、require或者直接使用script标签的形式引入，就像这样：import$from"jquery";完成组件的开发完成组件开发后1、修改webpack.config.js这个文件//...此处省略代码module.exports={entry:'./src/main.js',output:{//修改打包出口，在最外级目录打包出一个index.js文件，我们import默认会指向这个文件path:path.resolve(__dirname,'./dist

558484 3285 0

3年前

JavaScript中执行上下文和执行栈是什么？

JavaScript中执行上下文和执行栈是什么？

JavaScript中执行上下文和执行栈是什么？一、执行上下文简单的来说，执行上下文是一种对Javascript代码执行环境的抽象概念，也就是说只要有Javascript代码运行，那么它就一定是运行在执行上下文中执行上下文的类型分为三种：全局执行上下文：只有一个，浏览器中的全局对象就是window对象，this指向这个全局对象函数执行上下文：存在无数个，只有在函数被调用的时候才会被创建，每次调用函数都会创建一个新的执行上下文Eval函数执行上下文：指的是运行在eval函数中的代码，很少用而且不建议使用下面

547240 3215 0

3年前

说说你对SPA（单页应用）的理解?

说说你对SPA（单页应用）的理解?

你对SPA单页面的理解，它的优缺点分别是什么？如何实现SPA应用呢一、什么是SPASPA（single-pageapplication），翻译过来就是单页应用SPA是一种网络应用程序或网站的模型，它通过动态重写当前页面来与用户交互，这种方法避免了页面之间切换打断用户体验在单页应用中，所有必要的代码（HTML、JavaScript和CSS）都通过单个页面的加载而检索，或者根据需要（通常是为响应用户操作）动态装载适当的资源并添加到页面页面在任何时间点都不会重新加载，也不会将控制转移到其他页面举个例子来讲就是一

546131 3240 0

4年前

【TypeScript 演化史 -- 第四章】更多的字面量类型与内置类型声明

【TypeScript 演化史 -- 第四章】更多的字面量类型与内置类型声明

TypeScript1.8引入了字符串字面量类型，用于将变量限制为可能的字符串值的有限集。在TypeScript2.0中，字面量类型不再局限于字符串。以下字面量类型已添加到类型系统中：boolean字面量类型数字字面量类型枚举字面量类型接下来，来看看这个类型对应的一些事例。boolean字面量类型下面的示例定义了两个常量TRUE和FALSE，它们分别持有true和false值：constTRUE:true=true;//OKconstFALSE:false=false;//OK试图为每个局部变量分配相反的

549881 3394 0

3年前

说说em/px/rem/vh/vw区别?

说说em/px/rem/vh/vw区别?

一、介绍传统的项目开发中，我们只会用到px、%、em这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw、vm等一些新的计量单位利用这些新的单位开发出比较良好的响应式页面，适应多种不同分辨率的终端，包括移动设备等二、单位在css单位中，可以分为长度单位、绝对单位，如下表所指示CSS单位相对长度单位em、ex、ch、rem、vw、vh、vmin、vmax、%绝对长度单位cm、mm、in、px、pt、pc这里我们

546335 3317 0

下拉加载更多

猜你喜欢

换一换

最新文章