让我们的技术真正秀起来 - web秀

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

1年前

Vue3.0的设计目标是什么？做了哪些优化?

Vue3.0的设计目标是什么？做了哪些优化?

面试官：Vue3.0的设计目标是什么？做了哪些优化一、设计目标不以解决实际业务痛点的更新都是耍流氓，下面我们来列举一下Vue3之前我们或许会面临的问题随着功能的增长，复杂组件的代码变得越来越难以维护缺少一种比较「干净」的在多个组件之间提取和复用逻辑的机制类型推断不够友好bundle的时间太久了而Vue3经过长达两三年时间的筹备，做了哪些事情？我们从结果反推更小更快TypeScript支持API设计一致性提高自身可维护性开放更多底层功能一句话概述，就是更小更快更友好了更小Vue3移除一些不常用的API引入t

266 0 0

3年前

0行JS，30行css搞定导航栏下划线跟随效果

0行JS，30行css搞定导航栏下划线跟随效果

前言在码代码之前了，我们可以尝试思考一下上面的效果或者动手尝试一下，不借助JS，能否巧妙的实现上述效果？在这之前了，有一次需求就是实现这个效果，我是用js实现的。其实用Javascript，也是很麻烦。所以我一直在想，有没有可能只使用CSS完成这个效果呢？好的，今天我们就用CSS完成这个效果。解析我们定义一下简单的规则，要求如下：1、假设HTML结构如下：<ulclass="cssnav"><li>Web秀</li><li>CSS导航栏</li>

11938 0 0

6月前

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

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

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

98 0 0

4月前

JavaScript专题之乱序

JavaScript专题之乱序

JavaScript专题系列第十九篇，讲解数组乱序，重点探究Math.random()为什么不能真正的乱序？乱序乱序的意思就是将数组打乱。嗯，没有了，直接看代码吧。Math.random一个经常会遇见的写法是使用Math.random()：varvalues=[1,2,3,4,5];values.sort(function(){returnMath.random()-0.5;});console.log(values)复制代码Math.random()-0.5随机得到一个正数、负数或是0，如果是正数则降序

24 0 0

2年前

Vue.js下引入百度地图jsApi的两种方法

Vue.js下引入百度地图jsApi的两种方法

最直接的方式，通过script标签引入<scripttype="text/javascript"src="http://api.map.baidu.com/api?v=2.0&ak="></script>这种方法的原理，就是直接给全局widow对象添加一个BMap对象，从而可以使我们在已经加载api的页面的任何地方，使用百度地图的api。但是单单通过引入的方法，对于使用单文件组件的vue+webpack开发的项目，显然是不够的。于是，通过网上查资料。这里找到了两种方法。直接

9083 414 0

2月前

说说你对 TypeScript 中类的理解？应用场景？

说说你对 TypeScript 中类的理解？应用场景？

#面试官：说说你对TypeScript中类的理解？应用场景？#一、是什么类（Class）是面向对象程序设计（OOP，Object-OrientedProgramming）实现信息封装的基础类是一种用户定义的引用数据类型，也称类类型传统的面向对象语言基本都是基于类的，JavaScript基于原型的方式让开发者多了很多理解成本在ES6之后，JavaScript拥有了class关键字，虽然本质依然是构造函数，但是使用起来已经方便了许多但是JavaScript的class依然有一些特性还没有加入，比如修饰符和抽象

26 0 0

2年前

Box-Shadow Loading，可以创造无限可能

Box-Shadow Loading，可以创造无限可能

Box-Shadow通常，我们都是用作弹框阴影、需要层次的的元素等。但是它有更强大的功能，多层阴影，制作一些非常有趣的动画。box-shadow:h-shadowv-shadowblurspreadcolorinset;属性值描述h-shadow指阴影水平偏移量，其值可正可负，正值，则阴影在对象的右边，负值，阴影在对象的左边v-shadow指阴影的垂直偏移量，其值也可以是正负值，正值，阴影在对象的底部，负值时，阴影在对象的顶部blur阴影模糊半径，此参数是可选，只能为正值，如果其值为0时，表示阴影不具有模

8065 383 0

zxg_神说要有光

4月前

手写一个 ts-node 来深入理解它的原理

手写一个 ts-node 来深入理解它的原理

当我们用Typesript来写Node.js的代码，写完代码之后要用tsc作编译，之后再用Node.js来跑，这样比较麻烦，所以我们会用ts-node来直接跑ts代码，省去了编译阶段。有没有觉得很神奇，ts-node怎么做到的直接跑ts代码的？其实原理并不难，今天我们来实现一个ts-node吧。相关基础实现ts-node需要3方面的基础知识：requirehookrepl模块、vm模块tscompilerapi我们先学下这些基础requirehookNode.js当require一个js模块的时候，内部会

17 0 0

1年前

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

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

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

728 3 0

3年前

从Loading动画示例学习CSS3动画基础

从Loading动画示例学习CSS3动画基础

前言以前说页面是动态，基本都是说数据是从数据库查询的，不是写死在html代码里面的。现在的说页面动态，一般会问：你是说数据，还是效果动态？好的前端动画效果，能给用户带来非常舒适的体验效果，更甚者，有用户觉的你这个动画效果非常nice，反复操作，就为看你这个动画。停留时间，预览量上了，带来的收益也不是一丁点吧。当然也不用为了动画，而额外的来制作动画效果。比如一个弹框，可以直接渐变出现的，你还加了飞了一圈出现，那就是不必要的动画了。所以恰大好处的动画效果，能带来非常不错的效果。下面我们来学习如果只做一些简单的

10846 422 0

下拉加载更多

最新文章