Aliguagua-CSDN博客

原创 CORS 跨域

CORS 跨域对于跨域问题，我之前只知道jsonp的解决方案，这周改版了一个很复杂的H5页面，让我接触到了另一种解决跨域的方案——CORS。刚开始还是一脸蒙蔽的，然后马上联想到了之前使用koa2的时候用过koa2-cors这个模块，当时也是解决跨域问题的，这两个应该是一样的吧。查阅资料后发现是不一样的东西。看了阮一峰老师的跨域资源共享 CORS 详解这片文章后，对CORS有了新的认识，原...

2018-06-10 23:42:37 1144

转载判断页面中的图片是否加载完成

判断页面中的图片是否加载完成有时候需要在页面一开始就获取图片的高度进行一些操作，有个问题就是在获取图片高度的时候图片还没有完全加载完成，这样获取的图片高度是0。所以需要在获取图片高度之前判断一下图片是否加载完成。如果只要监听一张图片，可以使用onload$('img').load(function(){ // 加载完成 });如果有很多图片需要一起箭筒的话上面的方法...

2018-05-27 17:43:59 576

原创 jQuery jsonp跨域请求

jQuery jsonp跨域请求浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。1、什么是同源策略源就是{协议，主机，端口}定义的。只有这些值完全一样才认为两个资源是同源的。看个例子：给出一个对比的URL：http://www.example.com/dir/page.html如果要在js中发起跨域请求，则要进行一些特殊处理了。解决跨

2018-01-07 22:05:21 391

React Native – JSX 语法字面上来看JSX即 JavaScript XML取首字母结合，所以JSX并不是一门新语言，仅仅是个语法糖。React发明了JSX，React的核心机制之一就是虚拟DOM，可以在内存中创建虚拟DOM元素。React利用虚拟DOM来减少对实际DOM的操作从而提升性能。利用HTML语法来创建虚拟DOM，JSX语法会通过Babel转换成浏览器认识的JS。看个例子，

2018-01-07 20:10:00 828

原创 :before与:after

:before与:after:before与:after是css2中的伪类，::before与::after是css3中的伪元素。平时使用伪类比较少，伪类有时候使用还是挺方便的。1、:before与::before的区别:befor是Css2的写法，::before是Css3的写法，css3为了区分伪类和伪元素，伪元素采用双冒号写法。:before的兼容性要比::before好，如果网站只需要

2017-12-24 21:09:01 1224

原创 html 文字、图片水平无限滚动

html 文字、图片水平无限滚动经常在淘宝、京东的app页面中看见水平的广告轮播和中奖信息的轮播。我知道的实现这种无限滚动效果的方法有三种：使用CSS3样式实现使用js实现marquee标签（好像不推荐使用了，我没用过，百度可以找到挺多相关博客的）1.方式不管是用css实现还是js，实现方式是差不多的。为了让无限循环滚动时内容衔接更好一点，滚动内容会有两份一模一样的，大概步骤如下： 2.C

2017-12-16 21:24:55 22379 4

原创 js正则表达式

js正则表达式平时写代码的时候感觉正则表达式使用地不多，要验证邮箱、手机之类的话，我基本都是百度搜索的。但是，有时要使用特定场景的正则的时候，虽然感觉很简单但我自己又写不出来，百度又搜索不到我想要的正则，这时就感觉挺尴尬的。我这里记一些笔记。1. 创建正则表达式字面量方法var reg = /abc/g;构造函数var reg = new RegExp('abc', 'g');第一种比较常用

2017-12-10 22:13:46 304

原创 display:table-cell布局

display:table-cell布局display:table-cell指让标签元素以表格单元格的形式呈现，使元素类似于td标签。IE8+及现代版本的浏览器都支持此属性，IE6/7不支持（可用其他方法实现类似效果）。同样，display：table-cell属性也会被float，position：absolute等属性破坏效果，所以尽量避免同时使用。CSS display属性的表格布局相关属性的

2017-12-04 23:20:15 9515 1

原创 img标签 onerror事件

img标签 onerror事件有时在img标签src中的图片是不存在的，页面上就会显示一张空的图片，挺难看的。这是可以在img标签中加上onerror事件，当图片的src访问不到是就会调用onerror事件，在时间中将src的连接更改为默认显示的图片。如果默认显示的图片也不能正常访问，这时又会调用onerror事件，一直循环，直到浏览器报内存什么的错误。解决这个问题需要设置img.onerror =

2017-11-25 22:23:51 1065

原创 localStorage存储

localStorage存储localStorage的api：localStorage.setItem(key,value); // 保存数据localStorage.getItem(key); // 读取数据localStorage.removeItem(key); // 删除单个数据localStorage.clear(); // 删除所有数据localStorage.key(index

2017-11-25 21:48:13 421

原创 js函数节流和去抖动

搜索框下拉提示–js函数节流和去抖动1.搜索框的事件监听前几天做了一个类似百度的那种自动提示的搜索框，需要动态监听输入框值变化。使用onkeydown、onkeypress、onkeyup这些事件监听的话，是无法监听鼠标右键的复制、剪贴和粘贴操作的。使用oninput事件是可以解决鼠标右击操作的，但是oninput事件不完全兼容IE9，这时可以再绑定IE 特有的 onpropertyc

2017-11-25 18:09:31 6862

原创 git学习笔记

git学习笔记之前很少接触git，对git的命令不熟悉，每次上线的时候都是挺怕的，特别是分支合并方面。这里我记录常用到的命令。1.创建版本库git init这个命令会创建一个空的仓库，目录里面会多出一个.git的目录，这个目录是Git来跟踪管理版本库的，不要更改里面的文件，会破坏git仓库的结构的。2.从远程库克隆git clone git@github.com:DDXG638/DDXG638.gi

2017-11-19 22:27:18 244

原创 React Naive编写holle wrode

1.初始化RN项目搭建好React Native开发环境后（安装好Python 2、Node、react-native-cli、Android SDK等），就可以创建一个RN项目了在目录中输入命令：react-native init demo就可以创建项目名为demo的项目了，创建时下载的东西比较多，网速慢一点的话可能会慢一点。这样就创建了最新版本的RN项目，如果初学的话不需要安装最新的版本，有两种

2017-11-12 23:40:26 748

转载 react native踩坑记（创建指定的React-Native版本）

创建指定的React-Native版本刚刚开始学习React Native，很多都不懂，搭建环境的时候遇到了挺多问题的，一直在折腾。我是按照React Native文档来搭建环境的，安装react-native-cli使用的是下面的命令。npm install -g react-native-cli安装完之后创建了一个项目test，发现react-native的版本是最新的0.50.1，这个版本目录

2017-11-05 21:45:45 9224

转载 Flex布局

Flex布局正在实习web前端，写页面的时候，我比较不会写有垂直居中的布局，就感觉我不是很专业，每次都要调调这里调调哪里，有时甚至要调很久才会达到我想要的结果。Flex布局我之前就了解过，在做一个移动端的页面的时候简单地使用过，它在实现垂直居中的问题上还是挺方便的。先看一下兼容性吧： IE的兼容是不太好的，11一下的都gg了Flex布局的基本概念flex 的核心的概念就是容器和轴。容器包

2017-10-29 22:47:21 530

原创利用url中的hash来实现页面的跳转

利用url中的hash来实现页面的跳转1. 使用hash有时会看到有些网页的url上会有#这种符号，当时我没怎么在意，后来学vue的路由时候，都会看见这个#，#和#后面的字符串就是url的hash值，可以通过这个hash来进行页面的跳转。获取url中的hash：http://www.bbbb.com#hashstrwindow.location.hash //#hashstr改变hash：win

2017-10-15 23:24:09 7739 3

转载 flex布局很好解决元素居中问题

寻根溯源话布局一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存在 float: center 的写法，那么 text-align: center、verticle-ali

2017-10-08 22:26:44 33337

原创 AngularJS入门笔记

AngularJS 入门学习[1]主要参考：https://www.w3cschool.cn/angularjs/angularjs-tutorial.html版本是1.4的服务（Service）在 AngularJS 中，服务是一个函数或对象，可在你的AngularJS 应用中使用。 AngularJS内置了30多个服务1. $location 服务它可以返回当前页面的 URL 地址,lo

2017-09-24 18:05:15 392

原创 Anguar入门--开发环境的搭建

Anguar入门–开发环境的搭建下周将会接触评审团后台页面，使用的是框架是angular，之前没有学过这个框架，现在赶紧补一下，避免下周什么都不懂。Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键步骤一：设置开发环境安装node.js和npm 之前使用过vue，这

2017-09-17 15:48:14 583

Aliguagua的博客