欢迎光临
我们一直在努力

JS数据类型、变量声明的提升和函数提升

阅读(177)

一、 类型

1.1 JavaScript 是弱类型的语言

JavaScript 是弱类型的语言,体现在:不管什么类型的变量,都要用varletconst(常量)定义。

比如:

var a = 100;
var b = "哈哈";
var c = true;
var d = undefined;

这点和 C 语言、 Java 截然不同。它们必须要带着类型来定义变量:

int a = 100;
string b = "哈哈";

(更多…)

尤雨溪:Vue3将不会支持IE11,精力会投入到Vue2.7

阅读(813)

之前尤雨溪曾说过,Vue3 将会出一个 IE11 的兼容版本,现在 Vue3.0都已经发布很久了,却迟迟不见兼容版本的出现,原来是因为微软积极的推进自家的新 Edge 浏览器,并打算放弃 IE,这让尤雨溪觉得兼容 IE 是否还有必要,来看看他的知乎:

尤雨溪:Vue3将不会支持IE11

(更多…)

图片加载失败后CSS样式处理最佳实践

阅读(809)

一、传统的图片异常处理

<img>如果因为网络或者跨域限制等原因无法正常加载,在默认情况下会显示浏览器默认的“裂开”的图片效果,如果设置了alt属性值,则alt属性对应的内容也会一并显示。例如:

<img src="//www.zhangxinxu.com/zxx.ico" alt="鑫空间鑫生活">

例如Chrome浏览器下的效果截图如下所示:

Chrome浏览器图片加载异常效果

可以看到图片加载异常之后的视觉效果实在是太粗糙了,程序员可忍设计师不可忍,因此,为了更好的视觉效果,实际项目开发中,我们总会对图片加载异常的边界场景进行额外的处理。

(更多…)

Canvas概述和Hello World

阅读(928)

1.1 概述

canvas

Canvas是HTML5中新增的一个元素,它就像一块画布,可以用JavaScript在上面绘制各种图表、动画、制作游戏等。

在没有Canvas的年代,绘图只能借助Flash插件实现,页面不得不用JavaScript和Flash进行交互。有了Canvas,我们就再也不需要Flash了,直接使用JavaScript完成绘制。

(更多…)

使用原生 JS 实现一个类 Vue 的 v-show 指令

阅读(1658)

Vue 作为最主流的前端框架,中文资料齐全、入门简单、生态活跃,可以说是工作中最常用的,如今对 Vue 原理的熟悉基本上是简历的标配了。之前参与了部分 2019 校园招聘的面试工作,发现很多简历上都写了:“精通 Vue”、“熟悉 Vue 原理和源码”、“熟悉 Vue 全家桶及其底层原理”、“熟悉 Vue 双向数据绑定” 等等,但是这么写你真的敢说熟悉 Vue 原理吗?

这样的简历描述看上去是很不错,熟悉框架原理非常难得,于是问到:“那你说一下 Vue 数据驱动的实现原理吧”!

大部分人的回答都差不多是:“首先通过 Object.defineProperty 遍历数据 data 劫持每个属性的 gettersetter 生成 Observer,通过一个 Depend 收集依赖,然后在数据发生变化时通知消息给 Watcher,触发相应监听回调,然后达到数据驱动视图的目的……” 其实描述的都非常正确,但是不禁让人怀疑这是真的熟悉还是背的熟悉?

于是进一步再问:如何利用数据驱动的原理实现一个最简单的 v-show 指令?假如有一个 div 元素,怎样用原生 JS 实现一个 v-show,通过数据的变化去改变这个 div 的显示和隐藏?
(更多…)

让你效率翻倍的 VS Code 使用指南(快捷键、超好用的插件、新手教程)

阅读(2832)

VS Code 使用指南

“VS Code 写代码是真好用、真爽。”

想必你也已经听过身边不止一个人这么说。最近的 JS 2019 报告中,VS Code 也是以压倒性的优势获胜第一,其他的编辑器只能被无情碾压在地上摩擦……

JS 2019 报告

但是呢,VS Code 并不是像 PyCharm/WebStorm 那样开箱即用的,需要额外安装一些插件、掌握一些快捷键和技巧,才能顺手的用起来。

我们花了一周的时间,为你整理了可能是最全的 VS Code 新手指南,分为快捷键速查表、10个超好用插件、新手使用教程三部分,让小白也能快速上手、效率加倍。

(更多…)

【可商用】2020年免费可商用中文字体最全合集

阅读(2226)

2020年免费可商用中文字体

不知道大家有没有遇到过使用商用字体被举报的情况,我身边有一个做自媒体的朋友,做图时不慎使用了一款商用字体,被有心人举报罚款 2000 多。这种还是小损失,在设计项目中,设计师没有足够版权意识的话,轻则赔偿,重则直接开除。所以囤免费可商用字体是很有必要的。

以下是优设为大家整理的 2020 年最新的 58 款免费可商用中文字体(个人企业均可商用),所有字体资源都已详细分类,打包在字体包内,大家可自行前往下载~

在此也特别感谢无私免费分享出劳动成果的公司、团队、及个人。

温馨提示:打包下载链接在文末~

(更多…)

WEB端-数据可视化深色模式和自适应设计

阅读(3017)

本文以近期改版上线的百度流量研究院为例。与大家共同探讨WEB端-数据可视化深色模式和自适应设计的应用。

设计亮点:

深色模式的设计,结合多样化的可视化图表,营造沉浸式的数据浏览体验。

采用响应式设计,为不同终端的用户提供更加舒适的界面和更好的用户体验。

(更多…)

10分钟学会CSS预处理语言Less

阅读(2817)

Less的LOGO

Less 做为 CSS 的一种形式的扩展,它并没有阉割 CSS 的功能,而是在现有的 CSS 语法上,添加了很多额外的功能,将 CSS 赋予了动态语言的特性,如变量、继承、运算、函数等。

Less 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js在服务端运行。

(更多…)