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

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

5天前

利用噪声构建美妙的 CSS 图形

利用噪声构建美妙的 CSS 图形

在平时，我非常喜欢利用CSS去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个10x10的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：虽然利用了随机，随机填充了每一个格子的颜色，看着有那么点意思，但是这只是一幅杂乱无章的图形，并没有什么艺术感。这是为什么呢？因为这里的随机属于完全随机，属于一种白噪声。什么是白噪声？噪声（Noise）实际上就是一个随机数生成器。那么，什么是白噪声呢？如果从程序员的角度去理解的话，可以理解为我们在JavaScr

12 0 0

5月前

CSS 奇技淫巧：动态高度过渡动画

CSS 奇技淫巧：动态高度过渡动画

这个问题源自于掘金上的一个留言，一个朋友问到，为什么我下面这段代码的高度过渡动画失效了？伪代码大概是这样：{height:unset;transition:all0.3slinear;will-change:height;&.up{height:0;}&.down{height:unset;}}复制代码把它还原成一个实际的Demo，效果大概是这样（本质想的想法是通过给元素切换它的.up，.down类，让它实现展开、合上的动画）：嗯哼？很奇怪，明明给height属性设置了transition

45 1 0

3年前

CSS画各种图形（五角星、吃豆人、太极图等）

CSS画各种图形（五角星、吃豆人、太极图等）

这里说的用css做图形，其实是使用一个html元素，结合它的伪元素::before&::after（不需要其他额外的非伪元素的html元素），然后定义样式来生成所需的图形。这里不是说不可以使用其它的html元素，只是这样的好处是在html方便引入，而不需要每次引入都需要添加大量的html片段（夸张说法）。可以先预览演示地址主要方法可以使用的样式属性如下：*border*border-radius*transform*box-shadow为了兼容性，使用pseudo-elements(::befor

11878 635 0

1年前

说说JavaScript中的数据类型？存储上的差别？

说说JavaScript中的数据类型？存储上的差别？

说说JavaScript中的数据类型？存储上的差别？前言在JavaScript中，我们可以分成两种类型：基本类型复杂类型两种类型的区别是：存储位置不同一、基本类型基本类型主要为以下6种：NumberStringBooleanUndefinednullsymbolNumber数值最常见的整数类型格式则为十进制，还可以设置八进制（零开头）、十六进制（0x开头）letintNum=55//10进制的55letnum1=070//8进制的56lethexNum1=0xA//16进制的10浮点类型则在数值汇总必须包

301 0 0

3年前

Git详细教程 - 初识

Git详细教程 - 初识

Git简介Git是什么？Git是目前世界上最先进的分布式版本控制系统（没有之一）。Git有什么特点？简单来说就是：高端大气上档次（后续详细介绍）！那什么是版本控制系统？如果之前没有用git开发，是否有这样的经历：想删除一段代码，又怕将来想恢复找不回来怎么办？有办法，先把当前文件“另存为……”一个新的文件，再接着改，改到一定程度，再“另存为……”一个新文件，这样一直改下去，最后变成了这样：过了一段时间，你想找回曾经的某个版本，但是已经记不清保存在哪个文件里了，只好一个一个文件去找，真麻烦。看着一堆乱七八糟的

9731 523 0

1年前

你知道vue中key的原理吗？说说你对它的理解？

你知道vue中key的原理吗？说说你对它的理解？

一、Key是什么开始之前，我们先还原两个实际工作场景当我们在使用v-for时，需要给单元加上key<ul><liv-for="iteminitems":key="item.id">...</li></ul>用+newDate()生成的时间戳作为key，手动强制触发重新渲染<Comp:key="+newDate()"/>那么这背后的逻辑是什么，key的作用又是什么？一句话来讲key是给每一个vnode的唯一id，也是diff的一种优化策略，可以根据

342 0 0

5月前

Vue关闭线上源码移除console

Vue关闭线上源码移除console

不管前方的路有多苦，只要走的方向正确，不管多么崎岖不平，都比站在原地更接近幸福。前言文章中的配置，项目基于VueCLI3.0搭建，版本大于等于3.0不会有问题，其他环境版本请绕道?。关闭线上源码在Vue.config.js中添加如下代码module.exports={//关闭线上源码productionSourceMap:false,}复制代码移除后的效果移除console使用TerserPlugin插件实现安装插件:终端执行yarnaddterser-webpack-plugin复制代码在vue.con

46 0 0

3月前

说说对中间件概念的理解，如何封装 node 中间件？

说说对中间件概念的理解，如何封装 node 中间件？

#面试官：说说对中间件概念的理解，如何封装node中间件？#一、是什么中间件（Middleware）是介于应用系统和系统软件之间的一类软件，它使用系统软件所提供的基础服务（功能），衔接网络上应用系统的各个部分或不同的应用，能够达到资源共享、功能共享的目的在NodeJS中，中间件主要是指封装http请求细节处理的方法例如在express、koa等web框架中，中间件的本质为一个回调函数，参数包含请求对象、响应对象和执行下一个中间件的函数在这些中间件函数中，我们可以执行业务逻辑代码，修改请求和响应对象、返回响

66 0 0

2年前

JavaScript如何工作:内存管理+如何处理4个常见的内存泄漏

JavaScript如何工作:内存管理+如何处理4个常见的内存泄漏

本中，我们将讨论另一个重要主题——内存管理，这是由于日常使用的编程语言越来越成熟和复杂，开发人员容易忽视这一问题。我们还将提供一些有关如何处理JavaScript中的内存泄漏的技巧，在SessionStack中遵循这些技巧，既能确保SessionStack不会导致内存泄漏，也不会增加我们集成的Web应用程序的内存消耗。概述像C这样的编程语言，具有低级内存管理原语，如malloc()和free()。开发人员使用这些原语显式地对操作系统的内存进行分配和释放。而JavaScript在创建对象(对象、字符串等)时

7032 0 0

2年前

未来大前端技术趋势深度解读

未来大前端技术趋势深度解读

前言自Vue.js3.0爆出，三大主流框架，写法也是越来越相似，越来越贴近WebComponents标准，而周边应用层面的封装已经开始指数级增长。小程序是今年最火的技术，接连出现，快应用也想分一杯羹。PWA（ProgressiveWebApp）进入稳定期，尤其是PWA桌面版，可以让我们更好的看清楚PC桌面版开发的全貌。移动端还是以强运营为主，各大公司都开始不再全力推动移动端了，开始重视多端并进，到了开始拼细节的阶段了。TypeScript全面开花，GraphQL蠢蠢欲动，WebAssembly更是打开了浏

8285 413 0

下拉加载更多

最新文章