- 博客(16)
- 收藏
- 关注
RSS订阅原创 React经典案列todolist 以及组件的拆分
React todoList 没拆分时代码import React from 'react'class TodoList extends React.Component{ // 固定写法 constructor(props){ super(props) this.state={ username:'', ...
2019-10-23 00:04:22
217
原创 约束性和非约束性组件: React表单提交 下拉框 单选框 多选框
约束性组件和非约束性组件概念 非约束性组件： <input type="text" defaultValue="a" /> 这个 defaultValue 其实就是原生DOM中的 value 属性。 这样写出的来的组件，其value值就是用户输入的内容，React完全不管理输入的过程。约束性组件：<input value={this.state.u...
2019-10-07 00:05:02
352
原创 React 事件对象键盘事件 表单事件 ref取dom节点 实现简单得数据双向绑定
事件对象 ```事件对象：在触发DOM上发生某个时间时，会产生一个事件对象event .这个对象包含着所有与事件有关得信息。```import React from 'react';import '../assets/css/index.css';class Home extends React.Component{ // 子类必须在constructor方法中调用supe...
2019-09-30 01:15:53
267
原创 react 基础 创建组件 绑定class 绑定style 引入图片 循环数组渲染数据
react 绑定属性注意以下几点1 class要换成className2 for要换成 htmlFor3 style:<div style={{“color”:‘red’}}>我是一个红的的 div 行内样式注意上代码啦！class 创建组件class Home extends React.Component{ // 子类必须在constructor方法中...
2019-09-29 01:48:59
306
原创 react 绑定事件得方法和改变state得值
首先创建react组件class Home extends React.Component{ // 子类必须在constructor方法中调用super方法，否则新建实例时会报错。这是因为子类没有自己的this对象，而是继承父类的this对象，然后对其进行加工。如果不调用super方法，子类就得不到this对象 constructor(props){ supe...
2019-09-29 01:14:59
785
原创 vueX简介；
什么是Vuex?Vuex 是专为vue.js应用程序开发的状态管理模式。。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化;这个状态管理模式包括以下几部分：state，驱动应用数据源；view,以生名的方式将state映射到试图；actions,响应在view上的用户输入导致状态变化，下面时一个表示“单向数据流”理解的简单示意：下面用一个字数...
2019-06-09 10:28:13
225
原创 新手使用vue-router传参时注意事项
1. 使用name和params组合传参this.$router.push({name: 'details', params: {'id': 233}})路由配置import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ mode: 'hist...
2019-06-08 09:49:37
418
原创 js对象创建方式和继承
js创建对象的方式；1字面量创建方式var obj={}2构造函数创建对象var obj = new Object()3工厂模式创建对象为什么使用工厂模式和构造函数虽然Object构造函数或者字面量方式可以创建多个对象，但是有着一个明显得缺点那就是重复造轮子，产生大量重复得代码，为了解决这个问题就出现啦工厂模式和构造函数模式。什么是工厂模式？ 它有什么优缺点1顾名思义，工厂模...
2019-06-07 22:51:45
165
原创 Object.create()
语法：Object.create(proto, [propertiesObject])//方法创建一个新对象，使用现有的对象来提供新创建的对象的proto。1参数：proto : 必须。表示新建对象的原型对象，即该参数会被赋值到目标对象(即新对象，或说是最后返回的对象)的原型上。该参数可以是null， 对象， 函数的prototype属性 （创建空的对象时需传null , 否则会抛出Typ...
2019-05-27 12:02:55
149
原创 es6 数组操作
es6常用数组操作及技巧汇总1定义数组const array = [1, 2, 3];// 或者const array = new Array();array[0] = '1';2 检测数组Array.isArray([]); // trueArray.isArray(undefined); // false;或者array instanceof Array; // tru...
2019-05-22 23:28:49
130
原创 js常见的兼容性问题
取行外样式的值我们都知道通过js 的style 不能行外样式 ，当我们想要获取行外样式时一般需要用下面的两个方法；1 IE 的取值方法；currentStyle2 Chrome 的方法 getComputedStyle(oDiv,false)他们的兼容写法function getStyle(domObj, attr) { if(window.getComputedStyle) { /...
2019-05-18 14:24:17
516
原创 原型 原型链 继承
js 原型不知道大家对js 原型是怎么理解的，如果大家理解了 js 原型对象和prorotype 属性十分熟悉的话对后面的原型链以及继承的理解就十分容易。我在这里给大家分享一下自己对js 原型对象的理解；首先要明白一点js 是基于原型的；每一个构造函数(constructor)都有一个原型对象（prototype）,每个原型对象都有一个指向构造函数的指针，实例都包含一个指向原型对象内部的指针...
2019-05-16 22:59:15
124
原创 浏览器兼容性问题 css
什么是浏览器兼容问题？？d所谓的兼容性问题是不同的浏览器对一段相同的代码有着不同的解析。造成页面效果不统一的情况。在大多情况下，我们的需求是用户在不同的浏览器登录我们的网站或系统，都应该统一显示效果。所以兼容性是前端人员都会碰到和必须要解决的问题。其实说到兼容性我把前端人员分为两类第一类是做事比较精细的程序员，严格按照UI工程师的设计图开发，甚至能精确到1px，他们能很快发现设计图的不足，而...
2019-05-15 22:42:49
138
原创 jQuery 的jaxa请求；
jQuery的ajax请求；jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, .post等。.post 等。.post等。.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。 最简单的情况下，$.ajax()可以不带任何参数直接使用。回调函数注意，所有的选项都可以通过....
2019-05-15 17:05:05
1155
原创 get和post请求的区别
# ge别t 和post请求的区别GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。参考w3c总结以下几点1 GET在浏览器回退时是无害的，而POST会再次提交请求。2 GET产生的URL地址可以被Bookmark，而POST不可以。3 GET请求会...
2019-05-14 19:23:14
165
原创 Markdown入门
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-05-14 16:52:20
278
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人