- 博客(112)
- 收藏
- 关注
RSS订阅
原创 React从0-1开发简书项目
目录一、前言二、项目环境搭建2.1 使用styled-components2.2 使用resets.css三、创建header四、header搜索框动画五、使用React-Redux进行应用数据的管理5.1 导入redux与react-redux5.2 使用redux与react-redux管理数据5.3 无状态组件提升性能六、使用combineRed...
2019-05-08 08:30:46
1104
原创 Redux--升级TodoList
目录一、前言二、Ant Design三、Redux 初学3.1 Redux简介3.2 Redux工作流程3.3 Chrome安装Redux插件3.4 使用Redux3.4.1 安装redux3.4.2 创建目录四、Redux 进阶4.1 使用Redux 显示数据4.2 使用Redux 操作数据4.2.1 Input输入数据4.2.2 B...
2019-04-29 13:45:09
510
原创 Vue.js 搭建用户管理系统
目录一、前言二、搭建项目过程2.1配置json-server2.2新建vue项目2.3项目目录解析2.4 初探组件,搭建导航2.5 获取并展示用户信息2.6 添加用户2.7 弹窗及详情2.7.1 弹窗 alert.vue组件2.7.2 详情组件 customersdetails.vue2.8 编辑和删除2.8.1 编辑Edit. vue组件...
2019-04-10 11:30:27
4403
2
原创 圣杯布局和双飞翼布局
三栏布局（包括圣杯布局和双飞翼布局）参考：https://blog.csdn.net/reslicma/article/details/86942182#_143圣杯布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name...
2019-09-15 10:49:49
264
原创 Git操作-- 脑图总结
之前在公司实习的时候，学会使用git，我就用脑图总结了一下git操作的命令，最近是越来越喜欢用脑图总结知识点了！（能使用的免费模板太少了，不开森）...
2019-09-07 22:28:45
317
原创 JavaScript（三十八）继承
1、原型链继承，将父类的实例作为子类的原型，他的特点是实例是子类的实例也是父类的实例，父类新增的原型方法/属性，子类都能够访问，并且原型链继承简单易于实现，缺点是来自原型对象的所有属性被所有实例共享，无法实现多继承，无法向父类构造函数传参。2、构造继承，使用父类的构造函数来增强子类实例，即复制父类的实例属性给子类，构造继承可以向父类传递参数，可以实现多继承，通过call多个父类对象。但是构...
2019-06-29 22:50:03
262
原创 Nodejs开发博客01_项目准备
本项目重点内容Node基础 — 通过对Node基础的了解学习，打下Node基础 NodeAPI — 开启服务提供API给前端调用 Node连接MySQ L— 通过node操作数据库，实现增删改查的功能 Node实战 — 个人博客从零开始，打造首页、作者主页、博客详情页、登录页、新建页、编辑页 Node框架express重构博客项目目录一、Nodejs和JavaScrip...
2019-05-26 10:55:47
396
原创 JS面试—安全性
目录一、题目常见的前端安全问题有哪些二、知识点2.1 XSS 跨站请求攻击2.2 XSRF跨站请求伪造一、题目常见的前端安全问题有哪些二、知识点2.1 XSS 跨站请求攻击举例：在新浪博客写一遍文章，同时偷偷插入一段<script>攻击代码中，获取cookie，发送自己的服务器发布博客，有人查看博客会把查看者的cookie发送到攻...
2019-05-12 20:17:22
671
原创 JS面试—性能优化
这本身是一个综合性的问题，没有标准答案，只关注核心点，针对面试,不会细问一、原则多使用内存、缓存或者其他的方法 减少CPU计算，减少网络二、从哪里入手1、加载页面和静态资源静态资源的压缩合并 （比如将多个js文件合并成一个 webpack commonjs） 静态资源缓存 （只需要加载一次就好 通过连接名称控制缓存） 使用CDN让资源加载更快...
2019-05-12 20:02:12
1623
原创 JS面试—页面加载和渲染过程
目录一、题目1、从输入url到得到html的详细过程2、window.onload和DOMContentLoaded的区别二、知识点2.1 加载资源的形式2.2 加载一个资源的过程2.3 浏览器渲染页面的过程一、题目1、从输入url到得到html的详细过程浏览器根据DNS服务器得到域名的IP地址（域名解析） 向这个IP的服务器发送http请求 服务器...
2019-05-12 17:16:51
2830
原创 JS面试—存储
目录一、题目请描述一下cookie，sessionStorage和localStorage 的区别二、知识点2.1 cookie2.2 localStorage和sessionStorage一、题目请描述一下cookie，sessionStorage和localStorage 的区别容量 是否会携带到ajax API易用性二、知识点2.1 cookie...
2019-05-12 16:21:48
272
原创 JS面试—Ajax
目录一、题目1、手动编写一个Ajax，不依赖第三方库2、跨域的几种方式二、知识点2.1 XMLHttpRequest2.2 状态码说明2.3 跨域一、题目1、手动编写一个Ajax，不依赖第三方库2、跨域的几种方式JSONP跨域 CORS跨域资源共享二、知识点2.1 XMLHttpRequest//创建对象var xhr=new XMLHt...
2019-05-12 15:43:30
274
原创 JS面试—JS-Web-API（二）
目录一、题目1、编写一个通用的事件监听函数2、描述事件冒泡流程3、对于一个无限下拉加载图片的页面，如何给每一个图片绑定事件二、知识点2.1 通用事件绑定2.2 事件冒泡2.3 代理一、题目1、编写一个通用的事件监听函数function bindEvent(elem,type,selector,fn){ if(fn==null){ ...
2019-05-12 11:30:41
222
原创 JS面试—JS-Web_API（一）
目录一、题目1、DOM是那种基本的数据结构？2、DOM操作的常用API有哪些3、DOM节点的attr和property有何区别4、如何检测浏览器的类型5、拆解url的各部分二、知识点2.1 DOM本质2.2 DOM节点操作2.3DOM结构操作2.4BOM操作2.5navigator screen location history...
2019-05-12 10:04:31
284
原创 JS面试—其他知识点
目录一、题目1、获取 2017-06-10 格式的日期2、获取随机数，要求是长度一致的字符串格式3、写一个能遍历对象和数组的通用forEach函数二、知识点2.1 日期2.2 Math2.3 数组API2.4 对象API一、题目1、获取 2017-06-10 格式的日期function formatDate(dt){ if(!dt){ ...
2019-05-11 21:41:10
184
原创 JS面试—异步和单线程
目录一、题目1、同步和异步的区别是什么？分别举一个同步和异步的例子2、一个关于setTimeout的笔试题3、前端使用异步的场景有哪些4、异步和单线程的关系二、知识点2.1什么是异步（对比同步）2.2 何时使用异步？2.3前端使用异步的场景2.4 异步和单线程一、题目1、同步和异步的区别是什么？分别举一个同步和异步的例子同步会阻塞代码执行，而...
2019-05-11 17:22:17
395
原创 JS面试—作用域与闭包
目录一、题目1、说一下对变量提升的理解2、说明this几种不同的使用场景3、创建10个标签。点击的时候弹出来对应的序号4、如何理解作用域5、实际开发中闭包的应用二、知识点2.1 执行上下文2.2 this2.3 作用域2.4 作用域链2.5 闭包一、题目1、说一下对变量提升的理解变量的定义 函数的声明（注意和函数表达式的区别）2、说明...
2019-05-11 15:30:40
439
原创 JS面试—原型和原型链
目录一、题目1、如何判断一个变量是数组类型2、写一个原型链继承的例子3、描述new一个对象的过程4、zepto (或其他框架)源码中如何使用原型链二、知识点2.1 构造函数2.2 构造函数——拓展2.3 原型规则和示例2.4 原型链2.5 instanceof一、题目1、如何判断一个变量是数组类型var arr=[];arr instan...
2019-05-11 09:31:49
3691
2
原创 JS面试—变量类型和计算
目录一、题目1、Js中使用typeof能得到的那些类型2、何时使用===何时使用==3、Js中有哪些内置函数 ——数据封装类对象4、Js变量按照存储方式区分为那种类型，并描述其特点5、如何理解json二、知识点2.1 变量类型2.2变量计算一、题目1、Js中使用typeof能得到的那些类型2、何时使用===何时使用==其他地方都用三等 （代码洁...
2019-05-10 16:14:33
230
原创 React 动画
一、过渡动画通过transition显示与隐藏文字App.jsx组件import React, { Component,Fragment } from "react";import "../assets/css/App.css";class App extends Component { constructor(props) { super(props);...
2019-04-22 17:57:03
262
原创 React 路由配置
目录一、路由配置二、路由传值2.1 静态传值2.2动态传值2.3 es6模板传值2.4 传多个值2.5 get 传值三、配置子路由四、编程式路由4.1 同级路由跳转4.2 子父路由跳转一、路由配置1.安装路由cnpm install react-router-dom –save2.配置路由新建一个Main文件来封装路由，创建三个组件...
2019-04-18 22:29:50
3020
原创 React 生命周期
生命周期函数指在某一时刻组件会自动调用执行的函数学习React，生命周期很重要，我们了解完生命周期的各个组件，对写高性能组件会有很大的帮助.React 生命周期分为三种状态 1. 初始化 2.更新 3.销毁组件初始化时有渲染之前 开始渲染，渲染之后生命周期，当我们要修改组件时才会触发更新的生命周期，顺序依次为确认是否修改（true or false），修改之前，开始渲染，修改之后...
2019-04-16 23:06:45
485
原创 React 使用axios和fetch-jsonp拦截ajax请求
一、mock模拟数据Mock.js生成随机数据,拦截 Ajax请求 实现 前后端分离1.安装mockjscnpm install mockjs --save2.建mock.js的文件，配置模拟数据import Mock from "mockjs";//使用MOCK 里面的mock方法 拦截ajax请求//加载本地数据//导入json文件import...
2019-04-16 22:11:39
608
原创 React 组件之间的传值
一、父组件给子组件传值父组件给子组件传递属性值 父组件给子组件传递方法 给子组件传递整个父组件对象父组件 Parent.jsimport React,{Component} from "react";//导入子组件import Child from "./Child.js"class Parent extends Component { constructor(p...
2019-04-15 22:03:19
227
原创 React 获取并操作表单元素
React 表单元素React获取表单元素，设置表单元素（select,input,checkbox,textarea）：限制性约束 （value（通过react实现mv 方式绑定的值）） 非限制性约束（defaultvalue 相当于原生的value）小案例输出结果：import React,{Component} from "react";class Us...
2019-04-15 19:56:41
1905
原创 React 事件
目录一、事件的方法1.1 方法的声明和事件的写法1.2 事件传参1.3 获取事件对象1.4 键盘事件1.5 React 实现数据双向1.6 ref获取DOM元素节点一、事件的方法1.1 方法的声明和事件的写法绑定事件有三种方法，要考虑this的指向import React,{Component} from "react"class Ev...
2019-04-15 16:04:13
157
原创 JavaScript（三十七）阻止表单的默认提交事件
一、将input 标签的type属性从type="submit"改为type=“button”二、将input标签改为button标签三、在事件中添加event.preventDefault()四、用onclick点击事件来return false注意是onclick内是return func();而不是简单的调用func()函数<!DOCTYPE html>...
2019-04-12 10:03:40
1197
原创 React 基本语法
目录一、组件的使用1.1 声明组件1.2 挂载组件二、在组件里声明数据及绑定数据三、在组件中绑定属性四、引入图片一、组件的使用1.1 声明组件有俩种写法写法一：在components组件中新建Home. js文件import React,{Component} from "react";//声明组件的类class Home extends...
2019-04-11 08:53:15
3356
2
原创 React 开发环境搭建
React 开发环境搭建：1.安装nodejs（安装nodejs稳定版本https://nodejs.org/dist/v8.11.2/node-v8.11.2-x64.msiodejs.org/dist/v8.11.2/node-v8.11.2-x86.msi）2.安装好node之后，在cmd中检查版本 node –v安装完node之后npm页会自动安装，检查版本 npm –v...
2019-04-10 15:59:27
1347
原创 Vue生命周期函数
Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行中、销毁。beforeCreate实例、组件通过new Vue() 创建出来之后会初始化事件和生命周期，然后就...
2019-04-06 22:09:02
220
原创 Vue 组件之间的传值
一、父组件给子组件传值在父组件中注册导入使用子组件 在父组件中创建变量，并动态绑定给子组件 子组件使用props来接收变量值，并进行显示绑定，可在接受传值的时候，规定传值的类型子组件如何获取父组件整个对象：父组件中绑定 :parent="this" 在子组件中获取this.$parent 在子组件中通过props获取parent（类似于父组件给子组件传值，子组件通过props...
2019-04-06 21:52:13
243
原创 vue 路由配置传值及编程式导航
一、路由配置及其模块化封装1.安装路由cnpm install vue-router --save2.创建Router文件夹以及Router.js文件3.在Router.js中封装路由//先导入路由import Vue from 'vue';import vueRouter from 'vue-router';//引入组件import Home from '../...
2019-04-03 20:45:02
388
原创 Vue使用 vue-resource、axios、fetch-jsonp请求数据
一、mock模拟数据Mock.js生成随机数据,拦截 Ajax请求 实现 前后端分离1.安装mockjscnpm install mockjs --save 2.建mock.js的文件，配置模拟数据import Mock from 'mockjs'//导入mockjs 使用变量// Mock对象 mock方法 （路径 方法 数据）// /user 模拟...
2019-04-03 15:37:11
458
原创 ES6基本语法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...
2019-03-22 09:31:56
218
原创 bootstrap（四）响应式工具与按钮
一、响应式工具为了加快对移动设备友好的页面开发工作，利用媒体查询功能并使用这些工具类可以方便的针对不同设备展示或隐藏页面内容。另外还包含了针对打印机显示或隐藏内容的工具类。1.通过单独或联合使用以下列出的类，可以针对不同屏幕尺寸隐藏或显示页面内容。超小屏幕手机 (<768px) 小屏幕平板 (≥768px) 中等屏幕桌面 (≥992px) 大屏幕桌面 (≥120...
2019-03-22 09:31:27
1081
原创 bootstrap（三）辅助类
一、情境文本颜色<p class="text-muted">柔和灰</p><p class="text-primary">主要蓝</p><p class="text-success">成功绿</p><p class="text-info">信息蓝</p><p class="text-...
2019-03-22 09:31:15
340
原创 Bootstrap（二）排版布局的类
排版布局的类一、标题HTML 中的所有标题标签，<h1>到<h6>均可使用。另外，还提供了.h1到.h6类，为的是给内联（inline）属性的文本赋予标题的样式。<div class="h1">boot</div><h1>boot</h1>在标题内还可以包含<small>标...
2019-03-22 09:30:55
937
原创 Bootstrap（一）栅格系统
Bootstrap 简介Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。优点：响应式设计，Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。Bootstrap 优点（1）Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有...
2019-03-22 09:30:36
462
原创 MySQL数据库--操作命令
一、启动数据库操作系统：计算机管理服务中MySQL项 重新启动 命令行方式启动：cmd命令提示符中输入命令 net startmysql 停止命令：cmd命令提示符中输入命令netstop mysql二、登录数据库输入用户-uroot 密码-p 端口号-P(默认端口号3306) IP地址-h(默认127.0.0.1)输入123456 密码 回车即登录成功三、操作...
2019-03-22 09:29:46
297
原创 jQuery(五)Ajax请求
AJAX 是一种与服务器交换数据的技术，可以在不重新载入整个页面的情况下更新网页的一部分。一、Ajax请求方法1.ajax()方法，执行异步 AJAX 请求所有的 jQuery AJAX 方法都使用 ajax() 方法。该方法通常用于其他方法不能完成的请求。 返回json对象//请求访问远程路径 var src = "http://www.phonegap100.com/a...
2019-03-22 09:29:12
266
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人