随笔分类 -  前端

轻松搞定JSONP跨域请求
摘要：一、同源策略 要理解跨域，先要了解一下“同源策略”。所谓同源是指，域名，协议，端口相同。所谓“同源策略“，简单的说就是基于安全考虑，当前域不能访问其他域的东西。 一些常见的是否同源示例可参照下表： 在同源策略下，在某个服务器下的页面是无法获取到该服务器以外的数据的。例如我们在自己的网站通过ajax去 阅读全文
posted @ 2018-07-30 17:24 _小董 阅读(17142) 评论(0) 推荐(4)
css-圣杯布局和双飞翼布局
摘要：【圣杯布局】 在这里，实现了左(200px) 右(220px) 宽度固定，中间自适应，container部分高度保持一致。 DEMO 稍微说明一下： html代码中 middle部分首先要放在container的最前部分。然后是left,right 1.将三者都 float:left , 再加上一个 阅读全文
posted @ 2018-07-29 14:15 _小董 阅读(251) 评论(0) 推荐(0)
简单透彻理解JSONP原理及使用
摘要：什么是JSONP 首先提一下JSON这个概念，JSON是一种轻量级的数据传输格式，被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现，所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。 那么JSONP是什么呢？ 首先抛出浏览器同源策略这个概念，为了保证 阅读全文
posted @ 2018-07-20 10:32 _小董 阅读(637) 评论(0) 推荐(0)
获取当前元素的位置
摘要：获取页面某一元素的绝对X,Y坐标，可以用offset()方法： var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 获取相对(父元素)位置: var X = $('#DivID').position().top; 阅读全文
posted @ 2018-06-27 09:29 _小董 阅读(635) 评论(0) 推荐(0)
最新的vue没有dev-server.js文件，如何进行后台数据模拟？
摘要：参照：https://blog.csdn.net/qq_34645412/article/details/78833860 最新的vue里dev-server.js被替换成了webpack-dev-conf.js 在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改 第一步，在 阅读全文
posted @ 2018-05-11 19:52 _小董 阅读(2966) 评论(0) 推荐(0)
最近用到的前端知识
摘要：1.行内元素： 水平居中：text-align:center; 垂直居中: line-height:(父元素的height); 2.块元素： 水平居中：a. 设置margin:0 auto; b.设置 position:relative/absolute/fixed;和left和margin-lef 阅读全文
posted @ 2018-04-09 22:23 _小董 阅读(122) 评论(0) 推荐(0)
页面刷新后表单里面input的元素不清空，怎么办？
摘要：有过表单设计经验的朋友肯定知道，当我们在浏览器中输入表单信息的时候，往往input文本输入框会记录下之前提交表单的信息，以后每次只要双击 input文本输入框就会出现之前输入的文本，这样有时会觉得比较方便，但有时也会暴露用户的隐藏数据，所以今天就教大家让input表单输入框不记录输 入过信息的方法。 阅读全文
posted @ 2018-04-09 21:47 _小董 阅读(1364) 评论(0) 推荐(0)
JS中获取页面单选框radio和复选框checkbox中当前选中的值
摘要：单选框：单选框的name值全部相同 页面有一组单选框的元素<td><input type="radio name="radioid">满意</td> <td><input type="radio" name="radioid">基本满意</td> var radio=document.getElem 阅读全文
posted @ 2018-03-06 20:11 _小董 阅读(258) 评论(0) 推荐(0)
bootstrap 模态框的关闭后，背景仍然是暗色的。
摘要：这个问题是两种写法不同造成的 第一种 $('#avatar-modal').modal('hide'); 这种写法模态框会关闭，并背景恢复。 第二种 $('#avatar-modal').modal().hide(); 这种写法，模态框会消失，但暗色背景仍然在。不能操作。 所以建议bootstrap 阅读全文
posted @ 2018-03-05 18:53 _小董 阅读(1388) 评论(0) 推荐(0)
关于“静态模态框没有显示出来”的解决办法
摘要：以下是Bootstrap文档中给出的“静态模态框”的实例 但是，运行之后，静态模态框并加载不出来，调查之后发现，需要加上以下代码： 这样就可以正常显示啦~~~ 阅读全文
posted @ 2018-03-05 18:40 _小董 阅读(513) 评论(0) 推荐(0)
undefind与null的区别
摘要：null表示"没有对象"，即该处不应该有值。典型用法是： （1） 作为函数的参数，表示该函数的参数不是对象。 （2） 作为对象原型链的终点。 undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是： （1）变量被声明了，但没有赋值时，就等于undefined。 （2) 调 阅读全文
posted @ 2018-03-05 16:16 _小董 阅读(384) 评论(0) 推荐(0)
JS---对象
摘要：一、对象的定义： 对象是JavaScript的一个基本数据类型，是一种复合值，它将很多值（原始值或者其他对象）聚合在一起，可通过名字访问这些值。即属性的无序集合。 二、对象的创建（多种方法） 1、对象直接量 / 字面量 2、构造函数： （1）、系统自带的的， eg： new Object(), Ar 阅读全文
posted @ 2018-03-05 15:17 _小董 阅读(186) 评论(0) 推荐(0)
JavaScript---函数
摘要：1、 函数的定义 function 函数名（参数列表） { 代码块 } -- 作者：111 -- 发布时间：2004-12-3 1:31:00 -- 2、 函数的调用 函数名（参数列表） 3、 javascript 的全局函数 （1） eval（字符串） 执行该字符串 （2） parseInt（字符 阅读全文
posted @ 2018-03-05 15:11 _小董 阅读(99) 评论(0) 推荐(0)
JS基本语法
摘要：web三层结构来说 结构层：HTML 从语义角度，描述页面结构 样式层：CSS 从审美的角度，美化页面 行为层：JavaScript 从交互的角度，提升用户体验 js:用来制作web页面的交互效果，提升用户体验 语法概述 一、JS引入3种的方式： 1.内嵌引入，但不建议 2.通过`<script a 阅读全文
posted @ 2018-03-05 15:08 _小董 阅读(281) 评论(0) 推荐(0)
bootstrap到底是用来做什么的（概念）
摘要：Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。 是一个做网页的框架（目前最流行的WEB前端框架），就是说你只需要写HTML标签调用它的类你就可以很快速的做一个高大上 阅读全文
posted @ 2018-03-02 20:25 _小董 阅读(6326) 评论(0) 推荐(0)
解决html中刷新页面后checkbox还选中的问题
摘要：今天在测试代码时候发现在电脑360浏览器和手机浏览器中的checkbox选中后，按f5刷新页面后checkbox还是选中的。 解决方法是：将 autocomplete="off" 这个配置在from上或者你的checkbox上。 <form autocomplete="off"> <input id 阅读全文
posted @ 2018-02-28 21:54 _小董 阅读(469) 评论(0) 推荐(0)