可芭乐-CSDN博客

原创 es6（对象的扩展）

属性的简洁表示法ES6 允许直接写入变量和函数，作为对象的属性和方法const foo = 'bar';const baz = {foo};baz // {foo: &amp;quot;bar&amp;quot;}// 等同于const baz = {foo: foo}; ==》简写：const baz1 = {foo};属性名为变量名, 属性值为变量的值，属性名总是字符串function f(x, ...

2019-01-09 23:19:09 399

原创 es6（函数的扩展）

函数参数的默认值基本用法ES6 允许为函数的参数设置默认值（即直接写在参数定义的后面）function log(x, y = 'World') { console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '') // Hello函数参数变...

2019-01-09 23:00:37 279

原创 es6（数组的扩展）

扩展运算符（...）基本内容作用：将一个数组转为用逗号分隔的参数序列console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5用途：函数调用function push(array, ...items) { array.push(...items);}function add(x, y) { return x + y;}const...

2019-01-09 17:55:50 2191

原创 es6（数值的扩展）

二进制和八进制表示法二进制表达法 0b/0B八进制表达法 0o/0O以0b/0o为前缀的字符串，必须使用Number方法Number.isFinite(), Number.isNaN()返回值：true/falseNumber.isFinite()：检验数值是否为有限数Number.isNaN()：检查数值是否为NaNNumber.isFinite(0....

2019-01-09 14:36:53 362

原创 es6（字符串的扩展）

includes()、startsWith()、endsWith()是否包含字符串includes() ：返回布尔值，表示是否找到了参数字符串startsWith() ：返回布尔值，表示参数字符串是否在原字符串的头部endsWith() ：返回布尔值，表示参数字符串是否在原字符串的尾部let s = 'Hello world!';s.includes('o')s.startsW...

2019-01-08 17:49:11 196

原创 es6（变量的解构赋值）

数组的解构赋值模式匹配只要等号两边的模式相同，左边的变量就会被赋予对应的值对象的解构赋值数组的元素是按次序排列的，变量的取值由它的位置决定对象的属性没有次序，变量必须与属性同名，才能取到正确的值{模式：属性}let obj = { p: [ 'Hello', { y: 'World' } ]};let { p: [x, { y }] } = o...

2019-01-08 16:03:32 172

原创 es6（let与const命令）

es6（let与const命令）理论区别varletconst在函数作用域内或者全局有效，没有块级作用域只在let命令所在的代码块内有效只在声明所在的块级作用域内有效能重复声明不能重复声明不能重复声明存在变量提升暂时性死区暂时性死区举例var与let、const的区别（一）基本用法var a = [...

2019-01-08 11:35:21 3088

原创 html+css第三天

多类名选择器一个标签内可以拥有多个类名样式显示效果与html元素的类名先后无关，与css样式书写上下顺序有关类选择器：可以多次使用id选择器：只允许出现一次font-size：字号相对长度单位说明em相当于当前对象内文本的字体尺寸px像素绝对长度单位说明in英寸cm厘米mm毫米pt点font-famil...

2018-11-21 18:33:32 162

原创 html+css第二天

1. 初识表格<table> <caption>表格标题</caption> //表格标题 <tr> //行 <th></th> //表头标签，加粗且居中 <th></th> //表头标签，加粗且居中 <th&am

2018-11-14 16:25:39 172

原创 html+css 第一天

html+css 第一天标签（空格分隔）：黑马传智前端1. 浏览器内核浏览器内核分为渲染引擎与JS引擎Trident（IE内核）Gecko（firefox）webkit（safari）Chromium/Blink（chrome）Persto（Opera）2. web标准web标准构成：结构：用于对网页元素进行整理与分类（html）表现：用于设置网页元素的版式、颜色...

2018-11-13 17:59:00 295 1

原创 PHP语言结构

PHP语言结构条件结构（if…else…）&lt;?php if(条件){ //分配服务器干的任务A }else{ //分配服务器干的任务B }?&gt;&lt;?php if(条件一){ //分配服务器干的任务A }else if(条件二){ //分配服务器干的任务B }else if(条件三){ //分配服务器干...

2018-09-30 16:05:20 252

原创 PHP运算符

赋值运算符“=”：把右边表达式的值赋给左边的运算数。它将右边表达式值复制一份，交给左边的运算数。换而言之，首先给左边的运算数申请了一块内存，然后把复制的值放到这个内存中。“&”：引用赋值，意味着两个变量都指向同一个数据。它将使两个变量共享一块内存，如果这个内存存储的数据变了，那么两个变量的值都会发生变化。比较运算符三元运算符(“?:”)三元运算符也是一个比较运算符，对于表达...

2018-09-28 14:46:26 194

原创 PHP常量基础内容

PHP常量基础内容定义常量：define()define()函数的语法格式：bool define(string $constant_name, mixed $value[, $case_sensitive = true])第一个参数“constant_name”为必选参数，常量名称,即标志符，常量的命名规则与变量的一致但它可不带美元符号。第二个参数“value”为必选参数，它是...

2018-09-27 18:23:08 156

原创 PHP变量基础内容

PHP变量基础内容$相当于定义变量的符号，那么再次使用$var，又会再写一次$var，覆盖前一个变量var_dump：判断一个变量的类型与长度，并输出变量的数值，如果变量有值，则输出是变量的值，并返回数据类型。变量名的命名规则变量名必须以字母或下划线 “_”开头变量名只能由字母、数字、以及“_”组成，还能包含汉字变量名不允许包含空格PHP中变量名是区分大小写memory_get...

2018-09-27 14:58:17 142

原创 wampServer多站点配置、自拟定端口号

wampServer多站点配置操作手册：打开wamp64安装目录，进入bin文件夹，选择apache文件夹，进入Apache2.4.23，选择conf文件夹，进入extra，选择“httpd-vhosts.conf”文件添加多个站点：点击进入Apache的httpd.conf文件，搜索“httpd-vhost”，修改文件（删除最前面的“#”），如下图所示：搜索“directory”，...

2018-09-26 18:30:40 787

原创 PHP的相关介绍

PHP的相关介绍运行在服务器端跨平台脚本语言免费“echo”这个命令是告诉服务器，打印一串字符。PHP代码在<?php ?> 之间，后面的 ?> 是可以省略，分号必须存在在php中字符串连接符是用点（.）来表示的，这一点比较特殊，其它语言中是用加号（+）来表示的，比如：JavaScirpt、Asp、C。#WAMPServer集成环境下载和安装W：windo...

2018-09-26 16:09:57 616

原创 react初步学习十四

Immutable 1. Immutable DataImmutable Data 就是一旦创建，就不能再更改的数据。对 Immutable 对象进行修改、添加或删除操作，都会返回一个新的 Immutable 对象。Immutable 实现的原理是持久化的数据结构（persistent data structure），也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变。同时为...

2018-09-04 16:08:11 184

原创 react初步学习十三

组件性能优化纯函数给定相同的输入，它总是返回相同的输出；过程没有副作用（side effect）没有额外的状态依赖PureRenderPureRender 中的 Pure 指的就是组件满足纯函数的条件，即组件的渲染是被相同的 props 和 state 渲染进而得到相同的结果。 PureRender 本质官方在早期就为开发者提供了名为 react-ad...

2018-08-30 17:38:56 127

原创 react初步学习十二

组合式组件开发实践组件再次分离后，我们就可以根据在现实中的组件形态对其进行任意组合，形成统一层，摆脱在原有组件上扩展的模式，有效提高组件的灵活性。* 逻辑再抽象*// 完成 SearchInput 与 List 的交互const searchDecorator = WrappedComponent => { class SearchDecorator extends...

2018-08-30 15:51:39 140

原创 react初步学习十一

组件间抽象mixin将一个模块混入到一个另一个模块中，或是一个类中const mixin = function (obj, mixins) { const newObj = obj; newObj.prototype = Object.create(obj.prototype); for (let prop in mixins) { if (mi...

2018-08-30 15:46:41 124

原创 react初步学习十

组件间通信父组件向子组件通信function ListItem({ value }) { return ( <li> <span>{value}</span> </li> );}function List({ list, title }) { retu...

2018-08-29 18:20:58 168

原创 react初步学习九

样式处理设置样式注意点自定义组件建议支持 className prop，以让用户使用时添加自定义样式设置行内样式时要使用对象const style = { color: 'white', backgroundImage: `url(${imgUrl})`, // 注意这里大写的 W，会转换成 -webkit-transition WebkitTr...

2018-08-29 11:34:19 130

原创 react初步学习八

受控组件React 受控组件更新 state 的流程：可以通过在初始 state 中设置表单的默认值。每当表单的值发生变化时，调用 onChange 事件处理器。事件处理器通过合成事件对象 e 拿到改变后的状态，并更新应用的 state。setState 触发视图的重新渲染，完成表单组件值的更新。从示例中，我们能看出来表单的数据源于组件的 state，并通过 props ...

2018-08-28 17:42:18 139

原创 react初步学习七

单选框：import React, { Component } from 'react';class Products extends Component { constructor(props) { super(props); this.handeChange = this.handleChange.bind(this); thi...

2018-08-28 15:55:23 189

原创 react初步学习六

事件系统所有事件都自动绑定到最外层上，若要访问原生事件对象，可以使用 nativeEvent 属性。与原生的浏览器事件一样拥有同样的接口，同样支持事件的冒泡机制，我们可以使用 stopPropagation() 和 preventDefault() 来中断它在 JSX 中，我们必须使用驼峰的形式来书写事件的属性名（比如onClick ），而 HTML 事件则需要使用全部小写的属性名（...

2018-08-16 16:18:45 118

原创 react初步学习五

React 与 DOM1. ReactDOM    ReactDOM 中的 API 非常少，只有 findDOMNode 、 unmountComponentAtNode 和 render 。findDOMNode DOMElement findDOMNode(ReactComponent component) 当组件被渲染到 DOM ...

2018-08-15 18:19:34 126

原创 react初步学习四

数据更新更新过程：父组件向下传递 props 或组件自身执行 setState 方法时发生的一系列更新动作更新过程的生命周期：import React, { Component, PropTypes } from 'react';class App extends Component { componentWillReceiveProps(nextProps) { ...

2018-08-07 14:40:46 117

原创 react初步学习三

React 生命周期React 生命周期分成两类：当组件在挂载或卸载时；当组件接收新的数据时，即组件更新时组件挂载组件状态的初始化初始化组件：import React, { Component, PropTypes } from 'react';class App extends Component { static propTypes = { ...

2018-07-31 15:42:38 131

原创 react初步学习二

React 组件传统方法（JavaScript）的规范标准组件信息基本的封装性。简单的生命周期呈现。明确的数据流动。 Web Components 的组成成分 1. HTML Templates 定义了之前模板的概念 2. Custom Elements 定义了组件的展现形式 3. Shadow DOM定义了组件的作用域范围、可以囊括样式 4...

2018-07-30 11:31:19 180

原创 react初步学习一

在学习新的框架之前，必须知道的一些基础知识 DOM元素例：用HTML语法描述按钮（button）<button class="btn btn-blue"> <em>Confirm</em></button>在 JavaScript 中创建 Virtual DOM 元素（即将HTML转化为JSON对象）{ type...

2018-07-25 16:58:23 140

原创 mockjs（五）——helper\miscellaneous

把字符串的第一个字母转换为大写Random.capitalize( word )把字符串转换为大写Random.upper( str )把字符串转换为小写Random.lower( str )从数组中随机选取一个元素，并返回Random.pick( arr )打乱数组中元素的顺序，并返回Random.shuffle( arr )随机生成一个 ...

2018-06-04 14:56:29 878

原创 mockjs（四）——name\web\address

随机生成一个常见的英文名Random.first()随机生成一个常见的英文姓Random.last()随机生成一个常见的英文姓名Random.name( middle? )说明：middle（可选），布尔值。指示是否生成中间名随机生成一个常见的中文名Random.cfirst()随机生成一个常见的中文姓Random.clast()随机...

2018-06-04 14:48:50 1506

原创 mockjs（四）——text

随机生成一段中文文本Random.cparagraph( min?, max? )Random.cparagraph()Random.cparagraph( len )Random.cparagraph( min, max )说明：len（可选），文本中句子的个数。默认值为 3 到 7 之间的随机数。min（可选），文本中句子的最小个数。默认值为 3。max（可选），...

2018-06-04 14:01:57 571

原创 mockjs（四）——text

随机生成一段中文文本Random.cparagraph( min?, max? )Random.cparagraph()Random.cparagraph( len )Random.cparagraph( min, max )说明：len（可选），文本中句子的个数。默认值为 3 到 7 之间的随机数。min（可选），文本中句子的最小个数。默认值为 3。max（可选），...

2018-06-04 14:01:54 1070

原创 mockjs（三）——image

随机图片地址的返回Random.image( size?, background?, foreground?, format?, text? )说明：size（可选），图片的宽高，格式为 ‘宽x高’。默认从下面的数组中随机读取一个：[ '300x250', '250x250', '240x400', '336x280', '180x150', '720x300...

2018-06-01 18:32:28 7775

原创 mockjs（二）——basic

布尔值的返回Random.boolean( min?, max?, current? )说明：min（可选），计算公式：min / (min + max)max（可选），计算公式：max / (min + max)current（可选），计算公式：Math.random() >= 0.5随机自然数的返回Random.natural( min?, max? )说...

2018-06-01 16:07:06 895

原创 mockjs（一）——认识mockjs

安装npm install mockjs使用// 使用 Mockvar Mock = require('mockjs')var data = Mock.mock({ // 属性 list 的值是一个数组，其中含有 1 到 10 个元素 'list|1-10': [{ // 属性 id 是一个自增数，起始值为 1，每次增 1 '...

2018-05-31 18:39:07 3273

原创 Bootstrap全局样式及部分组件系列三

图片img.img-rounded\img-circle\img-thumbnail：自适应图片 .img-responsive 类可以让图片支持响应式布局，居中方式：.center-block 图标可自由改变大小、颜色，相当于字体样式辅助类关闭按钮： <div class="close">&times;</div>...

2018-04-12 16:09:45 272

原创 Bootstrap全局样式系列二——代码、表格、表单

代码<code></code>：包裹内联样式的代码片段（背景为红）<kdb></kdb>：标记用户通过键盘输入的内容（背景黑化）<pre></pre>：原格式输出（灰色圆角背景）<var></var>：变量样式（倾斜角度）<samp&g

2018-04-12 09:58:38 180

原创 Bootstrap全局样式系列一——排版

排版标题 <h1>...<h6>.page-header 以下样式：上边距较大，具有下划线段落<p>.leader 字体间距及大小，字体样式改变<del></del> 删除字体 <u></u> 下划线 *文本对齐* .text-left 文字左边对齐

2018-04-11 15:27:53 1286

空空如也

空空如也