自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 JS学习笔记之再理解一等公民--函数(基础篇)

定义函数的方式两种方式: 1. 函数表达式let 变量名 = function [函数名]([形参列表]) { //函数体 }函数声明语句function 函数名([形参列表]) { //函数体 } 注:”[]”里的内容代表可选区别一:函数表达式可以是匿名函数,函数声明必须要有函数名 例1://函数表达式--匿名函数l...

2018-05-18 11:34:15 328

原创 JS学习笔记之由定时器引发的深入思考

前言感觉知识就像网贷,是个无底洞啊,本来只是在犀牛书上看到定时器的内容,只有一页而已,然而我却花了几周的时间来整理它,不过真的是学无止境,还有很多细节无法深入,大家一起学习进步吖~简单的栗子例1:setTimeout(() => { console.log('hello world')}, 0)function printStr(str) { co...

2018-04-12 12:44:56 149

原创 开始一个React项目(四)路由实例(v4)

前言在开始一个React项目(三)路由基础(v4)中我大概总结了一下web应用的路由,这一篇我会接着上一篇分享一些例子。简单的路由示例一个最简单的网站结构是首页和几个独立的二级页面,假如我们有三个独立的二级页面分别为:新闻页、课程页、加入我们,路由配置如下: index.js:import React from 'react'import ReactDom from '

2018-01-21 15:45:40 1725

原创 开始一个React项目(三)路由基础(v4)

前言react-router针对不同的使用场景衍生了不同的路由包,RN项目用react-router-native,web项目用react-router-dom。并且,不需要再重复引入react-router了。我搭建的是web项目环境,所以用的是react-router-dom。本节代码是基于开始一个React项目(一)一个最简单的webpack配置和开始一个React项目(二) 彻底弄

2018-01-21 15:44:22 506

原创 react-native运行ios报错总结

Cannot find entry file index.ios.js [index.android.js] in any of the roots网上一搜出现这个问题的人还挺多,解决方法就是: 项目路径下运行:npm start -- -reset-cache 再重新启动项目:react-native run-ios(run-android) 如果还是失败那么就在这里看看有没有解决方案NPM

2017-12-08 10:12:56 7691 1

原创 开始一个React项目(二) 彻底弄懂webpack-dev-server的热更新

前言webpack-dev-server配置热更新看起来很简单,但是实际上是有很多坑的,目前为止我没有搜到一篇深入讲解这个的,如果你觉得它很简单,那么或许等你看完这篇文章你会有不一样的看法。 由于HMR非常强大,本来这篇文章我是准备总结webpack-dev-server的,最后基本只总结了它的两个参数:inline和hot,其它的配置我会另外再写一篇文章讲解。模块热替换(Hot Module R

2017-12-07 21:43:11 17190 5

原创 React简单的分页代码实现(子组件向父组件传值)

前言分页其实本身很容易实现,我觉得完全没必要使用组件,这里总结一下我实现的分页组件,功能除了上一页和下一页,还有一个输入页码跳转到指定页。上一页和下一页还做了一个简单的判断,即当在第一页和最后一页时不能再点击。而输入页码也需要做判断。

2017-11-14 18:57:49 4525

原创 开始一个React项目(一)一个最简单的webpack配置

目前react搭配webpack使用就像豆浆配油条一样常见,我主要总结一下开始一个react项目需要安装的一些插件以及需要配置的webpack,比如支持JSX语法,ES6语法,打包js,支持eslint代码检查等等。

2017-09-08 10:45:56 16921

原创 React Native使用本地json模仿数据请求

在真正的网络请求来的时候,最好的方式是我们在本地使用跟网络请求回来类似的JSON文件,注意,这里不是读取JSON文件,不是用import xxx from './test.json'这种方式将JSON文件当成一个普通文件读入,而是要当做一个接口访问。其实实现方式很简单,我之前不知道React Native 是自己开启了一个本地服务器的,所以导致我一直解决不了这个问题,运行React Native它会开启一个本地服务

2017-09-08 10:38:22 2485

原创 React异步请求数据出现setState(...): Can only update a mounted or mounting component...

我们可能对一个没有装载的组件执行了setState()操作,这种情况会出现在callback中,我们的异步请求返回数据之前,组件可能就已经被卸载了,等数据回来再使用setState就会报出上面的警告,所以我们应该手动在componentWillUnmount里去取消callback在它被unmounting之前。

2017-09-08 10:36:22 2857

原创 react-native-viewpager踩坑记

react-native-viewpager是一个轮播图组件,最近有一个需求是有一个测试题页面,我第一反应是用一个轮播图组件,只是把轮播图替换成轮播视图,每个视图里面内容比图片复杂一些而已。。。然而,我只是这么想想,实际做起来还不知道会遇到什么坑,开始踩坑吧。npm install react-native-viewpager --save一开始就遇到一个比较坑的问题,我直接谷歌搜索react-n

2017-04-27 18:47:12 2344

原创 js的栈和队列基本算法

栈 栈是一种遵循LIFO(先进后出)原则的有序集合。 方法:push(elements):向栈顶添加元素。pop():从栈顶移除元素(好坑,栈顶是尾部,我被绕晕了。)使用类实现栈:function Stack() { var items = []; //添加一个或几个元素到栈顶 this.push = function(element) {

2017-03-01 17:23:17 459

原创 使用CSS3实现按钮特效

最近在慕课网上看到了一个按钮特效,觉得挺好看的,记录一下。 简单分析一下就是鼠标移入的时候有四条线分别从四个方向移入,横向的两条线宽度和位置发生变化,纵向的两条线高度和位置发生变化。

2017-01-09 11:26:47 2432

原创 如何实现网页左右两边盒子高度自适应布局

最近在做一个项目时,有一个页面左侧有导航栏,右侧是内容,由于右侧内容不确定,所以右侧盒子的高度是根据内容的多少自动变化的,而我希望左侧导航栏的高度可以根据右侧盒子的高度变化而变化,当然,如果你是希望右边盒子高度自适应于左边也可以的。刚好我在慕课网上学习的时候看到一个老师讲了这种方法,今天就分享一下这个方法。   要实现这个布局用到的属性有overflow,padding,margin。下面

2016-11-02 16:46:42 7771 1

原创 利用css绘制三条横线的菜单图标

今天在慕课网上学习padding属性时,老师利用padding,border,backgroud-clip等属性轻易的使用一个div绘制出了三条横线的菜单图标,像下图这样html代码很简单,就一句:然后我先说一下这个图是怎么得来的,上面和下面的线是div的border,中间的线是div的height,中间的height和border间的空白使用padding属性,这里要运用到一个很

2016-11-02 11:39:53 11949 1

原创 js验证邮箱的正则表达式

最近小小研究了一下正则表达式,觉得写正则表达式还挺有意思的。先想推荐一个网址,把正则表达式的基本语法都总结了,很不错。https://msdn.microsoft.com/zh-cn/library/ae5bf541(v=vs.100).aspx今天想自己试着写一下邮箱验证,这个其实网上已经很泛滥了,而且各种版本,各种不一样,我按照自己的理解写了一个。首先要先分析一下邮箱格式:第一部分

2016-08-26 18:48:14 2132

原创 Angular 出现Argument is not a function, got undefined报错

Angluar.js真的满满都是坑!!!!!最近在看的《AngularJs权威教程》,书上很多例子根本跑不了,我以为是我老眼昏花打错代码,去找作者的源代码发现还是运行不了,恩,就是版本问题,我知道这种东西大家都有版本问题可以理解的,可是不至于吧,差这么多吐槽完毕要说一下今天遇到的问题,我就想简简单单的用个控制器,一直报Argument  is not a function, got und

2016-08-17 14:48:34 6267 1

原创 JavaScript的作用域链

执行环境:所谓的执行环境是指变量或函数有权访问其他数据,比如在web浏览器中的全局执行环境就是window对象。每个函数都有自己的执行环境,当某个执行环境中的所有代码执行完毕后,该环境被销毁,保存在该环境中的变量或函数也随之销毁。了解到函数的执行环境后,也就明白作用域链了。作用域链:当代码在一个环境中执行的时候,会创建变量对象的作用域链,而作用域链的用途就是保证对执行环境有权访

2016-07-16 15:31:41 481

原创 css动画效果:实现鼠标移入菜单栏文字下出现下划线

菜单栏下划线动画 body{ margin: 0; padding: 0; } header{ width: 100%; height: 100px; background-color:#2D3E50; } header nav ul{ width: 50%; padding: 0; margin: 0 auto; }

2016-07-14 15:43:09 7243 1

原创 启动Tomcat闪退的问题

之前启动一直没有问题,今天配置conf/server.xml文件,把我要打开的文件更改了一下就发现它要闪退了!然后我去百度搜它闪退的原因,都说是环境变量没有配置好,可是我的是好的啊然后其实!!!问题根本没有那么复杂,是文件路径不能有中文!!我之前的路径是docBase="E:\实验室\cstz",把路径改一下,Tomcat就启动成功了

2016-06-22 18:02:11 478

原创 关于启动MongDB的mongod.exe文件闪退的问题

昨天学mongdb的时候,遇到了mongod.exe闪退的问题,解决办法很简单在你安装mongdb的盘的根目录下创建一个data文件夹,一定要在根目录下,比如我的mongdb安装在D:\Program Files下面的,你就在D:下创建一个新文件夹data,在data下再创建一个文件夹db,然后在mongdb的bin目录下再打开mongod.exe,就会出现下面的窗口其实这个就像Tomca

2016-06-21 20:21:09 14853 4

原创 初学Node.js,搭建Node.js运行环境

最近在学习Node.js,先简单总结一下Node的运行环境测试输出HELLO WORLD!首先去Node.js官网下载.msi文件 https://nodejs.org/en/直接安装就可以了,可以自定义路径。然后去配置环境变量,打开我的电脑-->高级系统设置-->环境变量-->用户变量,选择path变量编辑,将你的node安装路径复制下来粘贴到path变量里,注意两路径之间加分号隔开,

2016-06-20 09:19:53 5371

原创 如何使用github和git进行团队合作开发(队友和owner的仓库连接)

很重要的一步哈,在github上,如果你的项是public,那么任何人都可以clone你的项目到他的电脑,但是别人不能push自己的代码到你的仓库。你的队友肯定是要能修改这个工程的,我之前一直不知道怎么把队友和自己的仓库连接起来,很多人说的太模糊了,搞的我研究了半天。这里就要用SSH Keys了,队友需要在自己的电脑里生成一个ssh key,将公钥(id_rsa.pub)里的内容拷出来给你的owner,让他新建一个ssh key保存你的公钥,你自己不要新建一个ssh key去保存这个公钥。这一步做完了以后,

2016-03-16 10:54:25 25953 3

原创 git和github的基本使用

本文只是想总结一下基本的git和github连接,通过命令行能将本地的文件上传到github上。首先做一个准备工作就是在github上申请一个账号github注册账号在git bash下配置用户名和邮箱:git  config  --global  user.name  "username"git config  --global  user.email  "youremail

2016-03-14 10:36:10 744

原创 介绍几款Sublime Text的常用插件及用法(前端)

我上一篇介绍了Sublime Text插件的安装方法,今天想介绍我在用的几款插件,当然Sublime的插件是非常非常多的,我介绍的肯定不会那么多,因为今天我主要是介绍我用的插件的使用方法,有的安装上就可以用,有的需要一点小小的配置,还是超简单的啦。       我也不贴每个插件的下载链接地址了,因为照我上篇讲的方法1是完全不需要我们去下载这些插件的。(1)EmmetEmmet是快速编写

2016-01-26 16:35:55 4304

原创 Sublime Text插件安装方法

Sublime Text 如此强大的编辑器如果你还没开始用就太对不起它了,它最强大的就是插件了,每个插件一百多kb,实现的功能都让我惊叹啊!今天想讲一下插件的安装方法以及做前端很有用的常用插件。       它的插件安装方法有两种。        1.

2016-01-26 10:40:27 701

原创 jQuery Mobile加载外部文件的问题

使用jQuery Mobile的<a>标签加载外部文件时,由于框架默认只加载内容,所以该文件的样式文件或Js文件都加载不出来,此时需要给<a>标签添加rel="external"或data-ajax="false"属性,告诉框架对该页面从头加载

2016-01-22 13:04:50 1963

原创 用css3实现鼠标移入在原来的层上面显示另一个层的动画效果

演示效果      这是当鼠标移入会在原来的层上显示另一个层的动画,我这个页面里有很多项都需要用这个效果,之前我想用js来实现这个效果,不过弹出来的层的位置不好固定,特别是页面里有太多这个效果,而最麻烦的还是当窗口缩小时弹出的层会乱飘,后来我使用css3动画来实现,不仅在切换间很流畅有一些酷炫的动画效果,而且代码很简洁。   1. 首先在一个.container-detailed的盒子

2015-11-01 16:16:40 10482

原创 HTML如何在图片上添加内容(如文字,菜单栏,按钮等)

HTML如何在图片上添加内容    最近做的一个效果是网页头部有一张大图,菜单栏漂浮在图片之上。我看到网上讲的很简单,大致原理就是图片定为相对定位,文字定为绝对定位即可。不过我实现的并不顺利,花了几个小时才让菜单栏漂浮在图片上。以下是效果图。首先布好局:以下是代码:            nav{        width: 100%;

2015-09-26 16:46:07 63720 1

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