随笔分类 - 前端
摘要：前端 后端 qs.stringify 将对象序列化为URL的形式，以&拼接。与qs.parse()相对应
阅读全文
摘要：跨域的 “域” 指的是 URL，包括协议、域名、端口。 cookie 和跨域没关系，只和域名有关，和端口无关。 http://test1.demo.com:8080 与 http://test2.demo.com:8081 之间共享 cookie 准确的说，cookie 不能跨域名，而不是 cook
阅读全文
摘要：import cn.hutool.http.Method; import org.springframework.web.filter.OncePerRequestFilter; import javax.servlet.*; import javax.servlet.http.HttpServle
阅读全文
摘要：同源：ajax会自动带上同源的cookie，不会带上不同源的cookie 不同源：前端设置withCredentials为true，后端设置Header的方式让ajax自动带上不同源的cookie
阅读全文
摘要：一、JS阻塞 所有的浏览器在下载JS文件的时候，会阻塞页面上的其他活动，包括其他资源的下载以及页面内容的呈现等等，只有当JS下载、解析、执行完，才会进行后面的 操作。在现代的浏览器中CSS资源和图片image资源是并行下载的，在IE6中默认的并行的加载数目是2个，在IE6以后以及其他的浏览器中的默认
阅读全文
摘要：实现方式的区别： col-md-offset-*，是利用margin-left实现的，col-md-push-*/col-md-pull-*是利用相对定位实现的。 效果的区别： col-md-offset-*只能向右偏移（margin-left），而push（float：right）/pull（fl
阅读全文
摘要：关于CSS position，来自MDN的描述： CSS position属性用于指定一个元素在文档中的定位方式。top、right、bottom、left 属性则决定了该元素的最终位置。 然后来看看什么是文档流(normal flow)，下面是 www.w3.org 的描述： Normal flo
阅读全文
摘要：vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的，那么vue是如果进行数据劫持的，我们可以先来看一下通过控制台输出一个定义在vue初始化数据上的对象是个什么东西。 代码： 结果： 我们可以看到属性a有两个相对应的get和set方法，为什么会多出这两个方法呢？因为vue是通过Obj
阅读全文
摘要：概述 js引擎执行过程主要分为三个阶段，分别是语法分析，预编译和执行阶段，上篇文章我们介绍了语法分析和预编译阶段，那么我们先做个简单概括，如下： 语法分析： 分别对加载完成的代码块进行语法检验，语法正确则进入预编译阶段；不正确则停止该代码块的执行，查找下一个代码块并进行加载，加载完成再次进入该代码块
阅读全文
摘要：相同：设置后，对应的模块都会脱离文档流 不同点：position相应的块级元素会覆盖下面的内容（文字，），而float只会覆盖块级元素，里面的文字会脱离 出来 float是浮动定位，position是绝对定位 文档流是文档中可显示对象在排列时所占用的位置。 快级元素 在做页面布局的时候,一般会将ht
阅读全文
摘要：position:relative相对定位 1. 如何定位？每个元素在页面的普通流中会“占有”一个位置，这个位置可以理解为默认值，而相对定位就是将元素偏离元素的默认位置，但普通流中依然保持着原有的默认位置。（在父级节点的content-box区定位，父级节点有文字的话，元素的默认位置则是紧随文字）2
阅读全文
摘要：写在前面的话： 由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。 如果读者理解CSS盒子模型，但对于浮动不理解，那么这篇文章可以帮助你。 小菜水平有限，本文仅仅是入门教程，不当之处请谅解！ 本文以div元素布局为例。 教程开始： 首先要知道，div是块级元素，在页面中独占一行，
阅读全文
摘要：前提条件（Bootstrap 自带） 首先使用这个布局之前要定义一下代码： 这行代码如果不懂，可以搜索一下，总之大致意思就是，被定义的元素的内边距和边框不再会增加它的宽度，不加入的话排版会有问题。 不过，Bootstrap自己当然已经加入了，如果你是使用整个Bootstrap框架，那你可以无视这里，
阅读全文
摘要：vue与jquey jQuery是使用选择器（$）选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象，而数据和界面是在一起的。比如需要获取label标签的内容：$("lable").val();,它还是依赖DOM元素的值。 Vue则是
阅读全文
摘要：一、浏览器的组成 1. 用户界面 － 包括地址栏、后退/前进按钮、书签目录等，也就是所看到的除了用来显示所请求页面的主窗口之外的其他部分 2. 浏览器引擎 － 用来查询及操作渲染引擎的接口 3. 渲染引擎 － 用来显示请求的内容，例如，如果请求内容为html，它负责解析html及css，并将解析后的
阅读全文
摘要：前端： $.ajax({ type: "POST", contentType: "application/json;charset=UTF-8", url: REQUEST_URL.SAVE_ITEM_DETAILS, async: false, data: JSON.stringify(itemDetails.itemDetailList), //JSO...
阅读全文