阴阳师先生

摘要： input type=”text”数据：jsx：function：这里相当于实现了vue中的v-modeljsx语法中有个defaultValue的属性，其实就是原生DOM中的value属性原理：模型 –> 视图 通过value属性绑定state中的数据，将数据渲染到视图上视图 –> 模型 通过onChange事件监听视图数据的改变，其实就是监听并获取defaultValue值并将defaul... 阅读全文

摘要： 媒体查询（@media）设备终端的多样化，直接导致了网页的运行环境变的越来越复杂，为了能够保证我们的网页可以适应多个终端，不得不专门为某些特定的设备设计不同的展示风格，通过媒体查询可以检测当前网页运行在什么终端，可以有机会实现网页适应不同终端的展示风格。媒体类型将不同的终端设备划分成不同的类型，称为媒体类型。媒体特征每种媒体类型都具体各自不同的特性，根据不同媒体类型的媒体特性设置不同的展示风格。关... 阅读全文

摘要： 这里的组件指的是有状态组件，只有有状态组件才有this.state和生命周期函数React组件生命周期分为三部分： - **组件创建阶段**：特点：一辈子只执行一次 >constructor： > componentWillMount: > render： > componentDidMount: 页面加载发送ajax 或者 进行dom操作 - **组件运行阶段**：按需，根据 ... 阅读全文

摘要： jsx中的行内样式 直接写在标签中： 格式：style = {{}} 抽离样式成一个变量 抽离样式成一个单独文件 ComListItemStyle.js ComListItem.jsx 通过样式表使用样式 原因：通过写行内样式太麻烦，通过样式表来开发更符合实际 因为webpack无法解决.css文件 阅读全文

摘要： JSX注意点：class和for都是js关键字，因此JSX需要改变名称 => className htmlForreactjs的组件无状态组件（函数组件）在无状态组件中可以通过给函数传递props参数，来获取外界传值其中的props.children可以用来实现类似vue插槽slot的功能eq：function FatherComponent(props){ //这里的{props.chil... 阅读全文

摘要： OSChina提供了一个在线的工具给开发人员使用 不说废话直接给地址： http://tool.oschina.net/ 常用对照表： http://tool.oschina.net/commons 效果功能如下： 给力！！！！！ 阅读全文

摘要： 准备工作 webpack基于nodejs，电脑上得有node 这里安装的是webpack 4.x，因此还得安装webpack-cli。因为webpack 4.x 中的打包命令被分离进webpack-cli中。 执行 npm i –D webpack webpack-cli webpack-dev-s 阅读全文

摘要： 1 vuex 的安装和使用安装vuex npm i –S vuex => 运行时依赖导入vue模块和vuex模块安装vuex模块创建vuex实例store导出vuex模块 export default storemain.js中引用vuex模块 import store from './store/index.js'实例对象中有5个属性 ====vuex数据流程图如下state属性用来保存... 阅读全文

摘要： 1 文字成一行，超出部分省略号表示overflow: hidden; //超出部分不显示white-space:nowrap; //有空余但不换行 => 没有设置高度时会自动换行text-overflow:ellipsis; //文本超出部分用…表示 => 要配合overflow: hidden使用eq：2 文字成多行，超出部分省略号表示（参考属性）overflow: hidden; //超出部分... 阅读全文

摘要： github地址如下： https://github.com/helloCaijiaqi/live2dDemo/tree/master 原资源位置： https://link.zhihu.com/?target=http%3A//app2.live2d.com/cubism/sdk/bowiuex/ 阅读全文