Cascader 级联选择器 发现在很多的CRM管理系统里面,都有不少页面是用到这种级联选择器的,确实,功能很实用, 不过要设置默认值则应该让不少人头痛,因为你选择的时候 @change 事件的参数就是选中的值,一个二维数组,这个很简单就获得了.不过要设置默认参数,让 el-cascader 显示默认值的话,就得把后端返回的默认数据,在这个 层级树 里面蹂躏一遍,并找到默认数据的对应位置. 不啰嗦,上代码 function cascader(o, options) { let toString

一. PropTypes 与 DefaultProps 官方文档 1. PropTypes 属性校验 引入 PropTypes import PropTypes from 'prop-types'; 强校验 props 属性 eg: import React, { Component } from 'react' import PropTypes from 'prop-types' class TodoItem extends Component{ constructor(props){ sup

未做国际化处理 tabLabel: { type: Array, default: () => (["a", "b", "c"]) } 初次国际化处理 出现报错 tabLabel: { type: Array, default: () => ([this.$t('status.a'), this.$t('status.b'), this.$t('status.c')]) } 修改之后国际化处理 tabLabel: { type: Ar

JSX IN DEPTH JSX 从根本上说,JSX只是提供了语法糖React.createElement(component, props, ...children)的功能.以下JSX代码: <MyButton color="blue" shadowSize={2}> Click Me </MyButton> 被编译为: React.createElement( MyButton, {color: 'blue', shadowSize: 2}, 'Click

第3次编译Libpng依然想不起任何东西,为了不浪费第4次的时间... http://libmng.com/pub/png/libpng.html http://www.zlib.net/ 解压两个压缩包,进入libpng目录如下 lpng1621\projects\vstudio\vstudio.sln 这个目录同级有zlib属性配置文件,可以直接用文本编辑器打开修改路径 lpng1621\projects\vstudio\zlib.props 默认什么也不用改,让lpng和zlib目录同级,

1. 安装cuda8.0 1)先去官网下载cuda8.0  https://developer.nvidia.com/cuda-toolkit 2)下载完之后进行安装,安装时间有点长,请耐心等待,默认是安装在c盘目录下 安装完后会生成两个系统变量: CUDA_PATH C:\Program Files\NVIDIA GPU Computing Toolkit\CUDA\v8. CUDA_PATH_V8_0 C:\Program Files\NVIDIA GPU Computing Toolkit

React是一个JavaScript库文件,使用它的目的在于能够解决构建大的应用和数据的实时变更.该设计使用JSX允许你在构建标签结构时充分利用JavaScript的强大能力,而不必在笨拙的模板语言上浪费时间. 1 生命周期 在组件的整个生命周期中,随着该组件的props或者state发生改变,它的DOM表现也将有相应的变化,一个组件就是一个状态机:对于特定的输入,它总会返回一致的输出. React为每个组件提供了生命周期钩子函数去响应不同的时刻,组件的生命周期分为三个部分:(1)实例化:(2)

背景   目前团队中新的 Web 项目基本都采用了 Vue 或 React ,加上 RN,这些都属于比较重量级的框架,然而对于小型 Web 页面,又显得过大.早期的一些项目则使用了较原始的 HTML 页面构建技术,但业务逻辑基本无法复用.  近半年做过几个小型 Web 页面,在不断学习前端知识的同时,也在重构并摸索小型 Web 项目可能的更好解决方案.本文则对之前的工作进行一次整体描述.   目标和定位   单论小型 Web 页面,其相对于 Vue/React 等项目最大不同是不需要支持 SPA

vue 和 react 学习 异同点 本文不做两个框架比较,只对比了两个框架的语法对比,不代表任何观点,盗版必究,本人唯一qq:421217189 欢迎大家一起来学习探讨,壮我大前端(本文markdown直接生成,没有排版,也是为了防止那些不要脸的直接复制我文章的人,在此特声明,所有直接窃取文化知识的人,本人必将追究法律责任,本人qq:421217189,新增一个qq专为大家提供技术:15274527.) 先说一下两个框架的中文文档 Vue react 可以点击直接前往 安装 vue $ vue

mybatis 3.x源码深度解析与最佳实践 1 环境准备 1.1 mybatis介绍以及框架源码的学习目标 1.2 本系列源码解析的方式 1.3 环境搭建 1.4 从Hello World开始 2 容器的加载与初始化 2.1 config文件解析XMLConfigBuilder.parseConfiguration 2.1.1 属性解析propertiesElement 2.1.2 加载settings节点settingsAsProperties 2.1.3 加载自定义VFS loadCust

转自: Liz's Blog http://www.cnblogs.com/lizmy/archive/2012/01/10/2318258.html 2010中是以工程为单位,更改VC++ directories.每个工程都修改一便很是繁琐,因此想修改下默认VC目录. 从网上查了下,主流的方法是: View-> Other windows –> Property Manager 公共静态库的设置 但对于 express 版本,没有Property manager窗口,因此修改这份文件: Wi

最近更新有点慢,更新慢的原因最近在看 <css世界>这本书,感觉很不错 <JavaScript高级程序设计> 这本书已经看了很多遍了,主要是复习前端的基础知识,基础知识经常会过一段时间记忆就会慢慢模糊,特别是现在用vue.react.angularjs已经很少用原生js了,对dom的原生api方法已经忘记很多了. <梦的解析>--弗洛伊德,看这本书主要是自己的兴趣爱好,里面的内容有点难度,想通过心理学改变自己,做更好更真实的自己. 题外话说完了,这篇主要是针对上一篇对a

这篇看ant Desgin of react的button按钮的js代码,js代码部分是typescript+react写的. button组件里面引用了哪些组件: import * as React from 'react'; import { findDOMNode } from 'react-dom'; import PropTypes from 'prop-types'; import classNames from 'classnames'; import Icon from '../

1. 搭建环境 安装react脚手架  >npm install create-react-app -g 创建文件            >create-react-app 项目名称 启动项目            >npm start 删除不必要文件——src文件夹里面删除,新建index.js入口文件 2. JSX的理解 JSX的基本语法规则:遇到HTML标签(以<开头),就用HTML规则解析:遇到代码块(以{开头),就用JavaScript规则解析. JSX本质:写结构的语法

根本上,JSX只是为React.createElement(component, props, ...children)函数提供语法糖.JSX代码是这样的: <MyButton color="blue" shadowSize={2}> Click Me </MyButton> 编译成这样: React.createElement( MyButton, {color: 'blue', shadowSize: 2}, 'Click Me' ) 你也可以使用自己闭合的

一 Context概述 Context provides a way to pass data through the component tree without having to pass props down manually at every level. 二 项目结构 三 代码 1 theme-context.js import React from 'react'; // 主题数据 export const themes = { gray: { background: 'gray'

一. 安装cuda8.0 1)先去官网下载cuda8.0  https://developer.nvidia.com/cuda-toolkit 2)下载完之后进行安装,安装时间有点长,请耐心等待,默认是安装在c盘目录下 安装完后会生成两个系统变量: CUDA_PATH C:\Program Files\NVIDIA GPU Computing Toolkit\CUDA\v8. CUDA_PATH_V8_0 C:\Program Files\NVIDIA GPU Computing Toolkit

1.定义组件 1)函数组件 function GreateH(props){ return <div> <h2>hello,{props.name}</h2> </div> } ReactDOM.render(<GreateH name="kristy"/>, document.getElementById('root')); 2)类组件 class GreateH extends React.Component{ rende

jsx的介绍 React 使用 JSX 来替代常规的 JavaScript. JSX 是一个看起来很像 XML 的 JavaScript 语法扩展. jsx的优点 JSX 执行更快,因为它在编译为 JavaScript 代码后进行了优化. 它是类型安全的,在编译过程中就能发现错误. 使用 JSX 编写模板更加简单快速. JSX的使用方法 独立文件 内联样式 注释 JSX的语法 JavaScript 表达式的使用 三元运算的使用 数组化标签 关于组件 函数定义了一个组件: 函数定义名字使用驼峰方法

第3次编译Libpng依然想不起任何东西,为了不浪费第4次的时间... http://libpng.com/pub/png/libpng.html http://www.zlib.net/ 解压两个压缩包,进入libpng目录如下 lpng1621\projects\vstudio\vstudio.sln 这个目录同级有zlib属性配置文件,可以直接用文本编辑器打开修改路径 lpng1621\projects\vstudio\zlib.props 默认什么也不用改,让lpng和zlib目录同级,

[vue]全局组件和局部组件(嵌套+props引用父组件数据) [vue]组件篇 [vue]组件的创建(componet)和销毁(keep-alive缓存)和父子dom同步nextTick [vue]实现父子组件数据双向绑定 [vue]render函数渲染组件 [vue]webpack&vue组件工程化实践 组件基础 局部组件 全局组件 定义 定义 注册 - 使用 使用 全局组件(工程中比局部组件更常用) 组件化编程好处: 1,重用性 2,维护性 - 全局组件定义(体会一下重用性) <div