Web秀
首页
专栏
文章
问答
热点
导航
实例
首页
登录
首页
前端
JavaScript
Vue.js
CSS
Uni-App
专栏
问答
工具
全网热点
导航
前端
设计
实例
登录
综合
Uni-App
Webpack
React
Html
Electron-Vue
Electron
Vue-Nuxt
TypeScript
NodeJs
web前端
Vue
Css
JavaScript
比特币
ThreeJs
工具类
面试
服务器
小程序
其他
展开
推荐
最新
热榜
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
6年前
Css
CSS3中transition、transform傻傻分不清楚
前言css属性很多,无论是字母的拼写还是字面上的意思,很多人都容易混淆,包括我在内,也时不时需要去看看到底是咋回事,是不是也混淆过你~下面列举几个最容易混淆的属性:属性含义animation(动画)用于设置动画属性,他是一个简写的属性,包含6个属性transition(过渡)用于设置元素的样式过度,和animation有着类似的效果,但细节上有很大的不同transform(变形)用于元素进行旋转、缩放、移动或倾斜,和设置样式的动画并没有什么关系,就相当于color一样用来设置元素的“外表”translat
558010
3807
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
6年前
工具类
阿里巴巴图表库Bizcharts正式开源,使用教程
前言阿里于去年开放了它的内部图表库Bizcharts初版,在这一年的时间里,Bizcharts新增了许多特性,并对渲染细节及渲染性能进行大幅度的调优。今天来讲讲Bizcharts的由来,适用业务场景,如何使用以及规划。它的由来?目前阿里基本上绝大部分业务的前端用的都是React技术栈,而在业务场景中又经常会有图表绘制的需求,所以一个基于React技术栈的图表库就显得非常必要,而在阿里内部又有像G2这样非常强大的图表底层引擎,所以在该引擎之上做一层封装是一件很自然而然的事情,而Bizcharts就是基于G2
559056
3714
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
3年前
Html
《前端入门到进阶》HTML基础,HTML标签:图片标签
img标签介绍介绍img:英文全称image(图像),代表的是一张图片。如果要想在网页中显示图像,就可以使用img标签,它是一个单标签。语法如下:<imgsrc="图片的URL"/>能插入的图片类型能够插入的图片类型是:jpg(jpeg)、gif、png、bmp等。不能往网页中插入的图片格式是:psd、ai等。HTML页面不是直接插入图片,而是插入图片的引用地址,所以要先把图片上传到服务器上。img标签的src属性这里涉及到图片的一个属性:src属性:指图片的路径。英文名称source。在写图
547443
3287
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
4年前
Css
CSS爱心:把你的心我的心串一串
前面几个小节都要提到Box-Shadow,这个小节让我们来真正感受它的强大吧。话不多说,直接看图:这个扑通扑通跳动的心,就是Box-Shadow制作的。如果你看过前面小节《CSS3Box-ShadowLoading,创造无限可能》,应该看到这个效果,就可以自己动手做了。下面我们一起动手试试吧绘制心形<divclass="heart"></div>css.heart{font-size:30px;width:1em;height:1em;color:red;background-co
552931
3599
2
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
5年前
JavaScript
JavaScript类型在什么情况下会发生类型自动转换
前言大家都知道JavaScript是弱类型语言,而且JavaScript声明变量的时候并没有预先确定的类型,变量的类型就是其值的类型,也就是说变量当前的类型由其值所决定,夸张点说上一秒种的String,下一秒可能就是个Number类型了,这个过程可能就进行了某些操作发生了强制类型转换。虽然弱类型的这种不需要预先确定类型的特性给我们带来了便利,同时也会给我们带来困扰,为了能充分利用该特性就必须掌握类型转换的原理。下面我们来介绍JavaScript类型在什么情况下会发生类型自动转换:什么时候自动转换为stri
556896
3723
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
6年前
Css
奇技淫巧——CSS 实现波浪效果
前言一直以来,使用纯CSS实现波浪效果都是十分困难的。因为实现波浪的曲线需要借助贝塞尔曲线。而使用纯CSS的方式,实现贝塞尔曲线,额,暂时是没有很好的方法。当然,借助其他力量(SVG、CANVAS),是可以很轻松的完成所谓的波浪效果的。下面先来看看非CSS方式实现的波浪效果SVG实现波浪效果借助SVG,是很容易画出三次贝塞尔曲线的。<svgwidth="200px"height="200px"version="1.1"xmlns="http://www.w3.org/2000/svg"><
558484
3702
0
冴羽
Lv0
理想主义者,个人微信:mqyqingfeng ,带你看技术与生活的诗与远方
0
关注
0
关注者
关注
冴羽
1年前
Vue
Vue3:原来你是这样的“异步更新”
写在前面这是Vue3源码分析的第三篇,与响应式系统中调度执行有关,其中computed、watch等核心功能都离不开它,可见其重要程度。除了实现可调度性,我们还会借助它来实现vue中一个非常重要的功能,批量更新或者叫异步更新多次修改数据(例如自身num10次),只进行一次页面渲染(页面只会渲染最后一次num10)。面试官:Vue3响应式系统都不会写,还敢说精通?面试官:你觉得Vue的响应式系统仅仅是一个Proxy?什么是调度执行?什么是调度执行?指的是响应式数据发生变化出发副作用函数重新执行时,我们有能力去决定副作用函数的执行时机、次数和方式。来看个例子co...
535830
2864
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
6年前
其他
高级攻城狮从代码规范开始——web前端代码规范
命名规范文件和文件夹命名文件夹和文件名采用英文小写字母命名,多个英语单词用“-”分割,不使用驼峰命名,如:hello-world编写组件使用“c-”打头,如:编写一个select组件,文件夹或者文件名定义[c-select]样式表命名样式表命名采用英文小写字母命名,多个英语单词用“-”分割,不使用驼峰命名,如:hello-worldJS命名js变量使用驼峰命名,不使用-号分割//不推荐letfoo_bar='helloeleme';//推荐letfooBar='helloeleme';常量要大写//不推荐
556678
3292
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
4年前
TypeScript
【TypeScript 演化史 -- 第七章】映射类型和更好的字面量类型推断
TypeScript2.1引入了映射类型,这是对类型系统的一个强大的补充。本质上,映射类型允许w咱们通过映射属性类型从现有类型创建新类型。根据咱们指定的规则转换现有类型的每个属性。转换后的属性组成新的类型。使用映射类型,可以捕获类型系统中类似Object.freeze()等方法的效果。冻结对象后,就不能再添加、更改或删除其中的属性。来看看如何在不使用映射类型的情况下在类型系统中对其进行编码:interfacePoint{x:number;y:number;}interfaceFrozenPoint{rea
549540
3207
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
3年前
工具类
与webpack类似的工具还有哪些?区别?
面试官:与webpack类似的工具还有哪些?区别?一、模块化工具模块化是一种处理复杂系统分解为更好的可管理模块的方式可以用来分割,组织和打包应用。每个模块完成一个特定的子功能,所有的模块按某种方法组装起来,成为一个整体(bundle)在前端领域中,并非只有webpack这一款优秀的模块打包工具,还有其他类似的工具,例如Rollup、Parcel、snowpack,以及最近风头无两的Vite通过这些模块打包工具,能够提高我们的开发效率,减少开发成本这里没有提及gulp、grunt是因为它们只是定义为构建工具
545851
3277
0
下拉加载更多
您好
去签到
你已经连续签到
0
天
猜你喜欢
换一换
最新文章
更多