TB的Web空间-优快云博客

原创使用webpack搭建一个react项目目录

1.npm i webpack webpack-cli webpack-dev-server -g 全局安装webpack webpack-cli webpack-dev-server2.npm init初始化项目，创建package.json文件3.创建项目目录：build文件夹=>webpack.base.config.js/webpack.dev.config.js 按照不...

2019-02-28 17:13:58 453

原创关于时间戳与格式日期的转换

知道一月中某天时间戳，获取该月1日至30日时间戳function computeTime(time){ const y = new Date(time).getFullYear(); const m = new Date(time).getMonth()+1; return [new Date(y, m - 1, 1).getTime(),new Date(y, m, 0).ge...

2019-01-28 11:20:34 1325

转载微信小程序获取用户信息wx.getUserInfo（）用法调整

根据官网的提示，使用 button 组件，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息。以下将通过示例，演示如何通过该方法避免该问题。在进入index页面之前对用户进行引导授权。我们创建一个login页面。login.wxml内容如下：<button wx:if="{{canIUse}}" open-type="getUserInfo" bind...

2018-11-24 20:01:40 9282

原创 JS面向对象

特性：封装、继承、多态封装：将数据和对数据的操作集中在一起继承：一个类型的对象可以访问另一个类型对象的属性和方法多态：同一个方法作用于不同对象会有不同的结果原型对象：每一个构造函数都有一个原型对象，每一个原型对象都有一个指向构造函数的指针（constructor）；每一个对象实例都有指向原型对象的内部指针（__proto__）,原型对象上的属性和方法都能被实例所访问。封装:f...

2018-09-11 20:14:54 235

原创 Ajax技术与跨域请求（jsonp）技术

Ajax技术ajax：一种创建交互式网页应用的网页开发技术特点：局部刷新优点：异步模式，提高用户体验；优化了浏览器与服务器之间的数据传输，减少不必要的数据往返，减少带宽占用封装Ajax函数及详细介绍：//obj为一个对象，属性有type(数据请求方式get、post),url(后台处理地址),data对象(存放向数据库发送的信息),success函数(对返回的数据进行处理的函...

2018-09-09 16:01:38 200

原创 PHP基础知识梳理

数据类型布尔型（true，false）true在PHP中输出为1，false无结果String（字符串）, Integer（整型）, Float（浮点型）, Boolean（布尔型）, Array（数组）, Object（对象）, NULL（空值）变量声明使用$进行变量声明（例：$a = "hahaha"）;预定义变量：服务器变量：$_SERVER(保存头信息，路径，脚本位...

2018-09-03 21:55:07 250

原创 js自适应瀑布流

自己找一些宽度一样的图片插入就可以看到效果了<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ ma

2018-09-01 16:44:44 910

转载关于Js中this问题的小总结

1.全局作用域或者普通函数中this指向全局对象window（匿名函数具有全局作用域）//直接打印console.log(this) //window //function声明函数function bar () {console.log(this)}bar() //window //function声明函数赋给变量var bar = function () {cons...

2018-09-01 16:25:35 172

原创原生JavaScript实现竖直轮播图

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="日常封装函数.js" type="text/javascript" charset=&qu

2018-08-28 22:28:55 5123 1

原创原生JavaScript实现透明度轮播图

<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <script src="日常封装函数.js" type="text/javascript" charset="utf-8">&

2018-08-28 22:28:08 1596 3

原创原生JavaScript实现水平轮播图

<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <script src="日常封装函数.js" type="text/javascript" charset="utf-8">&

2018-08-28 22:25:39 704 1

转载 JS豌豆射手实现

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> img{ position: absolute; }

2018-08-26 17:23:56 1712

转载常用正则表达式

1。^\d+$　　//匹配非负整数（正整数 + 0） 2。^[0-9]*[1-9][0-9]*$　　//匹配正整数 3。^((-\d+)|(0+))$　　//匹配非正整数（负整数 + 0） 4。^-[0-9]*[1-9][0-9]*$　　//匹配负整数 5。^-?\d+$　　　　//匹配整数 6。^\d+(\.\d+)?$　　//匹配非负浮点数（正浮点数 + 0） 7。^(([0-9]...

2018-08-23 17:52:16 764

原创源生JS实现Div根据鼠标轨迹运动

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width: 30px; height: 30px; background: red;

2018-08-22 13:04:22 1457

转载源生JS写九宫格

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ display: flex; justify-content: center; ali

2018-08-22 13:01:24 1005

原创 CSS层叠样式表类型及选择符种类

CSS层叠样式表Cascading Style Sheets内部样式表：<style type="text/css"></style>(写在head标签中)外部样式表:<link rel="stylesheet" href="样式路径及全称" type="text/css"/> rel="

2018-07-21 20:39:26 1442

原创 HTML常见标签说明

1、标题<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>2、段落&

2018-07-21 19:36:04 2003

原创 HTML简单介绍

网页的组成：结构（html）、样式（css）、行为（行为）HTML（Hyper Text Markup Language）:超文本标记语言html标签书写格式：常规标签：<标记属性=“属性值” 属性=“属性值”></标记> 空标签：<标记属性=“属性值” 属性=“属性值”/> ...

2018-07-21 17:28:33 369

TB的Web