TB的Web空间-优快云博客

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

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

2019-02-28 17:13:58 485

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

知道一月中某天时间戳，获取该月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 1339

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

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

2018-11-24 20:01:40 9343

原创 JS面向对象

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

2018-09-11 20:14:54 248

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

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

2018-09-09 16:01:38 215

原创 PHP基础知识梳理

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

2018-09-03 21:55:07 263

原创 js自适应瀑布流

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

2018-09-01 16:44:44 937

转载关于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 183

原创原生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 5161 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 1612 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 733 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 1736

转载常用正则表达式

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 795

原创源生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 1477

转载源生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 1027

原创 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 1465

原创 HTML常见标签说明

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

2018-07-21 19:36:04 2038

原创 HTML简单介绍

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

2018-07-21 17:28:33 380

TB的Web