有一个来自第三方的复杂表格组件，表格进行数据更新的时候渲染时间需要1s，由于渲染时间较长，为了更好的用户体验，我希望在表格进行更新时显示一个loading动画。

好像上次更新还是十一前，这唰唰唰的就过去大半个月了，现在才更新实在不好意思。这次我们不涉及canvas 3D的内容，主要分享一个比较炫的动画效果，可以算是上一篇文章《每周一点canvas动画》——3D点线与水波动画的加强版。动画效果来自codePen。在这篇文章中我们就分...

image-rendering: -moz-crisp-edges; /* Firefox */      image-rendering: -o-crisp-edges; /* Opera */      image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; \-ms-interpolation-mode: nearest-ne...

2、第一个中括号 ['index-item-title-' + key] 就相当于this.$refs['form1']这种写法，只不过ref的值不是一个纯字符串，而是一个由变量 key和字符串'index-item-title-'组成的字符串

我们在使用vue-cli启动项目的时候npm run dev便可以启动我们的项目了，通常我们的请求地址是以localhost:8080来请求接口数据的，localhost是没有办法设置cookie的。

id不能有空格，请看下面链接给出的文档： id不能有空格

什么是NPM？ NPM是随同NodeJS一起安装的javascript包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将...

目录前言为什么要优化从哪里开始下手现在开始1.代码压缩2.删除一些废弃的页面3.使用 cdn 优化4.修改路由引入方式结果前言“这页面加载也太慢了！”，一个宁静的下午就此打破，在老板和 PM 的 威逼利诱之下 ，我开始了对这个祖传(shi)山项目进行了优化，因为这个项目传...

对于一个网站，有些页面是需要登录后才能访问的，这个时候需要做到权限管理 1、页面权限控制 这个常见做法是，在路由跳转的时候做判断，通过router钩子函数判断页面是否需要登录 首先在router配置 meta属性 然后在钩子函数里面判断 to.meta.requireAuth为true就跳去...

从10年接触编程就开始接触国际化这个概念，然而这些年全面用到国际化的项目并不是很多，且都是些螺丝钉式的工作。15年末，部门项目需要推国际化，前端这块由我来主导。虽然难度不高，但还是拿出来分享下。

今天与后端在调试接口，在过程中发现node端需要嵌套三个java接口才能拿到所需的数据。这种调用方式是很恶心的，于是找到java同学讲明这个接口是前置接口，会影响整体的加载性能。

事件绑定成功之后，事件的执行函数就如同待字闺中的小姑娘。除了由坐在电脑前的大叔们用键盘、鼠标等硬件行为触发外，需要在代码中直接调用又该如何实现？

一、内置图形: {代码...} 二、内置图形的html属性或(css样式): {代码...} 三、基本元素用法 1、矩形 基本用法 {代码...} 扩展用法 {代码...} 2、圆 基本用法 {代码...} 扩展用法 {代码...} 3、椭圆 基本用法 {代码...} 扩展用法 {代码...} 4、直线 基本用法 {代码......

最近在项目的过程中遇到了一个问题，menu-bar希望始终显示在最上面，而在之后的元素都显示在它之下，当时设置了 z-index 也没有效果，不知道什么原因，因此找了一下css有关层叠方面的资料，解决了这个问题，这里记录一下~

上中学的时候，赵二虎带着小弟们放学在校门口等着揍你，走在前面的不是你自己，是二虎他爸：“考试没及格还学会装黑社会了！”拎起二虎就是一顿胖揍。

一个页面是由很多个 Box 组成的，元素的类型和 display 属性决定了这个 Box 的类型。不同类型的 Box，会参与不同的 Formatting Context。

CSS动画中有一个animation-timing-function属性，它的取值除了ease，linear，cubic-bezier之外，还有一个steps()阶跃函数，这篇文章我们来讨论steps()函数新增的四种取值。到目前为止，这新增的几个取值仅在Firefox 65+中可用，也就是说在其他浏览器实现之前，演示只...

它将网页划分成一个个网格，可以任意组合不同大小的网格，做出各种各样的布局。如上面的图，正是Grid布局的应用，还有比如 管理系统的主页 dashboard，正是应用了grid布局实现的。

点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。