最近学习了 HTML5 中的重头戏–canvas。利用 canvas,前端人员可以很轻松地、进行图像处理。其 API 繁多,这次主要学习常用的 API,并且完成以下两个代码: 实现去色滤镜 实现负色(反色)滤…
前端性能优化(3)--使用gzip
话不多说,直接上两张图对比下[未启用gzip的Size] [用了gzip以后] html文件 5.2/10.5 50.5% css文件 1,9/5.4 35.2% png图片 101/102 几乎没有变化 js文件 31…
如何利用showdoc自动生成API文档
介绍 showdoc是一个适合IT团队的文档工具,阅读本文前需要对showdoc有基本了解 。基本介绍可看:https://www.showdoc.cc/help 对于写API文档这件事,虽然说文本编辑软件或者接口管理软…
前端每日实战:112# 视频演示如何用纯 CSS 创作切换背景的按钮悬停效果
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/mGbpqv 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中…
大管家笔试题(深圳)
1.css选择器有哪些,优先级如何计算 类别选择器、ID选择器、标签选择器、通用选择(*)、后代选择器、伪类选择器 !important>行内样式>ID选择器>类选择器>标签>通配符>…
如何在Vue里建立长按指令
您是否曾想过按住按钮几秒钟才能在Vue应用程序中执行某个功能? 您是否曾想在应用程序上创建一个按钮,通过按一次(或按住按钮的整个输入)来清除单个输入? 如果你曾有过这些想法,很好,我也是。那么恭喜你看到了这篇文章。 本文…
实现拖拽复制和可排序的react.js组件
在实现复制前,对之前的拖拽排序组件属性进行了修改。 摒弃了value中的content属性,拖拽组件暴露的render函数,利用这个属性进行组件内部子组件的渲染,这点主要是参考了蚂蚁金服的Ant design里面一些组件…
前端每日实战:111# 视频演示如何用纯 CSS 创作一只艺术的鸭子
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/aaoveW 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中…
遮罩层 弹框 页面滚动
第一种情况比较简单,弹框和页面都不可滚动 <input type="button" value="click me" id="btn"> <div class="mask" id="mask"> …
关于跨域以及跨域的实现方式
关于跨域 why? 为什么会有跨域? 我们得先了解下 ==同源策略(SOP, Same Origin Policy)==。 浏览器出于安全方面的考虑,只能访问与包含它的页面位于同一个域中的资源,该策略为通信设置了“相同的…
前端每日实战:110# 视频演示如何用纯 CSS 创作一只愤怒小鸟中的黑炮
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/vaoQqa 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中…
前端每日实战:109# 视频演示如何用 CSS 和 D3 创作一个用文字组成的心形图案
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/xJvERW 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中…