自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

遇见些有趣的人和事 明白些道理、足矣

  • 博客(48)
  • 问答 (5)
  • 收藏
  • 关注

原创 2020-10-02

Cannot read property ‘getFieldDecorator’ of undefined解决方法:不要直接写export default function PointExchangeContainer (props: FormComponentProps) {}而是写成:function PointExchangeContainer (props: FormComponentProps) {}export default Form.create()(PointExchang

2020-10-02 18:00:41 187

原创 正则表达式分组模式

正则表达式分组模式捕获组在正则表达式中,使用“()”进行分组,一对圆括号括起来的表达式就是一个分组。捕获组就是匹配到括号中的内容var reg = /(\?|&)name=[^&]*(&|$)/;像这样一个正则表表达式,捕获组中的内容就是括号匹配到的var _cuttent_url = www.baidu.com?name=4567&b=3456; ...

2018-10-12 20:02:42 3844

原创 H5如何拉起微信扫一扫

扫一扫功能项目开发中有很多场景需要拉起微信扫一扫,在这里主要记录下开发过程中遇到的一些问题,以及解决方案。仅供参考拉起方法官方的sdk文档关于使用方法写的很详细 http://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS-SDK%E6%8E%A5%E5%8F%A3 基本上对照官方文档的做法都能完成...

2018-03-19 10:57:22 13173

原创 sublime 插件安装

sublime由于其强大丰富的插件功能深受开发者的喜爱, 但是从官网上下载的编辑器多数不带 package control ,因此不能自由随意的安装插件。 每次换新电脑都要重新安装,因此记录下安装过程方便查阅。官方提供了两种安装方法: https://packagecontrol.io/installation#st3SimpleThe simplest method of installat

2017-08-01 11:32:53 328

原创 git多账户配置

生成秘钥第一个账户(github)1、在 gitbash上运行 ssh-keygen -t rsa -C “账户邮箱” 2、接下来会提示输入key的名字 默认名字为id_rsa .或者为了方便辨认重命名github_rsa 3、然后回车。 4、回车, ssh agent默认只读取id_rsa,为了让SSH识别新的私钥,需将其添加到SSH agent中 ssh-

2017-07-31 10:31:02 397

原创 Redux学习笔记

Redux的设计思想: 1、web应用是一个状态机,视图与状态是一一对应的 2、所有的状态,保存在一个对象里面Store的概念store是保存数据的地方,相当于一个容器。整个应用中只有一个store Redux提供createStore函数,用来生成storeimport { createStore } from 'redux';const store = createStore(fn);在

2017-03-07 18:31:10 361

原创 git无法关联远程仓库解决方法

问题:git无法关联到远程仓库,push失败 错误提示如下:$ git push -u origin masterThe authenticity of host 'github.com (192.30.253.113)' can't be established.RSA key fingerprint is SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLvi

2017-03-02 17:46:07 11037

原创 React学习笔记

凡是使用 JSX 的地方,都要加上 type=”text/babel”<script type="text/babel"> // ** Our code goes here! ** </script>ReactDOM.render 是 React 的最基本方法,用于将模板转为 HTML 语言 并插入指定的 DOM 节点 ReactDOM.render( <h1>Hello,

2017-03-01 18:13:49 272

原创 Js字符串常用操作总结

String类型String类型是字符串的对象包装类型,可以使用String构造函数来创建var stringObject = new String("hello world");1.字符方法charAt():以单字符字符串的形式返回给定位置的字符 charCodeAt(): 返回该位置字符的字符编码 是用于访问字符串中特定字符的方法,都接收一个参数,即基于0的字符位置。2.字符串操作方法con

2017-02-05 22:03:10 699

原创 Js数组总结

Array类型创建方式1.Array构造函数 var colors = Array(3);//创建一个包含3项的数组```2.数组字面量表示法数组字面量由一对包含数组项的方括号表示,多个数组项之间以逗号隔开。```var colors = ["red", "blue", "green"];```<div class="se-preview-section-delimiter"></div>##

2017-02-04 23:06:19 264

原创 AngularJS常用指令

AngularJS指令用于扩展HTML。ng-前缀的特殊属性ng-app:该指令启动一个AngularJS应用。ng-init:该指令初始化应用程序数据ng-model:该指令定义模型,该模型是变量在AngularJS使用ng-repeat:该指令将重复集合中的每个项目的HTML元素。angularjs表达式:数据绑定,由两个花括号{{}}组成,可以把数据绑定到HTML,类似javascr

2017-02-04 10:13:47 369

原创 JS深度克隆代码实现

js深度克隆js对象组成说对象的深度克隆之前,要先明白JS 中对象的组成。 以一句话说js中一切皆对象具体数据类型分为两种: - 原始数据类型 - 引用数据类型 原始数据类型:其中存储的是对象的实际地址。eg. number、string、boolean、还有两个特殊的null、undefined 引用数据类型:其中存储的是对象的引用地址。eg. array、fu

2016-10-05 13:41:03 7493 1

原创 元素的包裹性之css绘制三角形问题

由css绘制三角形说起我们知道利用css绘制三角形时利用宽高为0,border transparent等属性可以实现,示例代码如下:.div_parent{ width: 0; height: 0; border-color: #e8aeb8 #333 #ccc #666; border-style: s

2016-08-26 14:53:39 868

原创 hexo静态博客搭建与配置

搭建静态博客windows用户:git bash +node环境git安装在官网下载对应版本号安装即可git官网下载地址node环境安装32位node下载地址:32位安装包 64位node下载地址:64位安装包基本上点击下一步即可完成安装。 安装完成后cmd打开终端输入path查看环境变量中如果有nodejs、npm则表示已经安装成功node环境。Git表示git安装成功接下来就是hexo的安装

2016-08-24 09:50:38 2690 4

原创 angularjs--day2之实名认证页面

接到霸道指派任务:做一个非实名升若实名的公共接口实际上是为app做一个实名认证的页面和接口。并且可以留作以后他用页面初步如下:在新的分支上独立开发。 在前端页面显示部分没有什么难度,主要是调用一些写好的组件,再适当调调部分样式,做出来的大概这样子。 浏览器中显示的h5页面略有偏差具体功能代码实现方面:本地server端模拟返回数据: 规定返回接口为/h5/op_check_if_jump.js

2016-08-09 11:11:35 1223

原创 AngularJS学习笔记-day1

<div ng-app="myApp" ng-controller="myCtrl">名: <input type="text" ng-model="firstName"><br>姓: <input type="text" ng-model="lastName"><br><br>姓名: {{firstName + " " + lastName}}</div><script>var app =

2016-07-27 15:14:33 395

原创 初探FIS3

前端构建工具FIS3FIS3 的构建主要是通过用户设置,将构建结果输出到指定的目录。 不会修改源码。构建过程中对资源 URI 进行了替换,替换成了绝对 URL。就是相对路径换成了绝对路径内置语法一套前端编译工具,只要3项编译能力,就可以变得非常易用,代码可维护性瞬间提高很多。 - 资源定位 - 内容嵌入 - 依赖声明资源定位如图所示: 如何定位开发路径和部署环境: FIS3 的构建是

2016-07-22 13:55:31 1157

原创 理解JS函数中的参数

ECMAScript函数的参数与段多事语言中函数的参数有所不同。ECMAScript中的函数无所谓传几个参数和类型,解析器永远不会报错。 例如:function doAdd1(num1,num2){ alert(num1+num2); } doAdd1(10);//NAN doAdd1(30,20);//50解析器照样不会报错,只是如果传递一个参数计算出来的

2016-06-15 21:29:52 5333

原创 跨域技术JSONP

JSONP是JSON with padding(填充式JSON或参数式JSON)的简写,是用用JSON的一种新方法,在后来的Web服务中非常流行。JSONP看起来与JSON差不多,只不过是被包含在函数中调用的JSON如下:callback({"name":"Nicholas"});JSONP组成JSONP由两部分组成:回调函数和数据回调函数当响应到来时在页面中调用的函

2016-06-13 21:02:27 460

原创 Less和Sass

CSS预处理器css预处理器基本思想就是用一种专门的编程语言,为css增加了一些编程的特性,将css作为目标生成文件,然后开发者就只要使用这种语言进行编码的工作通俗来讲:“css预处理器用一种专门的编程语言,进行web页面样式的设计,然后再编译成正常的css文件,以供项目使用。css预处理器为css增加一些编程的特性,无需考虑浏览器的兼容性问题”下面介绍了常用的两种css预处理器Sass Sa

2016-06-11 16:06:13 6082

原创 如何查找域名对应IP地址?

在windows系统下如何查找域名对应IP地址?利用windows自带的命令提示框,首先windows+R打开命令提示框,输入cmd方法一:在命令提示框内输入ping+空格+域名地址如图,111.13.100.91即为www.baidu.com所对应的I地址方法二:输入nslookup+空格+域名地址address项则为该域名或二级域名指向的IP地址 addresses项则为该域名所对应IP地址(

2016-05-24 20:44:02 43220

原创 Web安全XSS&CSRF

XSS xss(Cross Site Scripting)跨站脚本攻击,发生在目标用户的浏览器层面上,当用户浏览器渲染整个HTML文档的过程中出现了不被预期的脚本指令并执行时,XSS就会发生本质含义:指攻击者通过“HTML注入”篡改了网页,插入了恶意的脚本,从而在用户浏览网页时,控制用户浏览器的一种攻击过程。 或者这样解释:还是一种“HTML注入”,用户的数据被当成了HTML代

2016-05-24 18:20:50 550

原创 响应式布局之媒体查询功能

实现响应式布局有很多方法:媒体查询功能:Media Queries就是其中之一media用来指定特定的媒体类型,例如屏幕(screen)和打印(print)和支持所有媒体介质的all如果要在head部分引用,形式如下: 当然还可以在中引用: @media screen{ 选择器{ 属性:属性值; } } 通

2016-05-11 19:52:00 8174

原创 居中显示and自适应布局

一、水平居中div给div设置一个宽度,然后添加margin:0 auto属性div{ width:600px; margin:0 auto;}设置块级元素的 width 可以阻止它从左到右撑满容器。然后你就可以设置左右外边距为 auto 来使其水平居中。元素会占据你所指定的宽度,然后剩余的宽度会一分为二成为左右外边距。不过,当浏览器窗口比元素的宽

2016-04-26 01:11:53 615

原创 关于清除浮动

上篇博客列举了浮动的几个栗子,并且说明了浮动布局带来的问题,那么如何解决呢,关于清除浮动,解决思路有两种:1.利用clear属性,清除浮动2.使父元素容器形成BFC先来看看如何利用clear属性清除浮动:语法:clear:both | left | right 具体方法:通过在浮动元素末尾添加一个空的标签例如: .child {

2016-04-22 17:44:52 535

原创 关于浮动

先来看看几个浮动的例子: float .div1{ width: 100px; height: 100px; background-color: red; } .div2{ width: 100px; height: 100px; background-color: green; } .div3{ width: 100

2016-04-22 16:19:27 3230

原创 从实现倒计时谈闭包

面试中在谈论闭包的时候有让实现一个倒计时功能,当时满脑子都是那个setTimeout压入栈不断输出循环尾数的例子,最后也是没有用闭包实现倒计时首先来看看那个在循环中不断重复输出的setTimeout代码片:var countDown = function(){ for(var i=10;i>0;i--) { setTimeout(function(){consol

2016-04-21 17:54:39 2436

原创 css3属性之border-radius

css3中有一个非常好用的新属性:border-radius用来实现圆角我们知道在网页中有很多图片样式棱角分明,如果为元素添加圆角属性看起来效果会更舒服border-radius是一个简写属性,它是由四个属性组成的:用于设置四个border-*-radius属性:border-top-left-radius: ;//左上角border-top-right-radius: ;

2016-04-19 23:52:47 809

原创 JavaScript垃圾回收机制

先简述一下JavaScript引擎内存分配的几种情况:1.objectnew Object();new MyConstructor();{a:4,b:5}Object.create();2.数组new Array();[1,2,3,4];3.字符串new String("hello hyddd");""+e.innerHTML +""4.函数对象var x

2016-03-22 17:26:16 1052

原创 事件捕获与事件冒泡

事件冒泡和事件捕获最初的产生是由于下面这种情况: click me~ 如果“div”和“p”都有一个事件点击函数,那么应该先执行哪一个呢?如果先执行inner就是事件冒泡,先执行outer就是事件捕获。而这两种完全不同的思想就是由著名的微软和网景提出来的!如果事件的发生顺序为:p-> div-> body-> html-> document就是事件冒

2016-03-20 11:41:24 330

原创 常见http状态码详解

以前有整理过一篇http状态码的博客,发现自己还是太单纯(哭),仅仅知道是远远不够滴~今天就来探探一些常见状态码其中深层次的含义~首先,HTTP超文本传输协议(HyperText Transfer Protocol).是一种发布和接收HTML页面的方法。通过HTTP或者HTTPS协议请求的资源由统一资源标识符标识(URL)Uniform Resource Identifiers

2016-03-18 19:53:38 744

原创 由浅及深js运动框架

推荐一个讲的超级详细完整的js运动框架例子点击打开链接

2016-03-14 20:55:06 286

原创 浅谈offsetleft与left系列的区别

在复习javascript运动框架的过程中,又遇到了offset属性,之前一直比较模糊的一个知识点,今天各方查阅资料总算有了一个比较清楚地认识,特来道一道其中真谛!首先来一段代码测试测试! 未定义 div{ width:100px; height:100px; border:5px solid red; background-color:gre

2016-03-14 20:47:55 8604

原创 js如何获取非行间样式

我们都知道,js不能直接获取样式表中的样式,例如width,left,只能直接获取行内样式,但是现在主流不建议写行内样式,因此我们封装一个可以直接获取非行间样式的函数 function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; } el

2016-03-14 20:44:40 4834

原创 浅谈Json解析与序列化

从头说起:首先的首先,什么是Json:一种数据表示形式,JSON:JavaScript Object Notation对象表示法Json语法规则:数据在键值对中数据由逗号分隔花括号保存对象方括号保存数组像这样:{ "firstName":"John" , "lastName":"Doe" }这样:{"em

2016-03-13 15:57:45 17270 1

原创 深入理解盒子模型

css盒子模型具备的属性:内容(content)、填充(padding)、边框(border)、边界(margin)每个盒子都有:边界、边框、填充、内容四个属性;每个属性都包括四个部分:上、右、下、左;这四部分可同时设置,当然也可以分别设置~记忆时可以将此想象为一个表,从12开始逆时钟旋转,所以属性设置的顺序便为上、右、下、左~并且当某一方向缺失时,会去对面找他

2016-03-12 14:32:11 767

原创 jquery添加中append和after的区别

首先假设我们有个id为test的div和一个id为test2的div: 我是测试div 我是test2!append是在指定元素内部比如:$("#test").append("测试文字");执行结果: 我是测试div 测试文字 我是test2!而after则是在指

2016-03-12 13:44:19 1440

转载 数据库的一些基本概念

转载自:点击打开链接1、超键、候选键、主键、外键超键:在关系中能唯一标识元组的属性集称为关系模式的超键。一个属性可以为作为一个超键,多个属性组合在一起也可以作为一个超键。超键包含候选键和主键。候选键:是最小超键,即没有冗余元素的超键。主键:数据库表中对储存数据对象予以唯一和完整标识的数据列或属性的组合。一个数据列只能有一个主键,且主键的取值不能缺失,即不能为空值

2016-03-11 20:14:55 360

转载 浏览器兼容性

要搞清楚浏览器内核是什么,首先应该先搞清楚浏览器的构成。简单来说浏览器可以分为 两部分,shell+内核。其中shell的种类相对比较多,内核则比较少。Shell是指浏览器的外壳:例如菜单,工具栏等。主要是提供给用户界面操 作,参数设臵等等。它是调用内核来实现各种功能的。内核才是浏览器的核心。内核是基于标记语言显示内容的程序或模块。也有一些浏览器并不区分外壳和内核。 从Mozilla将Geck

2016-03-11 19:48:43 469

转载 CSS书写规范

基本原则:CSS样式可细分为3类:自定义样式、重新定义HTML样式、链接状态样式。样式为设计师自定义的新 CSS 样式,影响被使用本样式的区域,用于完成网页中局部的样式设定。样式名 “.”+“相应样式效果描述的单词或缩写”例:“ .shadow ”;文字样式样式名“.no”+“字号”+“行距”+“颜色缩写”例:“ .no12 ” 、“ .no12-24 ”。义HTML样式为

2016-03-11 19:41:24 259

空空如也

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

TA关注的人

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