2019年03月_老张谋

08月 07月 06月 05月 04月 03月 02月

原创最全的react视频【黑马程序员】--第五章 JSX语法

目录1.JSX语法本质2. 在JSX中混合写入js表达式渲染类型渲染数字渲染字符串渲染布尔值为属性绑定值渲染jsx元素渲染 jsx元素的数组将普通字符串数组转为jsx数组并渲染到页面上（两种方案）3. react中key的作用4. JSX语法注意事项1.JSX语法本质并不是直接把jsx渲染到页面上，而是内部转换成了cr...

2019-03-27 19:32:45 401

原创最全的react视频【黑马程序员】--第四章在React中启用JSX语法 (实现DOM元素嵌套）

目录一、为什么用JSX语法？二、JSX语法源代码：一、为什么用JSX语法？每次创建一个DOM元素是都使用React.createElement()的形式很麻烦 HTML是最优秀的标记语言，但是在JS文件中，默认不能写这种类似 HTML 的标记；否则打包失败可以使用babel来转换这些JS标签；大家注意：这种在JS中，混合写入类似 ...

2019-03-27 10:51:07 420

原创最全的react视频【黑马程序员】--第三章在项目中使用react

目录一、使用react渲染基本的虚拟DOM到网页二、文件内容整理一、使用react渲染基本的虚拟DOM到网页1. 运行 cnpm i react react-dom -s 安装包cnpm i react react-dom -Sreact ：专门用于创建组件和虚拟DOM，同时组件的声明周期也在这个包中 react-dom：专门进行DOM操作，最主要的应用场景，...

2019-03-26 14:45:24 1024

原创最全的react视频【黑马程序员】--第二章创建基本的webpack4.x项目（结论步骤版）

目录一、webpack 基本配置文件二、webpack4.x最基本的使用步骤三、webpack-dev-server 配置四、html-webpack-plugin 配置一、webpack 基本配置文件1. webpack可以做什么事？能够处理js文件的互相依赖性；能够处理js的兼容问题，把高级的，浏览器不识别的语法，转为低级的，浏览器能正常识别的语法；运行命令...

2019-03-26 10:14:17 678

原创最全的react视频【黑马程序员】--第一章 react介绍

虚拟DOM：两个树对比：

2019-03-25 20:41:13 2580

原创【前端项目搭建】React-------第三节脚手架中的高级应用【修改默认配置项】

第三节脚手架中的高级应用【修改默认配置项】举例(情况一)：终端安装qs查看安装成功没有：qs导入与测试:情况二（举例 --less模块）创建目录：src-->static->less->index.less,并添加代码未完待续..........

2019-03-25 16:35:34 301

原创 Yarn 和 webpack 的介绍与安装（mac和windows一样）

一. Yarn介绍先安装node.js二. webpack安装webpack的配置过程：命令号窗口1. 进入项目目录：（admin-v2-fe）项目初始化：yarn init会出现如下两个文件：2. 安装webpack安装完成界面：3.打开webpack官方文档https://www.webpack...

2019-03-25 16:34:10 6084

原创【前端项目搭建】React-------第一节开篇序

2019-03-24 21:53:34 150

原创【前端项目搭建】React-------第二节脚手架 create-react-app

第二节脚手架 create-react-app

2019-03-24 21:44:57 135

原创 reat 父子组件传递值

App.js(父组件）import React, { Component } from 'react';//import logo from './logo.svg';//import './App.css';import AppItem from './AppItem';class App extends Component { //创建完组件APP后会自动调用 cons...

2019-03-19 23:43:41 186

原创 react 实现动态增加数据

import React, { Component } from 'react';//import logo from './logo.svg';//import './App.css';class App extends Component { //创建完组件APP后会自动调用 constructor()构造函数 constructor(props){ super(p...

2019-03-19 22:52:57 3267

原创 Vue 2.X 基础篇第2章快速入门

目录第2章快速入门课时1：vue初体验课时2：Vue-v-model课时3：Vue常用指令-v-once课时4：Vue常用指令-v-if课时5：Vue常用指令-v-show课时6：Vue常用指令-v-else课时7：Vue常用指令-v-else-if课时8：Vue常用指令-v-for课时9：Vue常用指令-v-for练习课时10：Vue常用指令-v-t...

2019-03-18 11:10:11 589

原创 Vue 2.X 基础篇第1章 ES6的常用语法补充

目录第1章 ES6的常用语法补充课时1：Vue 学前须知课时2：Vue 课程开篇课时3：Vue 基础-let和const-上课时4：Vue 基础-let和const-下课时5：Vue-解构赋值课时6：Vue基础-ES6新增的数据类型Set课时7：Vue基础-ES6新增的数据类型map-上课时8：Vue基础-ES6新增的数据类型map-下课时9：V...

2019-03-15 14:58:58 571

原创 vue2.0 小白入门教程 --- 第一章 vue2.0 小白入门教程-CDN

第一章 vue2.0 小白入门教程-CDN目录第一章 vue2.0 小白入门教程-CDN课时1：使用git获取课程代码课时2：vue-初识vue及进入CDN课时3：Vue-实例化vue对象课时4：Vue-数据和方法课时5：属性绑定课时6：Vue-事件（点击: 双击：鼠标事件）课时8：Vue-键盘事件及键盘修饰符课时9：双向数据绑定课时10：Vu...

2019-03-14 00:43:49 1151

原创 layUI引入步骤

1. layer组件下载网址（官网）：http://layer.layui.com/在页面上引入jquery框架将下载包里的layer文件夹完整的复制到项目中引入layer目录中的layer.js 在需要的地方直接写效果代码就可以了<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"&g...

2019-03-12 15:58:22 6050

原创 javascript 进阶篇（集合）

目录第一章系好安全带，准备启航1-1让你认识JS任务1-2编程练习任务第二章你要懂的规则（JS基础语法）2-1什么是变量2-3确定你的存在(变量声明)任务2-4多样化的我(变量赋值）任务2-5表达出你的想法(表达式)任务2-6我还有其它用途( +号操作符）任务2-7自加一，自减一 ( ++和- -)任务...

2019-03-07 17:04:16 1299

原创 javascript入门篇（集合）

JavaScript入门篇目录 JavaScript入门篇2-1JavaScript-输出内容（document.write）任务2-2 JavaScript-警告（alert 消息对话框）任务...

2019-03-05 21:00:32 134

原创 html+css3 过渡模块-手风琴效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>167-过渡模块-手风琴效果</title> <style> *{ ma

2019-03-01 15:48:08 676 1

原创 html+css3 过渡模块-弹性效果设计

1.编写过渡效果套路：（1）不要管过渡，先编写基本界面（2）编写我们认为需要修改的属性（3）再回过头去给被修改属性的那个元素添加过度即可；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>165-过渡模块-弹性效果

2019-03-01 15:03:12 448

原创 html+css3 过渡效果设计（步骤）

1.过渡三要素1.1必须要有属性发生变化 div:hover{ width: 400px; }1.2 必须告诉系统哪个属性需要执行过渡效果 transition-property: width;1.3 必须告诉系统过渡效果持续时长 transition-duration: 10s;注意点：当多个属性需要同时执行过...

2019-03-01 10:00:50 1168