随笔分类 - 前端
摘要：之前接到一个产品需求——当用户尝试关闭页签时，拦截操作并提示"内容可能丢失"。听起来简单？看我如何在这需求里摸爬滚打吧。 一、青铜方案：最原始的拦截 调研过程： 首先想到beforeunload事件，MDN文档显示可以通过设置returnValue触发浏览器默认提示： window.addEvent
阅读全文
摘要：有哪些新的 Set 方法呢？ 总共有 7 个新的方法，分别是： intersection() 计算两个 Set 的 交集 union() 计算两个 Set 的 并集 difference() 计算两个 Set 的 差集 symmetricDifference() 取两个 Set 的 差集 的 并集
阅读全文
摘要：一：准备工作 1.1 ：将项目上传至代码管理库（github,gitlab,bitbucket,等） 1.2 ：Windows 和 服务器 都安装SSH，Git 工具。 二：开始 2.1 本地生成ssh key连接服务器 //根据邮箱生成ssh key ssh-keygen -t rsa -C ".
阅读全文
摘要：前言 最近在处理空间数据过程中发现有很多标准和处理方法，特整理一份清单以供自己和大家查阅。 空间坐标系 坐标系的基本概念和类型： 定义：坐标系是用一个或多个数字来表示一个坐标，用来定义一个元素位置的系统。这些坐标值可以用来描述空间中的位置、方向或形状。 类型：根据应用的不同，有多种类型的坐标系，包括
阅读全文
摘要：苹果iOS开发者账号分为：个人账号、公司团队账号、企业账号。 1. 个人账号（Individual） 费用99美金一年，该账号在AppStore销售者只能显示个人的ID，比如weimin，单人使用。个人账号只能有一个开发者，100个iOS设备udid测试。 优点： 申请快速 缺点： 无法创建管理自己
阅读全文
摘要：在Web应用中，实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画的API，那就是 re
阅读全文
摘要：前话： 1、什么是浏览器缓存？ 浏览器缓存（Browser Caching）是为了节约网络的资源加速浏览，浏览器在用户磁盘上对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，这样就可以加速页面的阅览。浏览器缓存主要有两类：缓存协商：Last-modified ，
阅读全文
摘要：git revert 撤销 某次操作，此次操作之前和之后的commit和history都会保留，并且把这次撤销作为一次最新的提交 git revert是提交一个新的版本，将需要revert的版本的内容再反向修改回去，版本会递增，不影响之前提交的内容 git revert 和 git reset的区别
阅读全文
摘要：重新学习CSS后的第三天，学习制作阴影的过程中，发现的问题：设置了box-shadow后展现的阴影： 添加transform:rotate(10deg);后的效果： 一脸懵逼！再修改z-index完全没有效果。 百度之后，找到了问题的答案，也自己摸索着找到了这个问题的解决办法。下面与大家分享。 一、
阅读全文
摘要：如果你返回的json数据带有小红点，那么前台ajax是不认的，并且老是走ajax的error方法，不走success方法，因为ajax的dataType：“json”，你指定了返回的是json格式，json格式非常严格。 解决办法，就是在你php后端文件，echo输出的前面加一个ob_clean()
阅读全文
摘要：text-align:justify; 所有浏览器都支持，text-justify之类的却只有IE支持，就不要考虑了。 justify我的理解，使元素内部的子元素两端对齐，子元素当然只能是inline或inline-block。但justify对最后一行是无能为力的。我们在对齐姓名时，因为只有一行，
阅读全文
摘要：为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。 方法1：table-cell html结构： css： 方法2：display:flex 方法3：绝对定位和负边距 方法4：绝对定位和0 这种方法跟上
阅读全文
摘要：在vue的项目里，我们可以使用../这样的相对路径的方式引用不同目录的组件： 使用../引用的路径比较深，定位路径和书写不方便，并且不直观。 由于项目是基于webpack，比较好的做法是使用webpack对路径定义一个别名。 在webpack.base.config.js找到resolve节点，配置
阅读全文
