WEB动画的几种实现方式

WEB 的动画实现多种多样,随着 H5 的发展,实现动画的方式越来越多了。初步统计实现动画的方式有以下一些方式实现一、GIF 动画通常咱们社交聊天的一些动态表情,大多都是 gif 动画。GIF(Graphics Interchange Format)的原义是“图像互换格式”,GIF 文件的数据,是一种基于 LZW 算法的连续色调的无损压缩格式。其压缩率一般在 50%左右,它不属于任何应用程序。GI...阅读全文
3617次浏览 2 条评论 0次感谢

asp.net mvc4中自定义404页面

定义 404 方法当然有很多种。不同的方法所展现的形式也不一样,用户所体验也不一样。以下提供 2 两种方法一1.在 web.config 中找到节点system.web中启用 404 配置customErrors defaultRedirect="~/Error" mode="On" redirectMode="ResponseRedirect"error redirect="/Error" st...阅读全文
1059次浏览 1 条评论 6次感谢

JavaScript 继承

什么是继承?继承就是你爸爸很多钱,所以你就继承你爸爸,变成了富二代,也是个有钱的主,突然你爸爸世界杯赌球,输了个精光,于是你也变成了穷光蛋。这个就是继承非也,非也。C# 继承public class A { private int a; private int b;}public class B :A { private int c; private int b;}//B 继承 AES6 ...阅读全文
1360次浏览 0 条评论 1次感谢

KUI for React.js

一枚前端 UI 组件库 for React.js KUI for React A high quality UI components Library with React.js[![react-kui](https://img.shields.io/npm/v/react-kui.svg?style=flat-square)](https://www.npmjs.org/package/...阅读全文
65061次浏览 1 条评论 9次感谢

javascript ES6 Proxy

proxy 的概念proxy 英文原意是代理的意思,在 ES6 中,可以翻译为"代理器"。它主要用于改变某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。proxy 在目标对象的外层搭建了一层拦截,外界对目标对象的某些操作(后文会说明,有哪些操作可以拦截),必须通过这层拦截。语法var proxy = new Proxy...阅读全文
1426次浏览 0 条评论 1次感谢

webpack3 升级 webpack4

据说 webpack3 比 webpack4 编译速度将近快了 60%-80%,成功升级之后,于是来记录下,项目主要是 vue ^2.5.9 , webpack ^4.10.2 , webpack-dev-sever ^3.1.4 ,配合升级的还有 vue-loader ^15项目重现编译之后由原来的 1.7MB 减少到 1.1MB ,看来在压缩这块也是由效果的。需要修改的地方有以下几点:vue-...阅读全文
2816次浏览 2 条评论 2次感谢

VUE路由切换终止异步请求

问题:在 SPA 模式开发当中,比如 VUE ,当前路由切换的时候如何终止正在发生的异步请求呢,结果:假如请求超时并且有设定超时时间。有一堆的异步请求在执行,当用户切换到另一个页面,这些请求还未终止,并且当服务器响应之后,反馈的结果不是当前页面所期待的。最终会误导用户造成一些不必要的结果。也给 web 造成性能问题。解决方案:把执行的请求存入队列,当路由切换的时候终止队列里的异步请求。首先搞一棵树...阅读全文
7086次浏览 4 条评论 2次感谢

VUE 路由切换白屏的问题

关于 vue 路由切换的白屏,事实上在开发的过程中,我一直没有遇到过。我有个哥们遇到这个问题,问我怎么解决的, 我晕了,我没遇到这样的问题啊,我怎么解决啊啊啊啊。。事实上是遇到过一回的。以下内容于 2019-07-25 修改.服务器部署配置问题这个问题造成的白屏体现在:首页可以正常浏览,但是------通过$router.push('/home')跳转页面 正常,然后刷新 就是白屏或 404本不想...阅读全文
8460次浏览 0 条评论 3次感谢

CSS3 渐变 gradient

初次接触 css3 渐变是在很早以前了,觉得这个东西很有意思哈,跟玩 PS 似的,可以做出很多华丽的东西浏览器支持情况| IE | FF | Chrome | Safari | Opera | iOS | Android | Android Chrome || ...阅读全文
2676次浏览 4 条评论 0次感谢

CSS3 动画 animation

复习下 css3 的动画, 都快不会写了,那会儿挺喜欢 flash 的,可惜了时代在前进。写这里就当是文档看吧浏览器支持Internet Explorer 10、Firefox 以及 Opera 支持 animation 属性。Safari 和 Chrome 支持替代的 -webkit-animation 属性。注释:Internet Explorer 9 以及更早的版本不支持 animation...阅读全文
1942次浏览 0 条评论 0次感谢

Java 8 的 java.util.function.* POJO 的反射新方法

上代码,看例子写一个普通的 POJOpublic class City { private String name; private String code; public City() { } public City(String name, String code) { this.name = name; this.code = cod...阅读全文
1991次浏览 1 条评论 2次感谢

WEB 前端跨域解决方案

跨域定义广义的定义:跨域是指一个域下的文档或脚本试图去请求另一个域下的资源。1.) 资源跳转: 链接、重定向、表单提交2.) 资源嵌入: link 、 script 、 img 、 frame 等 dom 标签,还有样式中 background:url() 、 @font-face() 等文件外链3.) 脚本请求: js 发起的 ajax 请求、 dom 和 js 对象的跨域操作等同源策略同源策略...阅读全文
2210次浏览 0 条评论 1次感谢

快速创建 Map

想要快速创建 Map ,不用频繁 new ,最快的方法就是用 Guava ,使用 ImmutableMap.of("a", 1, "b", 2, "c", 3);GuavaMapString, Integer left = ImmutableMap.of("a", 1, "b", 2, "c", 3);java 9MapInteger, String map = Map.of(1, "A", 2,...阅读全文
4508次浏览 0 条评论 3次感谢

关于VUE前端项目的优化

今天终于得空了,我要把 kui 说明文档这个项目优化下。打开太慢了,就是这个 http://k-ui.cn10 几秒才能展示完全,真受不了。来张图就明白了看到这个就没啥好意外了,为什么会这么慢。因为说明文档的 webpack 配置没用 vue-cli 脚手架,自己手动配置的,所以问题估计会多些吧1)webpack 配置出错,导致库重复被编译到一个文件里逐步检查了编译后比较大的文件,发现 index...阅读全文
5048次浏览 0 条评论 3次感谢

HTTP 缓存机制

Web 缓存大致可以分为:数据库缓存、服务器端缓存(代理服务器缓存、CDN 缓存)、浏览器缓存。浏览器缓存也包含很多内容: HTTP 缓存、 indexDB 、 cookie 、 localstorage 等等。这里要说的是 http 缓存。使用缓存的好处减少了冗余的数据传输缓解了网络瓶颈的问题降低了对原始服务器的要求降低了距离时延术语缓存命中率:从缓存中得到数据的请求数与所有请求数的比率。理想状...阅读全文
4245次浏览 7 条评论 4次感谢