推荐文章 - web秀

综合小程序服务器面试工具类ThreeJs比特币JavaScriptCssVue 展开

1年前

谈谈 JavaScript 中的类型转换机制

谈谈 JavaScript 中的类型转换机制

谈谈JavaScript中的类型转换机制一、概述前面我们讲到，JS中有六种简单数据类型：undefined、null、boolean、string、number、symbol，以及引用类型：object但是我们在声明的时候只有一种数据类型，只有到运行期间才会确定当前类型letx=y?1:a;上面代码中，x的值在编译阶段是无法获取的，只有等到程序运行时才能知道虽然变量的数据类型是不确定的，但是各种运算符对数据类型是有要求的，如果运算子的类型与预期不符合，就会触发类型转换机制常见的类型转换有：强制转换（显示转

327 0 0

7月前

CSS 文字装饰 text-decoration & text-emphasis

CSS 文字装饰 text-decoration & text-emphasis

在CSS中，文字算是我们天天会打交道的一大类了，有了文字，则必不可少一些文字装饰。本文将讲讲两个比较新的文字装饰的概念text-decoration与text-emphasis，在最后，还会讲解使用background模拟文字下划线的一些有趣的动效。text-decoration文字装饰text-decoration意为文字装饰，在很早的规范CSSLevel2(Revision1)--text-decoration就已经存在了。譬如我们非常熟知的下划线text-decoration:underline。p

56 0 0

2年前

uni-app: 从运行原理上面解决性能优化问题

uni-app: 从运行原理上面解决性能优化问题

前言Uni-App，从了解到开发，相信大家都会觉得Uni-App性能不好，其实也这是非原生的弊病。ReactNative、Flutter等，非原生框架，性能上都会或多或少的折损。但各个框架，都会做出性能提升建议，所以开发者在开发前，多了解一下，后面维护升级等就会更方便一点，否则项目越来越大，后续开发就会越来越难。uni-app:如何高效开发uniapp?"/>现在我们就从uni-app运行原理上，了解一下，在哪些方面存在性能折损问题？运行原理逻辑层和视图层分离，非H5端通信有折损uni-app在非H5端运

40748 501 1

4月前

Amazing！巧用 CSS 视差实现酷炫交互动效

Amazing！巧用 CSS 视差实现酷炫交互动效

本文将介绍利用CSS实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用CSS实现滚动视差效果，在之前有一篇文章详细描述过具体方案-CSS实现视差效果，感兴趣的同学可以先看看这篇文章。这里，会运用上这样一种纯CSS的视差技巧：使用transform:translate3d实现滚动视差这里利用的是CSS3D，实现滚动视差效果。原理就是：我们给容器设置上transform-style:preserve-3d和perspective:xpx，那么处于这个容器的子元素就将位于3D空

69 0 0

2年前

VUE路由拦截：Vue自定义全局弹窗组件

VUE路由拦截：Vue自定义全局弹窗组件

前言在任何一个平台中，如果需要增加用户黏度，除了用户需要的基本内容外，用户登录注册提交信息也是非常重要的一环，可以了解用户基本信息，用户喜欢等。抛出前后端混合开发外，vue可以轻松的实现路由拦截。VueRouter对路由集中统一管理，所以我们可以在main.js中添加如下代码，对所有路由进行拦截：router.beforeEach((to,from,next)=>{...next();})是不是非常便利呢？Vue自定义全局弹窗组件有了路由拦截，我们来撸一个全局弹窗组件login.vue<tem

10176 417 0

3年前

10分钟了解JavaScript Async/Await

10分钟了解JavaScript Async/Await

前言在过去很长的一段时间里，JavaScript开发人员不得不依赖回调来处理异步代码。如果遇到赋值的逻辑，会发现，特别难处理维护，代码看起来也特别的糟糕。现在，由于Async/Await的出现，编写JavaScript代码再也不用像以前一样了。什么是Async/Await?Async/Await是一个备受期待的JavaScript功能，它使异步函数的使用更加愉快和易于理解。它构建在Promises之上，并与所有现有的基于Promise的API兼容。该名称来自async和await-这两个关键字将帮助我们清

11172 0 0

1年前

CSS3新增了哪些新特性？

CSS3新增了哪些新特性？

CSS3新增了哪些新特性？一、是什么css，即层叠样式表（CascadingStyleSheets）的简称，是一种标记语言，由浏览器解释执行用来使页面变得更美观css3是css的最新标准，是向后兼容的，CSS1/2的特性在CSS3里都是可以使用的而CSS3也增加了很多新特性，为开发带来了更佳的开发体验二、选择器css3中新增了一些选择器，主要为如下图所示：三、新样式边框css3新增了三个边框属性，分别是：border-radius：创建圆角边框box-shadow：为元素添加阴影border-image：

460 0 0

3年前

CSS3 box-shadow实现背景动画

CSS3 box-shadow实现背景动画

前言语法：box-shadow:h-shadowv-shadowblurspreadcolorinset;box-shadow，向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由2-4个长度值、可选的颜色值以及可选的inset关键词来规定。省略长度的值是0。参数说明：值描述h-shadow必需。水平阴影的位置。允许负值。v-shadow必需。垂直阴影的位置。允许负值。blur可选。模糊距离。spread可选。阴影的尺寸。color可选。阴影的颜色。请参阅CSS颜色值。inset可选。将外部阴

10756 455 0

9月前

「2021」高频前端面试题汇总之JavaScript篇（下）

「2021」高频前端面试题汇总之JavaScript篇（下）

近期整理了一下高频的前端面试题，分享给大家一起来学习。如有问题，欢迎指正！前端面试题系列文章：【1】「2021」高频前端面试题汇总之HTML篇【2】「2021」高频前端面试题汇总之CSS篇【3】「2021」高频前端面试题汇总之JavaScript篇（上）【4】「2021」高频前端面试题汇总之JavaScript篇（下）【5】「2021」高频前端面试题汇总之Vue篇（上）【6】「2021」高频前端面试题汇总之Vue篇（下）【7】「2021」高频前端面试题汇总之React篇（上）【8】「2021」高频前端面试

68 0 0

2年前

vue 中 key 值有什么作用？

vue 中 key 值有什么作用？

在列表渲染时使用key属性相信大多数Vue开发者接触到key属性的时候是使用v-for进行列表渲染的时候，如果不使用key属性，Vue会产生警告，那么在这个时候key属性的作用是什么呢？官方文档中说：当Vue.js用v-for正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue将不会移动DOM元素来匹配数据项的顺序，而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。假设Vue实例的data属性中有一个叫numbers的变量，它的值是[1,2,3,7

1388 1 0

下拉加载更多

最新文章