随笔分类 -  前端

Vue 组件篇
摘要：初始化及注册 简单实例 但用字符串模板编写复杂组件容易出错， 冗余而且有点反人类，那么就引出了用HTML声明模板。 HTML 声明模板 Vue 可以通过 template 标签在 HTML 声明模板。 然后再里面加上我们的组件， 我们需要一个 ID 来指定模板 组件的作用域是本地的， 而方程式的作用 阅读全文
posted @ 2019-05-21 16:21 家迪的家 阅读(189) 评论(0) 推荐(0)
YUI Compressor
摘要：简介 根据雅虎卓越性能团队的说法，40％到60％的雅虎用户拥有空闲缓存体验，所有页面浏览量中约有20％是使用空缓存完成的（请参阅Tenni Theurer在YUIBlog上的这篇文章）有关浏览器缓存使用的更多信息）。这一事实概述了保持网页尽可能轻量化的重要性。改进页面或Web应用程序的工程设计通常会 阅读全文
posted @ 2019-04-23 16:32 家迪的家 阅读(1729) 评论(0) 推荐(0)
ajax csrftoken
摘要：CSRF（跨站请求伪造） 背景知识：浏览器在发送请求的时候，会自动带上当前域名对应的cookie内容，发送给服务端，不管这个请求是来源A网站还是其它网站，只要请求的是A网站的链接，就会带上A网站的cookie。浏览器的同源策略并不能阻止CSRF攻击，因为浏览器不会停止js发送请求到服务端，只是在必要 阅读全文
posted @ 2019-04-04 15:37 家迪的家 阅读(546) 评论(0) 推荐(0)
验证码刷新、倒计时
摘要：记录一下注册页面编写遇到的一些细节和坑。 验证码刷新问题： 由于浏览器的缓存问题，如果两次都是同样的值（src=’/basic/verifycode/’），浏览器一般都不会刷新，因此这边用到了一个小技巧，改变提交的随机数。 发送验证码倒计时 a标签添加点击事件： 这种方法是很多网站最常用的方法，也是 阅读全文
posted @ 2019-04-03 13:45 家迪的家 阅读(316) 评论(0) 推荐(0)
Vue入门篇
摘要：Vue-cli开发环境搭建 1. 安装nodejs 2. 设置缓存文件夹 3. 设置全局模块存放路径(设置成功后，之后用命令npm install XXX -g安装以后模块就在D:\vueProject\nodejs\node_global里) 4. 基于node js 安装cnpm淘宝镜像 5. 阅读全文
posted @ 2019-03-25 21:28 家迪的家 阅读(259) 评论(0) 推荐(0)
Vue 闪现解决
摘要：场景介绍：页面加载数据时，原始代码{{}}闪现。 问题代码 解决： 1. 加入css代码 2.view中引用css 达到效果，在数据为加载完成前，隐藏原始代码。 阅读全文
posted @ 2019-03-19 17:25 家迪的家 阅读(1085) 评论(0) 推荐(0)
restful
摘要：前后端分离优点： 1. pc,app,pad多端适应 2. SPA开发模式开始流行 3. 前后端开发职责不清 4. 开发效率，前后端互相等待 5. 后台开发语言和模板高度耦合，导致开发语言依赖严重 前后端分离缺点： 1. 前后端学习门槛增加 2. 数据依赖导致文档重要性增加 3. SEO难度增加 4 阅读全文
posted @ 2019-01-24 21:52 家迪的家 阅读(205) 评论(0) 推荐(0)
websocket
摘要：简介： websocket的优势以及应用场景有哪些？ 这就不得不提http协议的缺陷，仅能由客户端向服务端发起请求，服务端无法主动向客户端推送，而websocket就是为了解决这个问题。 适用的场景则是那些实时性较强，在线聊天，消息通知等。 特点： （1）建立在 TCP 协议之上，服务器端的实现比较 阅读全文
posted @ 2019-01-08 14:03 家迪的家 阅读(225) 评论(0) 推荐(0)
display:none与visibility:hidden的区别
摘要：display:none和visibility:hidden都能把网页上某个元素隐藏起来，但两者有区别: display:none 不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。 visibility:hidden 使对象在网页上不可见，但该对象在网页上所占的 阅读全文
posted @ 2018-01-10 10:00 家迪的家 阅读(1021) 评论(0) 推荐(0)
jQuery笔记
摘要：1.选择器 css选择器用$("")包起来就成了jQuery选择器 css称为伪类选择器jQuery称之为过滤选择器 注意一点：伪类选择器下标由1开始。 // // // 三个简单实用的用于 DOM 操作的 jQuery 方法： text() - 设置或返回所选元素的文本内容 html() - 设置 阅读全文
posted @ 2018-01-08 11:16 家迪的家 阅读(461) 评论(0) 推荐(0)