- 博客(107)
- 收藏
- 关注
RSS订阅原创 闭包的问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script&
2018-07-10 23:21:29
142
原创 JS 函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script&
2018-07-10 14:47:49
196
原创 vue--练习（登录demo）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src='jquery.min.js'></script>
2018-06-28 20:38:19
1102
原创 react-router 路由嵌套 以及路由无限循环
App.js:import React, { Component } from 'react';import { BrowserRouter as Router, Route, Link } from "react-router-dom";import './App.css';//定义组件的三种方式// 1class Home extends Component{ render(){...
2018-06-25 09:14:13
3406
原创 react -- router 使用（1）
create-react-app脚手架所建文件的App.js中进行书写相关代码：APP.js:import React, { Component } from 'react';import { BrowserRouter as Router, Route, Link } from "react-router-dom";import './App.css';//定义组件的三种方式// 1c...
2018-06-25 09:12:22
283
原创 正反面特效 CSS
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style> .outNode{width: 200px;height: 200px;position: abs
2018-06-23 07:56:22
886
原创 react--仿百度搜索（jQuery--jsonp）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>react--父子组件通信</title> <script src='react.js'>&
2018-06-18 18:57:02
637
原创 react--仿百度搜索（原生jsonp）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>react--父子组件通信</title> <script src='react.js'>&
2018-06-18 18:38:10
704
原创 react ---选项卡
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>react--父子组件通信</title> <script src='react.js'>&
2018-06-18 17:39:48
1169
原创 react--烧水demo（利用组件传值实现）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>react--父子组件通信</title> <script src='react.js'></script&
2018-06-17 21:47:19
247
原创 react小demo----烧水（函数与jsx结合）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>react--父子组件通信</title> <script src='react.js'></script&
2018-06-17 21:05:43
339
原创 react---子组件向父组件传值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>react--父子组件通信</title> <script src='react.js'></script&
2018-06-17 20:35:16
2052
原创 react---父组件向子组件传值以及组件复用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>react--父子组件通信</title> <script src='react.js'></script&
2018-06-17 20:17:08
3006
原创 react--表单与交互
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>React表单与交互</title> <script src='react.js'></script>
2018-06-15 17:33:20
858
原创 react---组件的生命周期
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src='react.js'></script>
2018-06-15 16:39:04
182
原创 PHP和JS获取所传参数以及所传参数个数
1.PHP中：代码：function show(){ //获取所传的参数，以数组形式返回 $arr = func_get_args(); //获取所传参数的个数，返回整数 $num = func_num_args(); echo '<pre>'; print_r($arr); echo '</pre>'; echo $num; } sho...
2018-06-15 16:07:24
333
原创 react---双向数据绑定的实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>react的双向数据绑定</title> <script src='react.js'></script&g
2018-06-14 17:08:41
1720
原创 原生JS实现拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原生JS--drag</title> <style> *{ margin:0; padding:0; }
2018-06-14 16:39:02
294
原创 react---拖拽组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>drag--react</title> <script src='react.js'></script>
2018-06-14 16:02:50
6085
原创 react--- 加减数字框组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>react</title> <script src='react.js'></script> &am
2018-06-14 10:41:34
4672
1
原创 react组件---数字时钟
1.需要引入的文件：<script src='react.js'></script><script src='react-dom.js'></script><script src='babel.min.js'></script>2.HTML结构：<div id='example'></div&
2018-06-14 10:17:35
1405
1
原创 清除字符串前后的空格
函数：function strTrim(str){ if(!String.prototype.trim){ return str.replace(/^\s+/,'').replace(/\s+$/,''); }else{ str.trim(); } }调用：console.log(strTrim(' a b c ')...
2018-06-14 09:25:05
5580
原创 在10-100之间随机抽取10个数并进行排序
1.在某一范围随机抽取一个数字： function getRandom(start,end){ var choice = end - start + 1; return Math.floor(Math.random()*choice + start); }注意：start和end分别为区间的起始值和结束值。2.定义一个数组在10-100之间随机抽取十个数： ...
2018-06-14 09:18:47
7428
1
原创 对字符串中的特殊字符进行转义
函数： function escapehtml(str){ return str.replace(/[<>&" ]/g,function(match){ switch(match){ case '<': return '&lt;'; case '>': retur...
2018-06-14 09:10:56
4445
原创 将日期转化为YYYY-MM-DD形式
1.函数： function getToday(){ //获取当前的日期 var d = new Date(); //获取年 var year = d.getFullYear(); // 获取月份(注意月份是从0开始，需要修正) var month = d.getMonth() + 1; month = month<10?...
2018-06-14 08:48:40
3099
原创 将字符串转变为小驼峰式写法 （first-name ->firstName）
1.方法一：function change(str){ var str = str.replace(/-(\w)/g,function($,$1){ return $1.toUpperCase(); }); return str;}2.方法二：function change(str){ var arr = str.split('-'); var ...
2018-06-14 08:41:40
3289
原创 react 组件，props传值，state状态
1.需要引入的文件：<script src='react.js'></script><script src='react-dom.js'></script><script src='babel.min.js'></script>2.代码：html：<div id='example'></div&
2018-06-12 19:31:39
1488
原创 react---jsx语法
1.引入的文件：<script src='react.js'></script><script src='react-dom.js'></script><script src='babel.min.js'></script>2.代码：HTML：<div id='example'></div&g
2018-06-12 19:00:19
303
原创 用PHP实现九九乘法表
1.九九乘法表 for 实现：for($i=1;$i<10;$i++){ for($j=1;$j<=$i;$j++){ echo $i.'*'.$j.'='.$i*$j.'&nbsp;&nbsp;&nbsp;'; } echo '<br />';}2.九九乘法表 while 实现：$m = 1;while($m<...
2018-06-12 15:00:52
14825
原创 php 学习笔记2
1.类型判断函数：<1>gettype()gettype(变量名)返回值为字符串，可用echo输出.<2>精确类型判断：
2018-06-11 20:12:42
123
原创 PHP学习笔记1
1.PHP简介：<1>什么是PHP文件：PHP 文件能够包含文本、HTML、CSS 以及 PHP 代码PHP 代码在服务器上执行，而结果 以纯文本返回浏览器PHP 文件的后缀是 ".php"<2> PHP的作用：PHP 能够生成动态页面内容PHP 能够创建、打开、读取、写入、删除以及关闭服务器上的文件PHP 能够接收表单数据PHP 能够发送并取回 cookiesPHP 能够...
2018-06-11 19:42:29
203
原创 将URL地址栏中的查询字符串转变为对象的形式
函数：function parseObject(url){ var obj = {}; if(url.indexOf('?')!==-1){ var url = url.substring(url.indexOf('?')+1); }else{ return ; } var arr = url...
2018-06-11 17:46:25
2841
原创 gulp工作流---js的合并，压缩，混淆：
2.js的合并，压缩，混淆：src/scripts/demo1.js文件：src/scripts/demo2.js文件：压缩过后dist/scripts/all.js文件：处理结束后的目录结构：
2018-06-10 08:39:20
3623
原创 gulp工作流
1.创建一个gulp文件夹。2.在该文件夹中npm init 生成一个package.json文件。3.在该文件夹下 npm install gulp --save-dev,安装一个gulp包.4.新建一个gulpfile.js文件作为主文件，在该文件中编写任务。此时的目录结构：5.在gulpfile.js中注册我们的任务：<1>less文件的编译，压缩：执行后的目录结构:styles...
2018-06-09 22:03:22
309
原创 Boolean(),Number(),String()类型转换规则：
1.Boolean():2.Number():一元＋运算符与Number（）效果相同。3.String():''+值的结果与String（）相同。
2018-06-09 18:33:28
3728
1
原创 gulp 学习笔记
1.Gulp简单介绍：gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件...
2018-06-08 20:05:58
237
原创 JS中==和===的区别
1.==会进行隐式的类型转换。2.===比较的对象需要类型和值都相同才能返回true。详细说明==的隐式类型转换：1.null和undefined不进行类型转换，直接返回true。2.判断有没有NaN，若有直接返回false。（NaN和任意值都不相等，包括它本身）3.null和undefined与其他任何非null和undefined类型的值进行比较，不进行类型转换，直接返回false。4.原始值...
2018-06-06 20:37:11
110
原创 Git 学习笔记 2 （完结）
1.git分支操作：<1>git branch :查看当前文件的所有分支。<2>git branch 分支名：创建一个分支。<3>git checkout 分支名：切换到某个分支。注意：1.此时只是在本地创建了一个分支，并没有同步到远端，如果想同步到远端的GitHub上则需执行以下命令：git push -u origin 该分支名2.此时如果对本地的文件做修...
2018-06-06 20:18:29
138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人