愚墨的博客
  • 首页
  • 前端技术
  • 面试
HTML5
HTML5

前端水印如此简单

我们从实现方式上来考虑,既然要做水印,那肯定要是全屏幕的,我们会先想到几点 1. 用一个 div 全屏fixed。 2. 水印要和登录信息绑定,那么我们从cookie中获取一下账号信息。 3. 屏幕上一个大的水印,效果没有密密麻麻的小水印效果好。 4. 水印之前的间距要小一点,这样才能增加覆盖面积。 5. 要有防止窜改的功能。 列出以上这几点,我们就依次实现就好了。 第一点 很好实现。我们create一个dom元素,插入到body中就可以了。 const divObj = document.createElemen…

2022年03月13日 0条评论 609点热度 11人点赞 阅读全文
HTML5

viewport朝花夕拾

一个人做到只剩了回忆的时候,生涯大概总要算是无聊了吧,但有时竟会连回忆也没有。 ——鲁迅 《朝花夕拾》 什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。 我们常见的 meta标签中的 viewport 是 HTML5 针对移动端新增的一个 meta 属性, 它的作用是为同一网页在不同设备的呈现,提供响应式解决方案。 一、引言 在PC时代,我们用 css 设置 1px 边框,显示器会用1个物理像素进行渲染。而进入移动应用时代后,我们原来设置1px边框…

2022年02月22日 0条评论 543点热度 9人点赞 阅读全文
HTML5

如何写出高质量的技术文章

对于一个从小不喜欢语文、不喜欢阅读、作文很少及格的理科生来说,做梦也没想到,有一天我会写一篇文章教人如何写文章 :) 一、为什么要写文章 懂了,不一定能说出来,说得出来,不一定能写出来。这就是写文章最大的好处,官方术语叫“费曼教学法”。写文章是一个逼迫自己深入理解问题、把问题想清楚,整理好思路,并能清晰表达出来的过程。其本质是一种自我学习、自我提升、构建知识体系的最佳方法。 除此之外,写文章还有一个副产品——帮助我们扩大影响力。就拿我来说,我大概是在4年前,开始有规划地搭建自己的知识体系,包括阅读、记笔记、写文章、…

2021年05月16日 0条评论 1668点热度 8人点赞 阅读全文
HTML5

H5中拖拽图片显示并上传

拖拽事件有7种,但是根据作用对象不同可以分为两大类: 被拖拽元素上触发的事件: ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发 目标元素上触发的事件: ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件 ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件 ondragleave - 当被鼠标拖动的对象离开其容器范围内时触发此事件 ondrop - 在一个拖动过程中,释放鼠标键…

2017年01月07日 0条评论 1425点热度 0人点赞 阅读全文
HTML5

WebSocket之socket.io

还依稀记得在15年寒假的时候,在上学的时候做一个校园app的项目,要实现在线聊天功能,知道WebSocket这个东西,但是当时太年轻,没有做出来!时隔这么长时间,现在捡起来看看这个东西。 WebSocket为何物? WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。 使用WebSocket,浏览器和服务器只需要要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道,两者之间就直接可以数据互相传送 节省资源:互相沟通的Header是很小的-大概只有 2 Bytes。 推送…

2016年08月06日 0条评论 1961点热度 0人点赞 阅读全文
CSS3

FlexBox

天神亦凡人! 应小衫要求写一下FLexBox的基本知识点。 网上各种介绍,各种神人的总结,可能是翻译的不好的原因吧,多少会与原本意思有些出入,虽然逻辑没什么问题,但是理解起来比较吃力,所以在这里我就总结一下供他人和自己学习总结。 什么是flexbox? Flexbox Layout(Flexible Box)模块,W3C官方称为CSS弹性盒子布局,是在CSS3中定义的一种新的布局模式。 相对于传统的布局解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局…

2016年06月25日 0条评论 1715点热度 0人点赞 阅读全文
HTML5

meta总结,html标签中meta属性使用介绍

meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! html的meta总结 meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。 1、name属性 name属…

2015年10月25日 0条评论 1755点热度 0人点赞 阅读全文
搜搜看看
历史遗迹
  • 2022年9月
  • 2022年3月
  • 2022年2月
  • 2021年5月
  • 2021年4月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年9月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年1月
  • 2019年5月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年9月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年11月
  • 2017年7月
  • 2017年6月
  • 2017年3月
  • 2017年2月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年9月
  • 2016年8月
  • 2016年7月
  • 2016年6月
  • 2016年5月
  • 2016年4月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年10月
  • 2015年9月
  • 2015年7月
  • 2015年6月
  • 2015年4月

COPYRIGHT © 2020 愚墨的博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS