推荐文章 - web秀

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

3年前

VUE开发一个组件——Vue Slider 双向两滑块限定区域

VUE开发一个组件——Vue Slider 双向两滑块限定区域

前言很多现有的vueslider组件都是单个滑块，一次业务需要，只能自己动手来一个了。双向两滑块限定区域，实现过滤功能了。看起来，是不是还挺有趣的，限定时间区域，温度，数量等等，都是不错的组件。实现起来，也不难的。页面部分ruler是整个滑块区域，下面的date只是展示有的。并写了一个简单的filter过滤器，不明白过滤器的同学，请看《vue内置过滤器总结（附加自定义过滤器）》startbar、endbar分别就是两个滑块了。上面添加了touchstart和touchmove事件，用于监听滑动的位置，计算

14375 400 0

1年前

Vue3.0 性能提升主要是通过哪几方面体现的？

Vue3.0 性能提升主要是通过哪几方面体现的？

面试官：Vue3.0性能提升主要是通过哪几方面体现的？一、编译阶段回顾Vue2，我们知道每个组件实例都对应一个watcher实例，它会在组件渲染的过程中把用到的数据property记录为依赖，当依赖发生改变，触发setter，则会通知watcher，从而使关联的组件重新渲染试想一下，一个组件结构如下图<template><divid="content"><pclass="text">静态文本</p><pclass="text">静态文本</

237 1 0

3年前

JavaScript动态图片热区(绘制多个矩形并分别跳转链接)

JavaScript动态图片热区(绘制多个矩形并分别跳转链接)

前言不知道大家有没有遇到一张图片上面有很多个商品展示图，需要给每个商品添加一个链接，点击跳转到各自商品详情页。这个需求在前端其实有一个专业的术语“图像地图”，大家先看看w3c简单示例<imgsrc="planets.jpg"border="0"usemap="#planetmap"alt="Planets"/><mapname="planetmap"id="planetmap"><areashape="circle"coords="180,139,14"href="venus

10638 532 0

2月前

说说你对Git的理解？

说说你对Git的理解？

#面试官：说说你对Git的理解？#一、是什么git，是一个分布式版本控制软件，最初目的是为更好地管理Linux内核开发而设计分布式版本控制系统的客户端并不只提取最新版本的文件快照，而是把代码仓库完整地镜像下来。这么一来，任何一处协同工作用的服务器发生故障，事后都可以用任何一个镜像出来的本地仓库恢复项目开始，只有一个原始版仓库，别的机器可以clone这个原始版本库，那么所有clone的机器，它们的版本库其实都是一样的，并没有主次之分所以在实现团队协作的时候，只要有一台电脑充当服务器的角色，其他每个人都从这个

22 0 0

4月前

CSS 还能这样玩？奇思妙想渐变的艺术

CSS 还能这样玩？奇思妙想渐变的艺术

在之前的这篇文章--一行CSS代码的魅力中，我们介绍了一种使用一行CSS代码就能够生成的一种美妙（也许奇怪更合适）的背景。本文，将继续介绍背景的一些有意思的知识，利用一些极小的单位，只需要短短几行代码，就能够产生出美妙而又有意思的背景效果~数量级对背景图形的影响本文的主角主要是：多重径向渐变(repeating-radial-gradient)多重角向渐变(repeating-conic-gradient)什么是数量级对背景图形呢？我们来看这样一种有意思的现象：我们使用repeating-conic-gr

33 0 0

1年前

DNS协议是什么？说说DNS 完整的查询过程?

DNS协议是什么？说说DNS 完整的查询过程?

一、是什么DNS（DomainNamesSystem），域名系统，是互联网一项服务，是进行域名和与之相对应的IP地址进行转换的服务器简单来讲，DNS相当于一个翻译官，负责将域名翻译成ip地址IP地址：一长串能够唯一地标记网络上的计算机的数字域名：是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时对计算机的定位标识二、域名域名是一个具有层次的结构，从上到下一次为根域名、顶级域名、二级域名、三级域名...例如www.xxx.com，www为三级域名、xxx为二级域名、

250 0 0

3年前

Vue + Element UI：使table组件的td内容可编辑

Vue + Element UI：使table组件的td内容可编辑

前言后台管理系统，需要这个功能点的特别多，但ElementUI的table组件本身是不提供的，所以需要自行拓展一下。在这里，给大家写一个简单的示例，希望对小伙伴们有所帮助。先看看效果图：el-table我们直接去ElementUI官网把table组件的代码copy过来<template><div><el-tableref="filterTable":data="tableData"style="width:100%"><el-table-columnprop="d

12236 521 0

2年前

9102年了还没学会前端自动化部署？

9102年了还没学会前端自动化部署？

前言最早期方式:前端写好代码之后本地构建,通过服务器xftp或ftp把文件上传到服务器进行更新使用Git后:服务器通过gitclone的项目,在项目的根目录执行gitpullorigin[branch]拉去仓库中最新的代码自动化部署:通过配置WebHook及服务器后:项目打包完成提交到代码库中,服务器自动拉去git仓库中最新的代码实现原理:在github配置webhook的地方填写服务端的url,每次push代码到github上,github都会向webhook中的url发送一条请求服务端接收到请求后,经

8615 404 0

3年前

JavaScript常见的六种继承方式

JavaScript常见的六种继承方式

前言面向对象编程很重要的一个方面，就是对象的继承。A对象通过继承B对象，就能直接拥有B对象的所有属性和方法。这对于代码的复用是非常有用的。大部分面向对象的编程语言，都是通过“类”（class）实现对象的继承。传统上，JavaScript语言的继承不通过class(ES6引入了class语法)，而是通过“原型对象”（prototype）实现。那么在JS中常见的继承方式有几种呢？方式一、原型链继承这种方式关键在于:子类型的原型为父类型的一个实例对象。//父类型functionPerson(name,age){

10525 0 0

1年前

说说你对slot的理解？slot使用场景有哪些？

说说你对slot的理解？slot使用场景有哪些？

面试官：说说你对slot的理解？slot使用场景有哪些？一、slot是什么在HTML中slot元素，作为WebComponents技术套件的一部分，是Web组件内的一个占位符该占位符可以在后期使用自己的标记语言填充举个栗子<templateid="element-details-template"><slotname="element-name">Slottemplate</slot></template><element-details><

241 0 0

下拉加载更多

最新文章