Crazy_Oranges-CSDN博客

转载九种跨域方式实现原理（转）

一、什么是跨域？1.什么是同源策略及其限制内容？同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到 XSS、CSFR 等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个 ip 地址，也非同源。同源策略限制内容有： Cookie、LocalStorage、IndexedDB 等存储性内容 DOM 节...

2019-02-14 16:38:39 223

原创 jquery-遍历的使用学习。

1.is()遍历 is() 根据选择器、元素或 $对象来检测匹配元素集合，如果这些元素中至少有一个元素匹配给定的参数，则返回 true。与其他筛选方法不同，.is() 不创建新的 jQuery 对象。相反，它允许我们在不修改 jQuery 对象内容的情况下对其进行检测。举个栗子：向 <ul> 元素添加 click 处理程序，然后把代码限制...

2018-09-21 15:37:28 189

原创低版本IE运行HTML5+CSS3、Media Query的解决方案

条件注释：<!DOCTYPE html><!--[if IE 7 ]> <html class="ie7" lang="en"&g

2018-08-31 01:07:56 260

原创用原生JavaScript造轮子（2）——密码框

一个类似支付宝/微信支付时候的密码输入框，这种输入框需要判断很多，只能输入数字，并且从第一位输入，如果输入字母会不显示（也就是没输入，为空，直到输入数字才可以），第一位输入完成之后光标进入第二位，以此类推，并且删除又要从输入的最后一位开始删除，不能指定某个位置来进行删除...具体效果：效果用于手机端最佳，样式可修改。html代码：<body> ...

2018-08-29 23:43:58 277

原创常用Jquery ajax, Axios, Fetch请求区别

1 JQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});是对原生XHR的封装，除此以外还增添了对JSONP的支持。缺点：本身是针对MVC的编...

2018-08-29 13:08:17 297

原创前端JS的加载方式？JS的异步加载

　　过多js加载会影响页面效率，一旦网速不好，那么整个网站将等待js加载而不进行后续渲染等工作。有些工具方法需要按需加载，用到再加载，不用不加载。默认正常模式下，JS是同步加载的，即优先加载JS，只有当JS文件下载完，dom和css才开始加载，当某些时候我们需要JS异步加载，我们可以设置异步加载。不同情况下选取不同方式即可。一：同步加载我们平时使用的最多的一种方式。<sc...

2018-08-29 02:05:02 908

原创前端学习—http协议

HTTP简介HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW）服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。HTTP是一个属于应用层的面向对象的协议，由请求和响应构成，是一个标准的客户端服务器模型。HTTP是一个无状态的协议适...

2018-08-27 18:05:28 618

原创 5步学会Vue页面级路由传参。

例子：点击4个元素跳转到内容数据不同的页面。思路：通过点击事件，传递一个参数给服务器，服务器（模拟服务器）根据传递过来的参数，动态请求数据，将数据绑定到接口，供子组件渲染。步骤1：给a添加点击事件，触发方法send（n），设置跳转页面并传递id=n步骤2：page页面接收传送过来的id，处理数据，并返回数据：数据放到接口，给子组件动态渲染。步骤3：配...

2018-08-04 15:28:48 447 1

原创 CSS清除浮动的几种方法

1，父级div定义 height 原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。优点：简单、代码少、容易掌握缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题建议：不推荐使用，只建议高度固定的布局时使用 2，...

2018-08-03 17:53:12 253

原创数组去重的几种方法

1.遍历数组法最简单的去重方法，实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在数组的方法“indexOf”是ECMAScript5 方法，IE8以下不支持，需多写一些兼容低版本浏览器代码，源码如下：// 最简单数组去重法function unique1(array){ var n = [ ]; //一个新的临时数组 //遍历当前...

2018-08-03 14:27:15 227

原创给网站中图片实现一个懒加载的方法

大部分网站，都会给部分文章图片或者封面图片添加一个懒加载效果，从而减少一次性向服务器进行大量请求。懒加载：首先将图片的src链接设为同一张图，并将其真正的图片地址存储在img标签的自定义属性中。当js监听到该图片元素进入可视窗口时，即将自定义属性中的地址存储到src属性中，达到懒加载的效果。顾名思义，简单理解就是当页面打开，首先所有数据引进来的图片先不显示，所有图先加载自己指定的某一张图...

2018-08-03 14:17:35 1617

转载用Vue2+webpack+node开发一个H5 app

一个复杂一点的完整的例子，项目名： ONE简介:这是一个使用vue仿的[ONE.一个]app,纯粹学习而已。用到的技术vue2 + vue-router + vue-resource + webpack + express + Node爬虫后台接口数据用express 搭建的后台，除了图文、阅读、音乐页面的列表是读取的本地json文件外，首页以及其他详情数据都是用爬虫爬取得[...

2018-08-03 14:06:25 312

转载 javascript原型到原型链

构造函数创建对象我们先使用构造函数创建一个对象：function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // Kevin在这个例子中，Person 就是一个构造函数，我们使用 new 创建了一个实例对象 person。很简单吧，接下来进入正题...

2018-08-03 11:38:23 194

转载深入了解let 和 const

块级作用域的出现通过 var 声明的变量存在变量提升的特性：if (condition) { var value = 1;}console.log(value);初学者可能会觉得只有 condition 为 true 的时候，才会创建 value，如果 condition 为 false，结果应该是报错，然而因为变量提升的原因，代码相当于：var value;if...

2018-08-03 11:33:40 279

转载用原生JavaScript造轮子（1）——分页器、(vue插件版本)

日常工作中经常会发现有大量业务逻辑是重复的，而用别人的插件也不能完美解决一些定制化的需求，所以我决定把一些常用的组件抽离、封装出来，形成一套自己的插件库。JavaScript模块化要开发一个JavaScript的插件，首先要从JavaScript的模块化讲起。什么是模块化？简单的说就是让JavaScript能够以一个整体的方式去组织和维护代码，当多人开发时可以互相引用对方的代码块又不...

2018-08-03 11:06:11 567

原创从0开始使用express框架开发

使用express框架开发安装：（5个步骤）1、webstrom安装： ‘文件’—new project—nodejs express app创建。会直接创建项目文件夹。（设置项目路径，不要使用最新版本，设置为Jade，plain.css）. 非webstrom手动安装： 1.输入 npm install expre...

2018-07-21 17:19:40 336

原创以大见小，从了解MVC，MVP，MVVM 开始学习前端。

不要再脱口而出mvc、mvvm设计模式......我们很多程序猿往往把框架模式和设计模式混淆，认为MVC是一种设计模式。实际上它们完全是不同的概念。---------------------------------------------------------------------------------------------------------框架通常是代码重用，而设计模...

2018-07-21 16:40:27 475

Crazy_Oranges的博客