- 博客(40)
- 收藏
- 关注
RSS订阅原创 NODE青春修炼手册
动态的获取当前文件以及文件所属目录的绝对路径__dirname 和 filename中间件处理请求的，本质就是个函数Express 中间件的几种几种分类当请求进来，会从第一个中间件开始进行匹配如果匹配，则进来如果请求进入中间件之后，没有调用 next 则代码会停在当前中间件如果调用了 next 则继续向后找到第一个匹配的中间件如果不匹配，则继续判断匹配下一个中间件不关心请求路径和请求方法的中间件任何请求都会进入这个中间件中间件本身是一个方法，该方法接收三个参数：Request
2021-04-30 11:36:31
48
原创 React--井字棋实战（9）
非常感谢你耐心看完React基本教程，辛苦啦！！此教程分为三部分第一部分：实战说明手册第二部分：代码展示第三部分：视频演示巴拉巴拉巴拉，把你变成猪！ ∧＿∧（｡･ω･｡)つ━☆・*。⊂ ノ ・゜+. しーＪ °。+ *´¨) .· ´¸.·*´¨) ¸.·¨) (¸.·´ (¸.·’学无止境，喜欢记得关注点赞哦，mua~全部在github，喜欢的给个star哦。...
2021-04-30 11:19:55
80
原创 React--井字棋实战（8）
绑定一个keyconst moves = history.map((step, move) => { const said = move ? '开始移动' + move : '开始游戏'; return ( < li key={move}> < button onClick = {
2021-04-30 11:17:48
89
原创 React--井字棋实战（7）
修改Game组件中的render方法render() { const history = this.state.history; const current = history[history.length - 1]; const winner = calculateWinner(current.juzi); const moves = history.map((step, move) => { const sa
2021-04-30 11:15:16
90
原创 React--井字棋实战（6）
访问 history 的数据修改Board组件中的renderSquare方法 renderSquare(i) { return <Square value = { this.props.juzi[i] } onClick = { () => this.props.onClick(i) } /> }Game组件添加构造器constructor(props) { sup
2021-04-30 11:13:38
92
原创 React--井字棋实战（5）
受控组件目前的 Square 组件称做“受控组件”。在这种情况下，Board 组件完全控制了 Square 组件。改变数据的方式第一种方式是直接修改变量的值。第二种方式是使用新的一份数据替换旧数据。撤销和恢复功能需求不直接在数据上修改可以让我们追溯并复用游戏的历史记录，这就是方法。替换Square类function Square(props) { return <button className = 'square' onClick = { props.onClick
2021-04-30 11:11:35
90
原创 React--井字棋实战（4）
状态提升同时获取多个子组件数据，或者两个组件之间需要相互通讯的情况时，需要把子组件的 state 数据提升至其共同的父组件当中保存。之后父组件可以通过 props 将状态数据传递到子组件当中。这样应用当中所有组件的状态数据就能够更方便地同步共享了。重构 React 组件将组件的 state 提升到父组件在Board组件上添加构造函数并测试 constructor(props) { super(props); this.state = { ju
2021-04-30 11:09:16
96
原创 React--井字棋实战（3）
增加交互功能Square 组件中 render() 方法的返回值中的 button 标签修改render() { return ( < button className = "square"``onClick = {() => { alert(‘橘子太酸辣~’) } } > { this.props.value } </button> );}`运行截图记忆功能Square 组件可以“记住”它被点击过，然后用 “大橘子” 来填充对应的方格。增加一
2021-04-30 11:06:28
65
原创 React--井字棋实战（2）
改造代码使界面呈现如图所示game如下修改 Board 组件的 renderSquare 方法return <Square value = { i }/>修改 Square 组件中的 render 方法render() { return ( <button className="square"> {this.props.value} </button> ); }运行截图请先完成以上步骤..
2021-04-30 11:04:02
84
原创 React--井字棋实战（1）
创建项目目录结构运行启动界面有问题请联系本人邮箱designbyly@aliyun.com关于这里需要会操作node，会使用简单的命令行，请勿贪心！！！
2021-04-30 11:01:03
105
原创 WEb开发之H5+CSS篇
WEb开发之H5+CSS篇SEO:搜索引擎优化目的是对网站进行深度的优化。三大标签：title: 搜索引擎了解网页的入口和对网页主题归属的最佳判断点。 网站名（产品名）-网站的介绍（尽量不超过30个汉字） description 网站说明，简明说明我们网站主要做什么（SEO专写） keyword 页面关
2021-04-29 12:55:23
56
原创 WEb开发之H5+CSS篇
WEb开发之H5+CSS篇CSS2 2D转化transfromtranslate（移动）---------------------------> x 轴||| y轴定义2D转换中的移动，沿着X和Y轴移动元素不会影响其他元素的位置百分比单位是相对于自身元素的宽高来对比的对行内标签没有效果技巧：盒子水平垂直居中 position: absolute; left: 50%; top: 50%; transform: tran
2021-04-29 12:53:18
226
原创 NODE青春修炼手册
NODE青春修炼手册动态的获取当前文件以及文件所属目录的绝对路径__dirname 和 filename中间件处理请求的，本质就是个函数Express 中间件的几种几种分类当请求进来，会从第一个中间件开始进行匹配如果匹配，则进来如果请求进入中间件之后，没有调用 next 则代码会停在当前中间件如果调用了 next 则继续向后找到第一个匹配的中间件如果不匹配，则继续判断匹配下一个中间件不关心请求路径和请求方法的中间件任何请求都会进入这个中间件中间件本身是一个方法，该方法接收三个参
2021-04-29 12:50:03
63
原创 NODE青春修炼手册
NODE青春修炼手册必须通过回调函数适用的情况注意：凡是需要得到一个函数内部异步操作的结果setTimeoutreadFilewriteFileajax这种情况必须通过：回调函数异步操作行为一般情况下，把函数作为参数的目的就是为了获取函数内部的异步操作结果JavaScript 单线程、事件循环find和findindex区别find 接收一个方法作为参数，方法内部返回一个条件find 会遍历所有的元素，执行你给定的带有条件返回值的函数符合该条件的元素会作为 find 方法的
2021-04-29 12:48:04
60
原创 NODE青春修炼手册
NODE青春修炼手册NODE手册异步操作使用的所有文件操作的 API 都是异步的，就像 ajax 请求一样文件操作中的相对路径可以省略 ./在模块加载中，相对路径中的 ./ 不能省略重新定义文件读取方式在文件操作的相对路径中./data/a.txt 相对于当前目录data/a.txt 相对于当前目录/data/a.txt 绝对路径，当前文件模块所处磁盘根目录c:/xx/xx… 绝对路径路由分配略，如同读取文件操作每日一句读书忌死读，死读钻牛角。...
2021-04-29 12:46:17
52
原创 NODE青春修炼手册
NODE青春修炼手册NODE手册node中的模块系统exports 是一个对象，我们可以通过多次为这个对象添加成员实现对外导出多个内部成员。模块原理在 Node 中，每个模块内部都有一个自己的 module 对象。该 module 对象中，有一个成员叫：exports 也是一个对象。如果你需要对外导出成员，只需要把导出的成员挂载到 module.exports 中。**注意：**当一个模块需要导出单个成员的时候，直接给 exports 赋值是不管用的。模块断开问题给 exports
2021-04-29 12:44:36
59
原创 Git操作手册（12）
Git操作手册（12）git基本操作到此结束，非常感谢你的耐心观看，如果想了解更多以及遇到各种BUG，请联系我邮箱。谢谢！每日一句取得成就时坚持不懈，要比遭到失败时顽强不屈更重要。
2021-04-29 12:41:24
55
原创 Git操作手册（11）
Git操作手册（11）Git分支操作实践展示略【访问github】以上为简易分支操作实践，更多请联系本人邮箱designbyly@aliyun.com每日一句感激每一个新的挑战，因为它会锻造你的意志和品格。
2021-04-29 12:39:11
66
原创 Git操作手册（10）
Git操作手册（10）命令行简易操作（主分支法）实操略（详细访问github）简易操作法可以按照上面一步步来，主分支简易操作法实操到此结束。每日一句路漫漫其修道远，吾将上下而求索。...
2021-04-29 12:35:54
79
原创 Git操作手册（9）
Git操作手册（9）Git操作常用指令Git操作指令git init 初始化一个git 仓库git add test.txt 添加一个文件到仓库，可以添加多个，一空格隔开git commit -m “remarks” 把文件提交到仓库git status 当前仓库的状态git remote 查看远程库的信息git remote -v 查看上传协议 SSH/HTTPSgit remotegit reset --hard HEAD^ 把当前版本回退到上一个版本git rm git p
2021-04-29 12:27:08
59
原创 Git操作手册（8）
Git操作手册（8）Git安装手册及github账号注册安装方法https://git-scm.com/book/zh/v2/%E8%B5%B7%E6%AD%A5-%E5%AE%89%E8%A3%85-Gitgithub账号注册https://github.com/每日一句对一个人来说，所期望的不是别的，而仅仅是他能全力以赴和献身于一种美好事业。...
2021-04-28 10:19:15
68
原创 Git操作手册（6）
Git操作手册（6）SSH登录进入当前用户的根目录删除SSH目录运行命令生成ssh秘钥目录进入 .ssh目录查看文件列表查看id_rsa.pub文件内容复制id_rsa.pub文件内容，登录Github，点击用户头像 Setting SSH and GPG keysNEW SSH Key输入复制的秘钥信息回到Gitbash创建远程地址别名。每日一句古之立大事者，不惟有超世之才，亦必有坚忍不拔之志。...
2021-04-28 10:13:50
72
原创 Git操作手册（5）
Git操作手册（5）gitlab系列官网地址：http://about.gitlab.com安装说明：http://about.gitlab.com/installationgitlab操作初始化配置gitlabgitlab-ctl reconfigure启动gitlabgitlab-ctl start停止gitlob服务gitlab-ct stopl浏览器访问访问Linux服务器IP地址即可，如果想访问EXTERNAL_URL指定的域名还需要配置域名服务器或本地ho
2021-04-28 10:11:24
114
2
原创 Git操作手册（4）
Git操作手册（4）git相关理论git的工作流程在工作目录中添加、修改文件。将需要进行版本管理的文件放入暂存区域。将暂存区域的文件提交到git仓库。git管理文件的三种状态已修改（modified）已暂存（staged）已提交(committed)git本地四个工作区域工作目录（Working Directory）暂存区(Stage/Index)资源库(Repository或Git Directory)git仓库(Remote Directory)四者之间的转换模
2021-04-28 10:08:49
54
原创 Git操作手册（3）
Git操作手册集中式版本控制工具和分布式版本控制工具版本控制个人开发迭代团队协作版本控制工具**功能：**协同修改，数据备份，版本管理，权限控制，历史记录，分支管理SVN： 增量式管理Git： 文件系统快照分类集中式版本控制工具：CVS , SVN , VSS… （ 宕机 <--------> 单点故障 ）分布式版本控制工具：Git , Mercu
2021-04-28 10:00:55
54
原创 WEb开发之H5+CSS篇
WEb开发之H5+CSS篇HTML新增布局和表单标签新增语义化标签，兼容性问题header 头部标签nav 导航标签article 内容标签section 定义文档某个区域aside 侧边栏标签footer 尾部标签注意：这种语义化标准主要针对搜索引擎的这些新标签页面中可以使用多次在IE9中，需要把这些元素转化为块级元素比较
2021-04-28 10:00:35
332
1
原创 WEb开发之H5+CSS篇
WEb开发之H5+CSS篇精灵图（CSS Sprites CSS雪碧）主要针对背景图片使用，把多个小背景图片整合到一张大图片中。主要借助于背景位置来实现-background-position一般情况下精灵图都是负值。（网页坐标：X轴向右移动是正值，向左移动是负值。y轴同理）字体图标主要用于显示网页中通用，常用的一些小图标。icomoon阿里巴巴矢量图标库复制style.css中第一个代码。@font-face { font-family: 'icomoon'; src:
2021-04-28 09:58:34
238
1
原创 WEb开发之H5+CSS篇
WEb开发之H5+CSS篇为什么使用定位浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。定位则是可以让盒子自由的在某个盒子内移动位置或者固定在屏幕的某个位置，并且可以压住其他盒子。定位的分类定位 = 定位模式 + 边偏移定位模式（ position ）static 静态定位relative
2021-04-28 09:56:29
71
3
原创 WEb开发之H5+CSS篇
WEb开发之H5+CSS篇为什么需要浮动PC端传统网页布局的方式普通流（标准流/文档流）标签按照默认方式排列，最基本的布局方式浮动改变元素默认的排列方式，可以让多个块级元素一行内排列显示注意：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动。定位float属性用于创造浮动框，将其移动到一边，直到左边缘或者右边缘触及包含块或另一个浮动框的边缘。选择器 { float：属性值； }浮动的排列特性浮动元素会脱
2021-04-28 09:54:19
62
原创 Git操作手册（2）
Git操作手册（1）哈希解读哈希是一系列的加密算法，各个不同的哈希算法虽然加密强度不同，但是有以下几个特点。不管输入数据的数据量有多大，输入同一个哈希算法，得到的加密结果长度固定。哈希算法确定，输入数据确定，输出数据能够保证不变。哈希算法确定，输入数据有变化，输出数据一定有变化，而且通常变化很大。哈希算法不可逆。Git底层采用的是SHA-1算法。哈希算法可以被用来检验文件。明文 ----------------------（加密算法）------------------------
2021-04-27 10:15:46
77
原创 Git操作手册（1）
Git操作手册Git工作流和GitFlow工作流Git工作流在项目开发中使用Git的方式分类集中式工作流像SVN一样，集中式工作流以中央仓库作为项目所有修改的单点实体。所有修改都提交到Master分支上。这种方式与SVN的主要区别就是开发人员有本地库。Git很多特性并没有用到。GitFlow工作流GitFlow工作流通过为功能开发，发布准备和维护设立了独立的分支，让发布迭代过程更流畅。严格的分支模型也为大型项目提供了一些非常必要的结构。Forking工作流Forking工作流
2021-04-27 10:13:16
62
原创 NODE青春修炼手册
NODE青春修炼手册NODE手册分号问题采用了无分号的代码风格的时候，只需要注意以下情况就不会有代码报错问题了：当一行代码是以： ( [ `开头的时候，则在前面补上一个分号用以避免一些语法解析错误。模板字符串` 是 EcmaScript 6 中新增的一种字符串包裹方式，叫做：模板字符串如何得到 wwwDir 目录列表中的文件名和目录名 fs.readdir如何将得到的文件名和目录名替换到 template.html 中 在 temp
2021-04-27 10:06:27
57
原创 NODE青春修炼手册
NODE青春修炼手册NODE手册Node中，采用EcmaScript进行编码，没有 BOM、DOM，和浏览器中的 JavaScript 不一样。浏览器中的JavaScript没有文件操作的能力,但是 Node 中的JavaScript 具有文件操作的能力文件系统fs 是 file-system 的简写，文件系统的意思，想要进行文件操作，就必须引入 fs 这个核心模块例如：fs.readFile 就是用来读取文件的读取文件步骤使用 require 方法加载 fs 核心模块读取文件，
2021-04-27 10:02:41
59
原创 WEb开发之H5+CSS篇
WEb开发之H5+CSS篇盒子模型的四个组成部分边框（border）border-width 边框粗细border-style 边框样式 dotted 点线边框 solid 实线边框 dashed 虚线边框border-color
2021-04-27 09:56:07
95
原创 WEb开发之H5+CSS篇
WEb开发之H5+CSS篇emmet语法其前身为Zen coding ,使用缩写提高编写速度，vscode已经集成快速生成HTML结构语法生成标签： 标签名+tab键（enter）生成多个相同标签： 标签名+ * 键父子级关系： >兄弟关系：
2021-04-27 09:53:44
125
原创 WEb开发之H5+CSS篇
WEb开发之H5+CSS篇CSS层叠样式表（标记语言）选择器 { 属性：属性值 }备注：属性和属性值之间以键值对的形式出现CSS代码风格样式格式书写紧凑格式展开格式样式大小写风格小写推荐（特殊除外）样式空格风格属性值前面，冒号后面，保留一个选择器和大括号之间CSS基础选择器标签选择器（元素选择器） 书写规范：标签名 { 属性： 属性值 }类选择器 书写规范：.类名
2021-04-27 09:51:07
169
原创 WEb开发之H5+CSS篇
WEb开发之H5+CSS篇表格问题1：表格的主要作用？不是用来布局页面的，而是显示，展示数据的。表格标签table 定义表格的标签 caption 表格标题tr 定义表格的行，必须嵌套在table中 th
2021-04-27 09:48:06
104
原创 WEb开发之H5+CSS篇
WEb开发之H5+CSS篇HTML语法规范新建后缀名为**.html**的文件，以记事本的形式打开。1.标签分类：**开始标签****结束标签** 双标签单标签2.双标签关系可以分为两类：包含关系并列关系（兄弟关系）HTML基本结构标签基本结构标签（骨架标签）HTML页面（HTML文档）定义 标签名 说明HTML标签 根标签，最大的标签文档的
2021-04-27 09:42:06
142
原创 WEb开发之H5+CSS篇
WEb开发之H5+CSS篇网页 网站就是网页的集合，网页是构成网站的基本元素，通常是HTML格式，通过浏览器来浏览定义：网页是由网页元素组成的，这些元素是利用HTML标签描述出来的，然后通过浏览器解析来显示给客户的HTML 超文本**标记语言**，描述语言。标记语言是一套**标记标签**。常用浏览器浏览器 浏览器内核（渲染引擎） 备注IE(Edge)微软
2021-04-27 09:36:56
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人