自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(47)
  • 资源 (5)
  • 收藏
  • 关注

原创 git-study

安装git第一步安装git,到git的官网下载安装安装完成之后,打开git bash:设置用户名:$ global config user.name “Your name”设置用户名邮箱:$ global config user.email"email@email.com"查看设置:git configgit config --list查看信息添加命令:mkdi...

2019-04-25 16:49:40 82

原创 react脚手架生成事项及整套react依赖配置

create-react-app---->react脚手架的安装与使用安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org使用淘宝镜像npm config set registry https://registry.npm.taobao.org一、开始安装使用react步骤1、cnpm insta...

2019-04-25 09:44:55 461

原创 react生命周期详解

React生命周期详解子组件生命周期详解代码:import React, { Component } from 'react'export default class Life extends Component { // 组件挂在的时候触发的几个生命周期函数 constructor(props) { console.log('1、首先执行构造函数'); super...

2019-03-22 11:36:59 185

原创 vue-cli安装与使用和vuex使用

VUE-cli 安装与使用安装步骤:安装nodejs环境:地址:https://nodejs.org一般情况选择第一个稳定版本下载使用即可安装vue-cli的dos命令:第一步:npm install -g vue-cli–>装上vue脚手架第二步:创建并使用脚手架:vue init webpack my-project----->ynnn第三步...

2019-02-27 20:52:48 1655

原创 vue实例--创建函数--生命周期函数详解

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=

2019-02-22 12:36:55 560 1

翻译 浏览器HTML状态码

浏览器HTML状态码100 Continue 继续,一般在发送 post 请求时,已发送了 http header之后服务端将返回此信息,表示确认,之后发送具体参数信息200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务器已接受请求,但尚未处理301 Moved Permanently 请求的网页已永久移动到新位置302 ...

2019-02-20 11:05:28 121

原创 SQL学习笔记-增删改查

SQL学习笔记-增删改查增加操作语句:insert into 表明 values('数据1','数据2','数据3')如果直接添加会在数据后面再添加一条数据(表名:test):insert into test values('test','test','1')其实values后面加上的就是对应col的数据当然也可以在指定的位置添加数据如:insert into test(sn...

2019-06-17 11:34:17 247

转载 markdown编辑器

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

2019-06-17 11:33:36 202

原创 SVN学习笔记

SVN学习笔记svn解决三大问题协作开发远程开发版本回退和SVN一样的软件SCM:软件配置管理—》对软件源代码直接进行控制管理CVS:元老级产品VSS:入门级产品—》微软开发ClearCase:专业开发软件(IBM公司提供技术支持)SVN属于C/S结构软件(客户端/服务端)服务器端软件(server–VisualSvn):http://www.visu...

2019-04-28 10:50:30 196

原创 webpack从入门到门口

安装webpack安装本地webpackyarn add webpack webpack-cli -D执行webpack 命令:npx webpacknpx webpack-dev-server ---->配置localhostyarn add html-webpack-plugin ------>配置html模板文件,并用此文件显示web...

2019-04-26 14:13:21 122

转载 通过webpack从零开始搭建React项目

从零开始搭建React项目1. Webpack基础概念webpack主要作用:代码转换:TypeScript 编译成 JavaScript、SCSS 编译成 CSS 等。文件优化:压缩 JavaScript、CSS、HTML 代码,压缩合并图片等。代码分割:提取多个页面的公共代码、提取首屏不需要执行部分的代码让其异步加载。模块合并:在采用模块化的项目里会有很多个模块和文件,需要构建功...

2019-04-26 14:12:21 3513 2

转载 git命令大全及使用大全

GIT命令大全及使用方法查看、添加、提交、删除、找回,重置修改文件git help # 显示command的helpgit show # 显示某次提交的内容 git show $idgit co – # 抛弃工作区修改git co . # 抛弃工作区修改git add # 将工作文件修改提交到本地暂存区git add . # 将所有修改过的工作文件提交暂存区git rm #...

2019-04-25 17:16:32 227

原创 react组件使用格式

react组件使用方法react中组件开放也是有方法的,一般我们建议父组件使用:import React, { Component } from 'react'class componentName extends Component { constructor(props) { super(props); } render() ...

2019-04-01 16:11:22 387

原创 选择器优先级

选择器优先级选择器优先级div0001.class0010#id0100div#id0101.class1 .class20020优先级可以看成0000每一级的叠加,越大优先级越高

2019-03-29 11:04:44 688

原创 javascript数组大全

JavaScript数组大全1、数组转换方式( join()、valueOf()、toString()、toLocaleString())join() 可以将数组转换成字符串,并以逗号隔开–》使用join方法若是数组中含有:空、null、undefined则会打印出空数组出来 var lists = [1, null, 3, undefined, 5, , 3, , 1] co...

2019-03-27 15:27:28 221 2

原创 react-eslint配置

react-eslint在vscode中如何配置首先全局安装eslint:https://cn.eslint.org/docs/user-guide/getting-started然后当我们装完eslint之后记得在create-react-app脚手架中也需要加载,具体还是看官网接下来我们开始配置vscode中的eslint:1、安装eslint插件:2、安装prettier插件:...

2019-03-27 14:38:26 698

原创 react数组

react数组var a={1,2,3}var b=a //b={1,2,3}var b={1,2,3,4,5}console.log(a) //a={1,2,3,4,5}此时我们可以发现当我们修改b对象的时候会将a对象的内容也进行修改如图:面对这样的结果,前端JavaScript有两种解决方案一种是使用json的方式, let list = JSON.parse(JS...

2019-03-26 14:29:42 3147

原创 react 父子组件传值

父组件向子组件传值—》子组件向父组件获取数据父组件:import React, { Component } from 'react'import Son from './Son'import SonTow from './SonTow'export default class Daddy extends Component { constructor(props) { sup...

2019-03-25 10:57:41 165

原创 vscode--powershell,bash切换

VS code中power shell,bash的切换在VS code中的设置然后在搜索栏中输入power可以跳出一个选择的路径将bash的路径输入(个人路径:D:\Git\bin\bash.exe)输入就可以切换成bash,VS code中默认自带的就是powershell,不喜欢bash的不用切换一般计算机自带的powershell目录如下:C:\Windows\System32\...

2019-03-25 09:42:09 5434 2

原创 Js模块话编程思想

为什么出现JavaScript的模块化编程思想原因是在于之前的简单的直接式编程会导致逻辑混乱页面复杂可维护性差全局变量暴露等问题所以就有大佬提出了很多的解决方案,其中之一就是JavaScript的模块化思想编程。那么模块话思想又有什么有点值得我们学习:解决项目中的全局变量污染的问题。开发效率高,有利于多人协同开发。职责单一,方便代码复用和维护 。解决文件依赖问题,无需关...

2019-03-22 17:00:30 138

原创 react - webpack配置文件缺失

当类似配置文件缺失的时候在当前的目录下面:yarn add @babel/plugin-transform-react-jsx -D添加配置文件即可同理:在当前的目录下面配置: yarn add @babel/plugin-transform-react-jsx-source -D加载完成后:yarn start打开react即可使用...

2019-03-22 15:24:22 410

原创 react实现双向数据绑定

利用react实现类似vue的双向数据绑定的效果在使用vue的时候我们都知道,vue自身是双向数据绑定,所以使用自身带的v-model就可以实现双向数据的绑定,而react却是明摆的单向数据绑定,那么如何利用react实现类似的vue的双向数据绑定?方法如下:import React, { Component } from 'react'export default class comp...

2019-03-21 11:28:10 5514

原创 react学习第一天

使用create-react-app生成react脚手架之后,我在上一篇文件已经讲过,这个脚手架所生成的问价以及可以删除的文件夹,那么react的脚手架应该如何使用?首先,app.js做为主要的根组件的入口文件,我们通常是写完组件之后,在app.js文件实现组件的利用如图:其中,我们可以将组件的后缀名,命名为.js文件也可以为.jsx文件,webpack打包之后都会形成.js文件,所以这边...

2019-03-21 11:27:35 163

原创 ToDoList --- jQuery版

ToDoList — jQuery版html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1

2019-03-15 17:00:44 647

原创 原生JS实现todolist简版(不保存本地)

HTML部分:<!DOCTYPE html><html lang="cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2019-03-08 16:29:35 1854 2

转载 烟波钓叟歌概述讲解

烟波钓叟歌概述讲解标签: 烟波钓叟歌概述讲解《烟波钓叟赋》宋初有长诗一篇,言遁甲术,盖北宋通人所作。后经明朝罗通增删修改,更名《烟波钓叟歌》。罗通江西吉水人,永乐十年进士,善用兵,宣德、正统、景泰年间,屡破瓦剌,官协赞军务兼都察院右都御史,太子太保,成化六年卒。正德间,章贡池纪本理据罗通鼠窜之文,作《烟波钓叟歌句解》,盖遁甲之人言人殊,歧义丛生,以致贻误后学,即由此歌及池纪之《句解》而起焉。...

2019-02-28 19:58:12 3896

转载 奇门遁甲八卦九宫八门九星分布图

2019-02-28 19:57:56 11690

转载 年月日时的天干推算方法

年月日时的天干推算方法年干推算方法公历年号计算农历年干支的方法与公式查出公元4年为“甲子”年。故计算公式设公元后减3;公元前减2。公元后农历年干支的计算方法:天干计算:公历年号的个位数-3即为天干序号;个位为0值则调整为10再-3。地支计算:公历年号-3除以12地支数的余数则为地支序号数。如计算2008年的干支:求天干:2008,个位为8,8-3=5,5对应天干序号为“戊”;求地...

2019-02-28 19:56:16 4488

转载 九宫八卦--易学基础

九宫八卦–易学基础《黄帝阴符经》上讲“八卦甲子,神机鬼藏”,即是说,奇门遁甲的神妙之处均藏在八卦和甲子之中。所以我们要想学好奇门遁甲,那必须要有扎实的易学知识和深厚的五行干支基础,这样你就可以在很短时间内学会奇门遁甲这门绝学。八卦我国古代的一套有象征意义的符号。用“一”代表阳,用“–”代表阴,用三个这样的符号,组成八种形式,叫做八卦。每一卦形代表一定的事物。乾代表天,坤代表地,坎代表水,离代...

2019-02-28 19:55:57 3146

转载 八卦基本知识

八卦基本知识八卦基本知识  1) 天干分阴阳  甲、丙、戊、庚、壬属阳。乙、丁、己、辛、癸属阴。  (2) 十二地支阴阳及生肖寅  子、寅、辰、午、申、戌、属阳。丑、卯、巳、未、酉、亥属阴  子属鼠、丑属牛、寅属虎、卯属兔、辰属龙、巳属蛇、午属马、未属羊、申属猴、酉属鸡、戌属狗、亥属猪。  (3) 天干五行及方位  甲、乙属木,位东方。 丙、丁属火,位南方。  戊、己属土,位中央...

2019-02-28 19:55:38 3977

原创 奇门遁甲的起源

奇门遁甲的起源学科:哲学年级:大学日期:2013.5.7课题:历史和简介训练技巧:讲解技巧主讲人:XXX课时:15分钟训练目标:掌握解释讲解的一般程序和结构熟练运用板书教学目标 :让人们对易经文化简单了解,并简单介绍奇门遁甲。当然很多人认为这是一种迷信,如果不相信的可以当做一个故事来听就可以了。中华民族历史悠久,文化灿烂辉煌,很多文化万古流传、长久不衰。然而在文化的百...

2019-02-28 19:54:41 1062 2

转载 原型函数-构造函数-工厂函数

js面向对象小结(工厂模式,构造函数,原型方法,继承)最近过了一遍尼古拉斯泽卡斯的高级程序设计第三版(红皮书)第六章:面向对象程序设计,现在把总结出来的东西和大家分享一下。主要内容如下:1.工厂模式2.构造函数模式3.原型模式4.继承一、工厂模式工厂模式中的函数中会创建一个对象,最后return这个对象,通过每次调用时传入的参数不同来解决创建多个相似对象的问题。`// 工厂模式`...

2019-02-28 19:53:26 154

转载 js跨域请求

js中跨域请求原理及2种常见解决方案一、同源策略:说到跨域请求,首先得说说同源策略:1995年,同源政策是由 Netscape 公司引入浏览器的。目前,所有浏览器都实行了这个政策。同源策略是浏览器的一种安全策略,所谓同源是指,域名,协议,端口完全相同;目的就是为了保证用户信息的安全,防止恶意的网站窃取数据,防范跨站脚本的攻击,禁止客户端脚本(如 JavaScript)对不同域的服务进行跨站...

2019-02-28 19:52:46 143

转载 vue总结

什么是 mvvm?MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型,也可以在 Model 中定义数据修改和操作的业务逻辑;View 代表 UI 组件,它负责将数据模型转化成 UI 展现出来,ViewModel 是一个同步 View 和 Model 的对象。在 MVVM 架构下,View 和 Model 之间并没有直接的联系,而...

2019-02-26 15:49:38 142

原创 媒体查询--移动端1px解决方案

媒体查询定义使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面应用场合:京东首页,响应式页面;特征:min-width; max-width; min-height; max-hei...

2019-02-26 08:58:57 608

原创 DOM操作

DOM基础,DOM进阶节点加载HTML页面时,Web浏览器生成一个树型结构,用来表示页面内部结构。DOM将这种树型结构理解为由节点组成。总结:以上由元素+文本+属性,3个部分构成的。节点种类1.节点种类:元素节点、文本节点、属性节点。2. 如果节点是元素节点,则 nodeType 属性将返回 1。3. 如果节点是属性节点,则 nodeType 属性将返回 2。4. 如果节点是文本内...

2019-02-24 11:38:06 156

原创 Javascrip 创建对象构造、原型与工厂

创建对象new Object()创建一个对象,然后给这个对象新建属性和方法。var box = new Object(); //创建一个Object对象box.name = 'Lee'; //创建一个name属性并赋值box.age = 100; //创建一个age属性并赋值box.run = function () { //创建一个run()方法并返回值 console.lo...

2019-02-24 11:32:51 94

原创 Vue脚手架的安装与使用1

包管理机制NodeJs安装成功之后,NodeJs自带一个特殊的文件模块:包(NPM)。一般我们搭建前端自动化构建工具,都需要使用到NPM,包模块。例如:搭建fis3项目,命令:npm install -g fis3//提示:-g 安装到全局目录,必须使用全局安装例如:搭建vue项目,需要用到vue脚手架(自动化构建工具)每个项目都有一个package.json文件pac...

2019-02-23 09:31:17 226

原创 VS code插件

2019-02-21 15:54:35 155

转载 vue基础学习第六天

注意:有时候使用npm i node-sass -D装不上,这时候,就必须使用 cnpm i node-sass -D在普通页面中使用render函数渲染组件在webpack中配置.vue组件页面的解析运行cnpm i vue -S将vue安装为运行依赖;运行cnpm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖;...

2019-02-21 15:53:42 372

设计稿自动标注工具

设计稿自动标注间距字号,生成前端相应的代码 一步到位

2019-03-11

React中文api

React中文api,使用此文档可以查看react的api和各个函数的使用方法

2019-03-04

VUE 2.0 中文api

VUE 2.0 中文api ,使用此文档可以查看vue的使用函数的方法

2019-03-04

JavaScript API文档

JavaScript API文档 ,使用此文档可以看JavaScript的各个函数的使用方法

2019-03-04

jQueryAPI文档

jQueryAPI文档,使用此文档可以查看jQuery的各个函数的作用

2019-03-04

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除