- 博客(59)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 git方面的知识
适用场景： 如果我们想撤销之前的某一版本，但是又想保留该目标版本后面的版本，记录下这整个版本变动流程，就可以用这种方法。适用场景： 如果想恢复到之前某个提交的版本，且那个版本之后提交的版本我们都不要了，就可以用这种方法。方法二：git revert。方法一：git reset。
2022-11-24 19:46:52
623
1
原创 笔记--MySQL约束-主键约束，自增长约束，非空约束，唯一约束，默认约束，零填充约束
MySQL约束MySQL约束–主键约束操作–添加单列主键操作–添加多列组件（联合主键）通过修改表结构添加主键
2022-04-27 11:16:24
692
1
原创 笔记--MySQL基本操作DDL，DML
MySQL数据库基本操作-DDL1. DDL 解释2. 对数据库的常用操作3. 对表结构的常用操作创建表其他操作修改表结构格式MySQL数据库基本操作–DML1. 基本介绍2. 数据插入3. 数据修改4. 数据删除DML 总结...
2022-04-26 20:24:30
678
原创 笔记--React 路由基础
1. React 路由介绍2. 路由的基本使用2.1 使用步骤// 导入路由的三个核心组件：Router/Route/Linkimport React from "react";import ReactDOM from "react-dom";import { BrowserRouter as Router, Route, Link } from "react-router-dom";// 创建组件const First = () => <h1>页面一的内容<
2022-04-07 15:31:49
110
原创 笔记--React 组件进阶
1. 组件通讯介绍2. 组件的 props// 导入reactimport React from "react";// 创建组件// 函数组件接受组件的数据// function Hello(props){// console.log(props.name);// }// 类组件接收组件的数据class Hello extends React.Component{ constructor(props){ super(props) /
2022-04-06 19:52:39
843
原创 笔记--React 组件基础
1. React 组件介绍2. React 组件的两种创建方式2.1 使用函数创建组件// 1. 导入react，react-dom 两个包import React from 'react'import ReactDOM from 'react-dom'// 函数组件function Hello(){ return ( <div> 函数组件 </div> )}// 使用箭头函数创建组件const H
2022-04-03 23:46:06
1831
原创 笔记--JSX
1. JSX 的基本使用1.1 createElement() 的问题1.2 JSX 简介1.3 JSX 基本使用// index.js 文件// 1. 导入react，react-dom 两个包import React from 'react'import ReactDOM from 'react-dom'// 2. 调用React.createElement() 方法创建react元素const title = <h1> Hello JSX!!!!!! </h
2022-04-02 22:16:52
988
原创 笔记--RN实例
React第7天RN学习说明ReactNative是基于React这门框架的语法来进行开发的；RN中，提供了 移动端 专用的一些组件，这时候，我们在网页中使用的一些 元素，div, p, img 都不能用了，只能使用RN固有的组件；最终，开发出来的项目，是要运行到手机上的，那么，如何把一个 RN 的项目，完整的发布到手机上去运行呢，这里，需要结合 安卓的 签名打包步骤，并使用 RN 提供的打包命令，进行完整 apk 文件的发布；最终发布出来的就是 Release 版本的项目，可以上传到应用商店；
2022-04-02 18:45:58
301
原创 笔记--react豆瓣电影实例
移动App第5天-豆瓣电影Node.js设置跨域app.use('*', function (req, res, next) { // 设置请求头为允许跨域 res.header("Access-Control-Allow-Origin", "*"); // 设置服务器支持的所有头信息字段 res.header("Access-Control-Allow-Headers", "Content-Type,Content-Length, Authorization, Ac
2022-04-02 18:44:23
129
原创 笔记--组件生命周期
移动App第4天组件的生命周期概念：在组件创建、到加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件，统称为 组件的生命周期；组件生命周期分为三部分：组件创建阶段：组件创建阶段的生命周期函数，有一个显著的特点：创建阶段的生命周期函数，在组件的一辈子中，只执行一次；componentWillMount: 组件将要被挂载，此时还没有开始渲染虚拟DOMrender：第一次开始渲染真正的虚拟DOM，当render执行完，内存中就有了完整的虚拟
2022-04-02 18:42:54
110
原创 笔记--react简介
移动App第3天ReactJS简介React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。libraryFramework前端三大主流框架Angular.
2022-04-02 18:41:18
94
原创 笔记--webpack的发布策略
webpack的发布策略在实际开发中，一般会有两套项目方案：一套是开发期间的项目，包含了测试文件、测试数据、开发工具、测试工具等相关配置，有利于项目的开发和测试，但是这些文件仅用于开发，发布项目时候需要剔除；另一套是部署期间的项目，剔除了那些客户用不到的测试数据测试工具和文件，比较纯净，减少了项目发布后的体积，有利于安装和部署！为了满足我们的发布策略，需要新建一个配置文件，命名为webpack.publish.config.js，将webpack.config.js的配置拷贝过去，剔除一些
2022-04-02 18:39:21
97
原创 webpack高级
移动App第2天webpack的发布策略在实际开发中，一般会有两套项目方案：一套是开发期间的项目，包含了测试文件、测试数据、开发工具、测试工具等相关配置，有利于项目的开发和测试，但是这些文件仅用于开发，发布项目时候需要剔除；另一套是部署期间的项目，剔除了那些客户用不到的测试数据测试工具和文件，比较纯净，减少了项目发布后的体积，有利于安装和部署！为了满足我们的发布策略，需要新建一个配置文件，命名为webpack.publish.config.js，将webpack.config.js的配置
2022-03-29 15:35:24
139
原创 笔记--移动App
移动App第1天什么是混合移动App开发【重点】苹果上的软件是如何开发出来的：使用的是 OC、或者使用Swift这门语言安卓平台上的软件又是如何开发出来的：使用安卓相关的语言开发的，Java，安卓的控件进行开发苹果和安卓平台上共有的软件是如何开发出来的：腾讯招两套开发人员【开发组】，手机京东前端移动 App（Application）开发技术，去开发手机端的应用程序；前端的混合移动App开发技术，并没有使用 苹果 或 安卓 官方推荐的 开发平台和开发方式，而是抛弃了 官方提供的方式，使用 前端的
2022-03-25 14:00:19
377
原创 笔记--ES6
1. ES6新增语法1.1 letES6新增的用于声明变量的关键字。 -let声明的变量只在所处于的块级有效。 -不存在变量提升。 -暂时性死区。注意：使用let声明的变量才有块级作用域，使用var声明的的变量不具备块级作用域特性。if(true){ let e = 777; var str = 'abc';}console.log(str); // abcconsole.log(e); // e is not defined// 不存在变量提升conslole.log(o
2022-03-23 23:01:07
199
原创 笔记--移动端布局（Flex伸缩布局）
1. flex布局1.1 传统布局与flex布局2. flex布局原理2.1 布局原理3. flex布局父项常见属性3.1 常见父项属性3.2 flex-direction设置主轴的方向1. 主轴与侧轴2. 属性值3.3 justify-content 设置主轴上的子元素排列方式3.4 flex-wrap 设置子元素是否换行3.5 align-items 设置侧轴上的子元素排列方式（单行）3.6 align-content 设置侧轴上的子元素排列方式（多行）
2022-01-24 16:19:03
82
原创 笔记--移动端布局（流式布局）
1. 移动端基础1.1 常见移动端屏幕尺寸2. 视口视口（viewport）就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口，视觉视口和理想视口。2.1 布局视口 layout viewport2.2 视觉视口 visual viewport2.3 理想视口 ideal viewport2.4 meta 视口标签2.5 标准的viewport设置3. 二倍图3.1 物理像素&物理像素比/* 1. 物理像素就是我们所说的分辨率，iphone8的物理像素是 7
2022-01-24 14:10:41
150
原创 笔记--CSS3 2D,3D转换，过渡，动画效果
1. 2D转换2D 变换属性下表列出了所有 2D 变换属性：属性描述transform向元素应用 2D 或 3D 转换。transform-origin允许你改变被转换元素的位置（设置元素转换的基点）。CSS 2D 转换方法函数描述matrix(n,n,n,n,n,n)定义 2D 转换，使用六个值的矩阵。translate(x,y)定义 2D 转换，沿着 X 和 Y 轴移动元素。translateX(n)定义 2D 转换，沿着
2022-01-12 16:37:07
284
原创 笔记--Express框架
1. Express框架简介1.1 Express框架是什么Express是基于Node平台的Web应用开发框架，它提供了一系列的强大特性，帮助你创建各种Web应用。我们可以使用npm install express 命令进行下载1.2 Express框架特性- 提供了方便简洁的路由定义方式- 对获取HTTP请求参数进行了简化处理- 对模块引擎支持程度高，方便渲染动态HTML页面- 提供了中间件机制有效控制HTTP请求- 拥有大量第三方中间件对功能进行扩展1.3 原生Node.js与
2021-09-19 21:57:10
139
原创 笔记--模板引擎
1. 模板引擎的基础概念1.1 模板引擎模板引擎是第三方模块。让开发者以更友好的方式进行拼接字符串，是项目代码更加清晰，更加易于维护。1.2 art-template模板引擎1. 在命令行工具中使用npm install art-template命令进行下载2. 使用const template = require('art-template')引入模板引擎3. 告诉模板引擎要拼接的数据和模板在哪 const html = template('模板路径', 数据)；1.3 art-te
2021-09-17 21:35:43
110
原创 笔记--Mongodb
1. 数据库概述及环境搭建1.1 为什么要使用使用数据库- 动态网站中的数据都是存储在数据库中的- 数据库可以用来持久存储客户端通过表单收集的数据- 数据库软件本身可以对数据进行高效的管理1.2 什么是数据库数据库即存储数据的仓库，可以将数据进行有序的分门别类的存储。它是独立存储于语言之外的软件，可以通过API去操作它。常见的数据库软件有：mysql, mongoDB, oracle1.3 MongoDB数据库下载安装1.4 MongoDB可视化软件1.5 数据库相关概念在
2021-09-17 20:26:14
93
原创 笔记--Node.js异步编程
Node.js异步编程1. 同步API，异步API// 路径拼接const public = path.join(__dirname, 'public');// 请求地址解析const urlObj = url.parse(req.url);// 读取文件fs.readFile('./demo.txt', 'utf8', (err, result) => { console.log(result);});同步API：只有当前API执行完成后，才能继续执行下一个APIco
2021-09-14 23:54:37
106
原创 笔记--HTTP协议与服务器端基础
1. 服务端基础概念1.1 网站的组成- 网站应用程序主要分为两大部分：客户端和服务器端。- 客户端：在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML、CSS、javascript构建。- 服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑。1.2 Node网站服务器能够提供网站访问服务的机器就是网站服务器，它能够接收客户端的请求，能够对请求做出响应。1.3 IP地址- 互联网设备的唯一标识。- IP是Internet Protocol Address的
2021-09-14 22:23:02
120
原创 笔记--Node.js模块化开发
1. Node.js模块化开发1.1 javascript开发弊端javascript在使用时存在两大问题：文件依赖和命名冲突。1.2 生活中的模块化开发1.3 软件中的模块化开发一个功能就是一个模块，多个模块可以组成完整应用，抽离一个模块不会影响其他功能的运行。1.4 Node.js中模块化开发规范- Node.js规定一个javascript文件就是一个模块，模块内部定义的变量和函数默认情况下在外部无法得到- 模块内部可以使用exports对象进行成员导出，使用require方
2021-09-14 17:05:21
201
原创 笔记--Node开发概述
1. Node 开发概述1.1 为什么要学习服务端开发基础- 能够和后端程序员更加紧密的配合- 网站业务逻辑前置，学习前端技术需要后端技术支撑(Ajax)- 扩展知识视野，能够站在更高的角度审视整个项目1.2 服务端开发要做的事情- 实现网站的业务逻辑- 数据的增删改查1.3 为什么选择Node- 使用JavaScript语法开发后端应用- 一些公司要求前端工程师掌握Node开发- 生态系统活跃，有大量开源数据库可以使用- 前端开发工具大多基于Node开发1.4 Node是什
2021-09-13 16:13:59
157
原创 笔记--jQuery常用API，事件，其他方法
1. jQuery 选择器1.1 jQuery 基础选择器原生js获取元素方式很多，很杂，而且兼容性情况不一致，因此jQuery给我们做了封装，使获取元素统一标准。1.2 jQuery 层级选择器1.3 隐式迭代(重要)遍历内部DOM元素(伪数组形式存储) 的过程就叫做隐式迭代。简单理解：给匹配到的所有元素进行循环遍历，执行相应的方法，而我们再进行循环，简化我们的操作，方便我们调用。jQuery设置样式$('div').css('属性','值')<body>
2021-09-09 23:16:41
89
原创 笔记--jQuery快速开发
1. jQuery 概述1.1 javascript 库仓库：可以把很多东西放到这个仓库里面。找东西只需要到仓库里面找到就可以了。javascript库：即library，是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多已经先预定好的函数在里面，比如动画animate，hide，show，比如获取元素等。简单理解：就是一个js文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如jQuery，
2021-09-08 21:34:15
76
原创 笔记--移动Web开发(bootstrap框架响应式布局)
1. 响应式开发1.1 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备划分尺寸区间超小屏幕( 手机 )<768px小屏设备( 平板 )>=768px ~ <992px中等屏幕( 桌面显示器 )>=992px ~ <1200px宽屏设备( 大桌面显示器 )>=1200px1.2 响应式布局容器响应式需要一个父级作为布局容器，来配合子级元素来实现变化效果。原理就
2021-09-08 17:25:10
646
原创 笔记--移动Web开发(rem布局)
1. rem 单位1. em 相对于父元素的字体大小来说的2. rem 相对于HTML元素，字体大小来说的3. rem 的优点就是可以通过修改html里面的文字大小来改变页面中元素的大小，可以整体控制2. 媒体查询2.1 什么是媒体查询媒体查询(Media Query) 是CSS3新语法。- 使用@media查询，可以针对不同的媒体类型定义不同的样式- @media可以针对不同的屏幕尺寸设置不同的样式- 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面- 目前针对
2021-09-06 22:40:07
74
原创 笔记--javascript函数进阶
1. 函数的定义和调用1.1 函数的定义方式1. 函数声明方式function关键字（命名函数）2. 函数表达式（匿名函数）3. new Function()var fn=new Function('参数1', '参数2', '参数3'..., '函数体')- Function 里面参数都必须是字符串格式- 第三种方式执行效率低，也不方便书写，因此较少使用- 所有函数都是Function 的实例（对象）- 函数也属于对象<body> <script>
2021-09-06 00:32:53
229
原创 笔记--javascript构造函数和原型，继承，ES6新增的方法
1. 构造函数和原型1.1 概述在典型的OOP的语言中(如java)，都存在类的概念，对象是类的实例，但在ES6之前，JS中并没有引入类的概念。ES6，全称ECMAScript 6.0，2015.06发版。但是目前浏览器的javascript是ES5版本，大多数高版本的浏览器也支持ES6，不过只实现了ES6的部分特性和功能。在ES6之前，对象不是基于类创建的，而是用一种称为构造函数的特殊函数来定义对象和他们的特征。创建对象可以通过以下三种方式： 1. 对象字面量 2. new Obj
2021-09-01 23:04:48
142
前端移动App开发市面上常见的App开发方式及优缺点使用Hbuilder在线生成安卓应用学会配置ReactNative开发环境
2022-03-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人