随笔分类 - 前端经验
摘要：Web产品中很多时候需要在客户端，即浏览器中保存一些必要的数据。而面临这类需求时，你应当知悉对应的解决方案不仅仅只有一种。 Cookie 这是最早被使用，且至今仍被广泛采用的最简单的浏览器中保存数据方法。 Cookie使用键/值形式存储数据，且数据类型只能为字符串。 Cookie相关的CRUD操作：
阅读全文
摘要：去年，大前端开始出现。今年，大前端的趋势越来越明显。跨平台技术层出不穷。Qcon、GMTC等一线会议开始设置大的前端话题。阿里、京东、美联以及在哪里开始开展跨平台练习。所有这些都告诉我们，大前端即将到来。 一些来自媒体的评论开始关注非官方发展：“瞧，那个做Android的人挂了”和“我听说没有人想要
阅读全文
摘要：Pom文件引入以下依赖 注意,创建SpringBoot整合jsP,一定要为war类型,否则会找不到页面 不要把jsp页面存放在Resources目录下,resources目录是给springboot打jar包读取配置文件用的,产生的jsp会被别人访问到,这是存放资源目录的文件 1.创建War类型的s
阅读全文
摘要：属性值 对部分生僻的input属性值解释： type="reset"： 可以一键清空form表单里面所有的数据 <form> <input type="text" name=""> <input type="password" name=""> <input type="email" name=""
阅读全文
摘要：网页中的动态GIF图片是非常受欢迎的，因为它们相比静态图片更生动，相比网页视频更简单。但是GIF图片通常具有较大的体积，就导致网页加载速度变慢，内存使用增加。通过使用html video，可以使浏览器中的GIF图片在减少98%体积的情况下，仍然具有相对较高的质量。 我们注意到这篇文章是Google
阅读全文
摘要：一 web框架 Web框架(Web framework)是一种开发框架，用来支持动态网站、网络应用和网络服务的开发。这大多数的web框架提供了一套开发和部署网站的方式，也为web行为提供了一套通用的方法。web框架已经实现了很多功能，开发人员使用框架提供的方法并且完成自己的业务逻辑，就能快速开发we
阅读全文
摘要：这里的波浪只是侧面的，利用几个平面一部分弧旋转得到。 代码解读 定义 dom，容器中包含一行文本和3条做海浪特效的 <span>： <div class="sea"> <p class="title">the sea</p> <span class="wave"></span> <span clas
阅读全文
摘要：最近公司有一个项目，使用vue开发微信公众号，开发过程遇到一个问题，即设计图的整体背景是白色的，但是公众号里默认的背景是浅灰色，如果某个页面高度没能占满一屏，就会露出浅灰色的默认背景，会显得很不协调。 使用单纯的css没能解决这个问题，在网上查了些资料也没发现特别好的方法，最后还是采用了js解决这个
阅读全文
摘要：制作动画效果离不开动画运动函数，而我们用得最多的无疑就是Tween.js。根据不同的数学公式原理，Tween.js划分出了不同的动画类型，每种动画类型里面都包含以下的缓动类型： ease in 先慢后快 ease out 先块后慢 ease in out 先慢后快再慢 关于缓动函数，我们在 css3
阅读全文
摘要：用margin还是用padding这个问题是每个学习css进阶时的必经之路。 css边距属性定义元素周围的空间。通过使用单独的属性，可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。——W3School 边界(margin)：元素周围生成额外的空白区。“空白区”通
阅读全文
摘要：通过FileReader，和es6的方法解构赋值,promise对象简单封装上传预览 具体逻辑：选中图片之后，触发onchange方法，获得上传文件对象，调用fileReader方法验证图片是否符合上传需求，符合返回图片文本，不符合返回错误信息。 先介绍几个技术点，没接触过的朋友，可以先看看： Pr
阅读全文
摘要：预备知识： 必须：Git，GitHub，Jekyll，Markdown，YAML可选：html，JavaScript，css，XML 工具： 可选：VSCode+Markdown Preview Github Styling，GitHub Desktop 操作： 注册一个GitHub的账号，可以使用
阅读全文
摘要：最近做项目遇到一款浏览器，由于缓存了get请求，导致不管如何刷新，数据都不更新的问题。以下分享一下解决办法:解决思路就是给每一条get请求增加一个timestamp的参数，value为时间戳但是我们又不想每次请求都加上，所以希望全局配置。 解决方法在代码最下方： const { data, stat
阅读全文
摘要：一、 什么是全文检索 全文检索是计算机程序通过扫描文章中的每一个词，对每一个词建立一个索引，指明该词在文章中出现的次数和位置。当用户查询时根据建立的索引查找，类似于通过字典的检索字表查字的过程 全文检索（Full-Text Retrieval）以文本作为检索对象，找出含有指定词汇的文本。全面、准确和
阅读全文
摘要：Git与SVN的比较 原理上 Git直接记录文件快照，SVN每次提交记录哪些文件更新更新了哪些行 Git有本地仓库，SVN没有本地仓库 Git大多数是本地操作，SVN大多数操作需要联网 操作上 Git先提交到本地仓库然后推送到远程仓库，SVN直接推送到远程仓库 Git有各种”反悔”指令，SVN没有
阅读全文
摘要：需求如下图，hover的时候改变图标颜色，图标为引入的svg img 一般的解决办法有：1.字体图标改变css的color属性；2.js在hover事件中切换图片；3.老一点的方案是hover切换背景？ 但是为了更小的开销，一般css为更好的解决方案，svg的颜色是在标签内通过fill属性写死的，所
阅读全文
摘要：要构建自己的虚拟DOM，需要知道两件事。你甚至不需要深入 react 的源代码或者深入任何其他虚拟DOM实现的源代码，因为它们是如此庞大和复杂——但实际上，虚拟DOM的主要部分只需不到50行代码。 有两个概念: Virtual DOM 是真实DOM的映射 当虚拟 DOM 树中的某些节点改变时，会得到
阅读全文
摘要：gRPC 1.0于2016年8月发布，现已发展成为应用通信的首选技术解决方案之一。它已被全球的初创公司、企业公司和开源项目采用。它对多语言环境的支持、关注性能、类型安全性和开发者生产力已经改变了开发者设计架构的方式。 到目前为止，基本上只有移动应用程序和后端开发者获得这些好处，而前端开发者不得不继续
阅读全文
摘要：现象描述： cms内容发布系统上传不了大文件，当上传超过32M文件时就上传不了 提示:无效的文件. 文件尺寸太大。 分析文件上传过程： browser --> nginx --> php 需要修改 nginx.conf和php.ini 1.nginx.conf新增如下参数，重启无效： client_
阅读全文
摘要：假设最简单的情况，一个开发人员，开发所有的代码，一个测试人员。一个测试的服务器，一个生产的服务器。开发人员需要为公司开发一个项目，开发人员首先分析产品经理的需求，建立相应的模型，然后进行如下步骤： 编写代码 项目打包部署到测试服务器 测试人员测试，将Bug提交给开发人员 如果测试通过则进行第5步。如
阅读全文