我们从实现方式上来考虑，既然要做水印，那肯定要是全屏幕的，我们会先想到几点 1. 用一个 div 全屏fixed。 2. 水印要和登录信息绑定，那么我们从cookie中获取一下账号信息。 3. 屏幕上一个大的水印，效果没有密密麻麻的小水印效果好。 4. 水印之前的间距要小一点，这样才能增加覆盖面积。 5. 要有防止窜改的功能。 列出以上这几点，我们就依次实现就好了。 第一点 很好实现。我们create一个dom元素，插入到body中就可以了。 const divObj = document.createElemen…
一个人做到只剩了回忆的时候，生涯大概总要算是无聊了吧，但有时竟会连回忆也没有。 ——鲁迅 《朝花夕拾》 什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。 我们常见的 meta标签中的 viewport 是 HTML5 针对移动端新增的一个 meta 属性, 它的作用是为同一网页在不同设备的呈现，提供响应式解决方案。 一、引言 在PC时代，我们用 css 设置 1px 边框，显示器会用1个物理像素进行渲染。而进入移动应用时代后，我们原来设置1px边框…
对于一个从小不喜欢语文、不喜欢阅读、作文很少及格的理科生来说，做梦也没想到，有一天我会写一篇文章教人如何写文章 :) 一、为什么要写文章 懂了，不一定能说出来，说得出来，不一定能写出来。这就是写文章最大的好处，官方术语叫“费曼教学法”。写文章是一个逼迫自己深入理解问题、把问题想清楚，整理好思路，并能清晰表达出来的过程。其本质是一种自我学习、自我提升、构建知识体系的最佳方法。 除此之外，写文章还有一个副产品——帮助我们扩大影响力。就拿我来说，我大概是在4年前，开始有规划地搭建自己的知识体系，包括阅读、记笔记、写文章、…
拖拽事件有7种，但是根据作用对象不同可以分为两大类： 被拖拽元素上触发的事件： ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发 目标元素上触发的事件： ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件 ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件 ondragleave - 当被鼠标拖动的对象离开其容器范围内时触发此事件 ondrop - 在一个拖动过程中，释放鼠标键…
还依稀记得在15年寒假的时候，在上学的时候做一个校园app的项目，要实现在线聊天功能，知道WebSocket这个东西，但是当时太年轻，没有做出来！时隔这么长时间，现在捡起来看看这个东西。 WebSocket为何物？ WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。 使用WebSocket，浏览器和服务器只需要要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道，两者之间就直接可以数据互相传送 节省资源：互相沟通的Header是很小的-大概只有 2 Bytes。 推送…
meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！ html的meta总结 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 1、name属性 name属…