自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(210)
  • 收藏
  • 关注

转载 模板语法

1:2:3:attribute 绑定4:CSS类<div class="bad curly special" [class]="badCurly">Bad curly</div>5:样式绑定6:事件绑定7:双向数据绑定未完待续...

2018-10-22 19:34:11 3715

转载 管道

2:管道<p>The hero's birthday is {{ birthday | date:format | uppercase }}</p><button (click)="toggleFormat()">Toggle Format</button>export cla

2018-10-22 19:02:03 868

转载 angular用户输入

1:通过 $event 对象取得用户输入<input (keyup)="onKey($event)"><input (keyup)="onKey2($event)">TS文件 onKey(event: any) { this.values += event.target.value + ' | '; }

2018-10-22 13:38:38 468

原创 背景透明

style=“background-color: transparent;”

2018-10-17 23:21:20 2099

原创 ionic脚手架架构知识

1:首页显示内容更改2:跳转页面去掉底部的tab切换,及其配置返回按钮上的文字@NgModule({ declarations: [ MyApp, ], imports: [ BrowserModule, IonicModule.forRoot(MyApp,{ tabsHideOnSubPages: 'true', //隐藏全部子页面 tabs...

2018-10-11 13:12:10 532

转载 ionic的生命周期

1.1 ionViewDidLoad页面加载完成触发,这里的“加载完成”指的是页面所需的资源已经加载完成,但还没进入这个页面的状态(用户看到的还是上一个页面)。需要注意的是它是一个很傲娇的钩子,全程只会调用一次,即第一次进入页面时被调用,此后你无论怎样进进出出它都冷冷清清凄凄惨惨戚戚不再理你了。除非你把它的后台杀了,重新进入这个软件(在网页调试的时候按刷新也是可以的)。因此这个钩子适合你做...

2018-10-11 09:44:43 2528

原创 ionic安装和降低版本的方法

1:安装完cordova跟ionic友,在公司跟家里都碰到了创建项目的时候,下载失败的情况。解决办法,安装指定的ionic版本;安装以前先卸载以前的安装;卸载命令: npm uninstall -g ionic安装命令:npm install -g [email protected]:管理员身份运行CMD跟非管理员身份运行的区别...

2018-10-10 15:34:26 2204

原创 ionic路由push问题

1:低版本的this.navCtrl.push以后,某些页面无法更改地址栏的hash值,升级ionic后无果,最后通过手动改变hash值解决;history.go(-1);主动给不跳转路由的页面上改变路由;这样原生的返回键就没问题了...

2018-09-30 09:11:08 682

原创 遍历对象

1:使用Object.keys()遍历返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性)var obj = { a: 1, b: 2, c: 3 } //输出一个数组,数组元素是对象属性的集合 console.log(Object.keys(obj)); //['a','b','c'] ...

2018-08-19 18:06:01 19238

转载 匿名函数的调用方式+自执行函数

匿名函数的调用方式//1:报错 // function(x){ // return x // }(5); //2:不会执行 function foo(){ /* code */ }( 1 ); //3:匿名函数的第一中调用方式:正常执行 var aa = function(x){ return x }(5...

2018-08-19 10:21:06 3199

转载 闭包

原文链接:https://www.cnblogs.com/JIANGCHEN520/p/7118656.html 那么闭包的定义到底是什么了。大家一定要注意,不是说能够访问到其他作用域的变量就是闭包,这是很笼统的。准确来说,闭包是基于正常的垃圾回收处理机制下的。也就是说,一般情况一个函数(函数作用域)执行完毕,里面声明的变量会全部释放,被垃圾回收器回收。但闭包利用一个技巧,让作用域里面的变量,在...

2018-08-19 09:51:27 5167 2

原创 为什么0.1+0.2不等于0.3

https://segmentfault.com/a/1190000012175422但程序员在使用浮点数进行计算或逻辑处理时,不注意,就可能出问题。记住,永远不要直接比较两个浮点的大小:

2018-08-14 18:58:11 10998

原创 eval

eval() 函数计算 JavaScript 字符串,并把它作为脚本代码来执行。如果参数是一个表达式,eval() 函数将执行表达式。如果参数是Javascript语句,eval()将执行 Javascript 语句。console.log(eval("({a:1})")); //Object {a: 1}console.log(eval("{a:1}")); //1...

2018-07-30 18:40:37 12163

原创 JS中变量名和函数名重名

var x=12 var x=13 function x() { console.log(x) } console.log(x); //13 //err:x is not a function x()这个串代码执行完会报错 : a is not a function问题来了,为什么会报这个错误呢? 这里涉及到函数和变...

2018-07-30 17:54:24 2035

原创 create-react-app安装出错问题解决

直接上图 解决方法://换源npm config set registry https://registry.npm.taobao.org//配置后通过以下方法验证是否成功npm config get registry设置成功后,再次执行create-react-app,当然成功啦。 ...

2018-07-30 09:06:42 7056

原创 课件一:版本和下载

jquery的版本 1.X版本:兼容IE6-8浏览器,是目前PC端开发常用的类库; 1.9.3.min.js 1.11.3.min.js 2.X版本/3.X版本不支持IE6-IE8,目前市场上应用的特别少; 移动端开发一般我们都采用zepto.jsjquery的下载 1:jquery官网: 2:github可以下载JQ的源码进行学习和分析 3:百度...

2018-07-30 00:25:58 225

原创 vue中的ref,refs使用

比如我有这么一个需求:v-if=’condition ‘组件中有一个input,每次显示组件的时候,input获得焦点;我这么写this.condition = true;this.$refs.input1.focus();发现,this.$refs每次都是undefined; 问题原因:渲染组件需要时间,并且时间没有JS执行的快;所以获取不到 解决办法:第一种利用setTimeou...

2018-07-25 11:36:31 4552 1

原创 Request header field xfilesize is not allowed by Access-Control-Allow-Headers

一、问题:跨域请求中包含自定义header字段时,浏览器console报错。Request header field xfilesize is not allowed by Access-Control-Allow-Headers二、原因:包含自定义header字段的跨域请求,浏览器会先向服务器发送OPTIONS请求,探测该服务器是否允许自定义的跨域字段。如果允许,则继续实...

2018-07-08 19:12:46 3835 1

原创 跨域问题中的才cookie问题

1:你可能想要使用Fetch发送带有诸如cookie之类的凭证的请求。你可以在选项对象中将credentials属性值设置为“include”:fetch(url,{credentials:"include"})2:axios允许携带凭证axios.defaults.withCredentials=true...

2018-07-08 17:33:40 1776

原创 react中给函数传递参数

1: <input type="button" value='登 录' className='login-button' onClick={this.loginAjax.bind(this,'01')}/>

2018-07-07 16:26:28 13657 1

原创 redux实战

1:action跟reducers是在组建中通过装饰器连接起来的;在这个之前二者没有任何联系;第一部分:action——session.jsimport * as Types from '../action-types'import { toReg } from '../../api/home'let actions={ regiserFun(){ ...

2018-07-04 23:36:43 290

原创 输入事件

event.code是输入的字符值 event.keyCode是编码值(8,46删除; 32空格;48–57表示0-9)1:keydown事件:触发事件的函数中获取的输入框的值是本次输入前的值 2:keyup事件:触发事件的函数中获取的输入框的值是本次输入后的值...

2018-07-04 16:35:42 674

原创 Webstorm 设置背景图片

Sexy Editor

2018-06-28 23:03:41 8090 1

原创 JS设置样式

IE9以上,google,firefox支持document.getElementById('alert_wrap').style.setProperty('position', 'fixed')document.getElementById('alert_wrap').style.setProperty('margin-left', -tanchuWidth / 2)document.g...

2018-06-26 15:26:03 11365

原创 express中post接口实现

var express = require('express');var router = express.Router();//MD5加密,加密后的长度一致;不可逆;let crypto=require('crypto')//YsitChXZ0co41d7nYqFuAQ== 用某些网站可以解密// console.log(crypto.createHash('md5').update(...

2018-06-25 23:06:19 7158

原创 enementUI中form表单输入后回车的坑

项目中使用了elementU发现使用form表单组件,用户输入后,按‘enter’键后页面刷新;并且地址栏中的所有参数都丢失;首先全局禁用了enter键// 禁止enter键提交表单// document.onkeydown = function(event)// {// e = event ? event : (window.event ? window.event : n...

2018-06-25 17:57:04 862

原创 create-react-app中的注意事项

1:所有组件的中的this指的组件本身;所以window上绑定的所有属性跟方法必须用window方法调用;window方法不能省略

2018-06-22 20:57:55 1411

原创 ==

0为假即false空值也或空格也为falsefalse==false恒成立

2018-06-22 13:32:00 119

转载 滚动事件中的函数防抖,函数节流

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &

2018-06-21 17:58:12 3695

原创 express返回数据实现分页

var express = require('express');var router = express.Router();let lesson = [ { id: '1', title: 'react课程', type: 'react', imgurl: 'http://pic2.ablesky.cn/conten...

2018-06-18 18:03:50 4035

原创 react全家桶实战

Tab.jsimport React,{Component} from 'react'import {Link,NavLink} from 'react-router-dom'export default class Tab extends Component{ constructor(){ super() } render(){ ...

2018-06-17 08:13:44 4894

原创 立即执行函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> console.log('789456123')

2018-06-07 13:38:30 394

原创 a连接中的 target="_blank"警告问题

rel=’nofllow’大家应该都知道rel=’nofllow’的作用,它是告诉搜索引擎,不要将该链接计入权重。因此多数情况下,我们可以将一些不想传递权重的链接进行nofllow处理;例如一些非本站的链接,不想传递权重,但是又需要加在页面中的像 统计代码、备案号链接、供用户查询的链接等等。rel=’external’此属性的意思是告诉搜索引擎,这个链接不是本站链接,其实作用相当于...

2018-06-06 18:17:36 4921

原创 react路由使用二

项目结构如下: index.js代码吐下:import React from 'react';import ReactDOM from 'react-dom';import App from './App';import registerServiceWorker from './registerServiceWorker';ReactDOM.render(<App ...

2018-06-04 22:33:45 967

原创 react路由使用

1:插件添加 cnpm install react-router-dom -S2:app.js书写import React, { Component } from 'react';//路由的2种形式: hash(HashRouter) , H5的historyApi(BroswerRouter)是路由的容器,是组件,要包在路由的外面import { HashRouter ...

2018-06-04 19:08:45 8897

原创 1.3网络基础 TCP/IP

1:通常使用的网络(包括互联网)是在TCP/IP协议族的基础上运行的。而http属于它内部的一个子集;2:计算机与网络设备要相互通信,双方就必须基于相同的方法,比如:如何探测到通信设备,由哪一边先发起通信、使用哪种语言进行通信、怎么结束通信等规则都需要事先确定;不同的硬件,操作系统之间的通信,所有的这一切都需要一种规则;我们把这种规则成为协议;3:协议中存在各种规则:从电缆规格到IP地址的...

2018-04-16 23:12:27 162

原创 iframe

项目需要:iframe引用子页面(子页面跟父页面的主域名相同,二级域名不同的情况); 主页面:使用vue-cli脚手架启动项目,<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=devic

2018-04-13 18:29:00 153

原创 iframe使用

主页面<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=

2018-04-10 00:51:24 2698

转载 一码付

支付宝浏览器信息如下:(AlipayClient) 微信浏览器信息如下:(MicroMessenger)

2018-04-02 15:32:21 1422

原创 IOS中input键盘事件keyup 的兼容解决办法

用input监听键盘keyup事件,在安卓手机浏览器中是可以的,但是在ios手机浏览器中很慢,用输入法输入之后,并未立刻相应keyup事件。解决办法:在ios设备上可以用html5的input事件去代替keyup。...

2018-03-23 10:15:56 3275

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除