![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
操作手册
全栈工程师MrL
喜欢C语言和前端
GitHub:designbyly
你所看见的一切都是我想让你看见的!
展开
-
JavaScript学习手册(11)
测试程序性能的方案程序开始前,开启计时器console.time( “ 计时器名字 ” );需要一个字符串作为参数,这个字符串将作为计时器的标识。程序结束后,终止计时器console.timeEnd( " 计时器名字 " );需要一个计时器的名字作为参数。每日一句十年练得好文秀才,十年练不成田秀才...原创 2021-05-02 09:39:57 · 139 阅读 · 0 评论 -
JavaScript学习手册(10)
流程控制语句条件判断语句(if语句)在执行某个语句之前进行判断,条件成立才会执行语句,条件不成立则语句不成立 语法一:if(条件表达式) 语句 **语法二:**if(条件表达式){ 语句。。。 }原创 2021-05-02 09:38:08 · 1013 阅读 · 1 评论 -
JavaScript学习手册(9)
运算符(操作符)对一个或者多个值进行运算算数运算符加,减,乘,除,取模运算对非Number类型的值进行加法运算时,会将这些值转换为Number然后再运算任何值和NaN做加法运算都得到NaN字符串相加,则将字符串拼接在一起任何值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼接技巧:为任意的数据类型 + “ ” ,即可将其转换为字符串。(隐式类型转换,浏览器自动完成) 为一个值 -0 ,* 1, / 1,来转换为Number(原创 2021-05-02 09:36:27 · 837 阅读 · 3 评论 -
JavaScript学习手册(8)
十进制数字二进制数字0b八进制数字0开头十六进制数字0x开头每日一句胆大骑龙骑虎,胆小骑猫骑兔原创 2021-05-02 09:34:47 · 192 阅读 · 0 评论 -
JavaScript学习手册(7)
类型转换主要指:将其他的数据类型,转换为String Number Boolean;将其他数据类型转为String方案**方案一:**调用被转换数据类型的toString()方法 该方法不会影响到原变量,他会将转换的结果返回。 **注意:**null和undefined这两个值没有tostring()方法。如果调用,会报错。**方案二:**调用String()函数,并将被转换的数据作为参数传递给函数。原创 2021-05-02 09:33:07 · 282 阅读 · 2 评论 -
JavaScript学习手册(6)
数据类型字面量的类型6种数据类型*** 基本数据类型****字符串(string)Number(数值)Boolean(布尔值)Null(空值)Undefined(未定义)引用数据类型Object(对象)》》》字符串需要用引号括起来,双引号或者单引号,不要混着用引号。引号不能嵌套,双引号不能放双引号,单引号不能放单引号。在字符串中我们可以使用 \ 作为转义字符,当表示一些特殊字符时可以使用 \ 进行转义。转义字符\ “ : 表原创 2021-05-02 09:31:37 · 597 阅读 · 2 评论 -
JavaScript学习手册(5)
标识符在JS中所有的可以由我们自主命名的都可以称为是标识符。标识符:变量名,函数名,属性名遵循规则标识符可以含有字母,数字,下划线,$符标识符不能以数字开头标识符不能是ES关键字,保留字标识符一般采用驼峰命名法(首字母小写,每个单词的开头字母大写,其余字母小写)关键字break do instanceof typeof原创 2021-05-02 09:29:54 · 310 阅读 · 0 评论 -
JavaScript学习手册(4)
字面量一些不可改变的值可以直接使用一般不会直接使用字面量变量用来保存字面量值可以任意改变方便使用在开发中都是通过变量去保存一个字面量,很少使用字面量。可以通过变量对字面量进行描述。声明变量 var关键字为变量赋值声明和赋值同时进行每日一句三百六十行,行行出状元。...原创 2021-05-02 09:28:13 · 287 阅读 · 0 评论 -
JavaScript学习手册(3)
JS注释注释中的内容不会被执行,但是可以在源代码中查看多行注释:/ * */单行注释://要养成良好的代码编写习惯。JS语法规定JS中严格区分大小写。JS中每一条语句以分号结尾。( 如果不写分号,浏览器会自动添加,但是会消耗一些系统资源 ,有些时候浏览器会加错分号)JS中会忽略多个空格和换行。(可以利用空格和换行对代码进行格式化)每日一句人心隔肚皮,看人看行为。...原创 2021-05-02 09:26:40 · 178 阅读 · 0 评论 -
JavaScript学习手册(1)
语言人和计算机交流的工具,人类通过语言来控制,操作计算机。语言的发展机器语言:纸带机符号语言:汇编语言高级语言:现代语言起源诞生于1995年,主要用于处理网页中的前端验证(检查用户输入的内容是否符合一定的规则)。Netscape(网景公司)–> live Script --> SUN --> JAVASCRIPT微软 --> 探险家 --> JScript -->IE3浏览器ECMAScript --> E原创 2021-05-01 18:30:28 · 267 阅读 · 0 评论 -
NODE青春修炼手册
动态的获取当前文件以及文件所属目录的绝对路径__dirname 和 filename中间件处理请求的,本质就是个函数Express 中间件的几种几种分类当请求进来,会从第一个中间件开始进行匹配如果匹配,则进来如果请求进入中间件之后,没有调用 next 则代码会停在当前中间件如果调用了 next 则继续向后找到第一个匹配的中间件如果不匹配,则继续判断匹配下一个中间件不关心请求路径和请求方法的中间件任何请求都会进入这个中间件中间件本身是一个方法,该方法接收三个参数:Request原创 2021-04-30 11:36:31 · 38 阅读 · 0 评论 -
React--井字棋实战(9)
非常感谢你耐心看完React基本教程,辛苦啦!!此教程分为三部分第一部分:实战说明手册第二部分:代码展示第三部分:视频演示巴拉巴拉巴拉,把你变成猪! ∧_∧(。・ω・。)つ━☆・*。⊂ ノ ・゜+. しーJ °。+ *´¨) .· ´¸.·*´¨) ¸.·¨) (¸.·´ (¸.·’学无止境,喜欢记得关注点赞哦,mua~全部在github,喜欢的给个star哦。...原创 2021-04-30 11:19:55 · 72 阅读 · 0 评论 -
React--井字棋实战(8)
绑定一个keyconst moves = history.map((step, move) => { const said = move ? '开始移动' + move : '开始游戏'; return ( < li key={move}> < button onClick = {原创 2021-04-30 11:17:48 · 74 阅读 · 0 评论 -
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 · 82 阅读 · 0 评论 -
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 · 83 阅读 · 0 评论 -
React--井字棋实战(5)
受控组件目前的 Square 组件称做“受控组件”。在这种情况下,Board 组件完全控制了 Square 组件。改变数据的方式第一种方式是直接修改变量的值。第二种方式是使用新的一份数据替换旧数据。撤销和恢复功能需求不直接在数据上修改可以让我们追溯并复用游戏的历史记录,这就是方法。替换Square类function Square(props) { return <button className = 'square' onClick = { props.onClick原创 2021-04-30 11:11:35 · 83 阅读 · 0 评论 -
React--井字棋实战(4)
状态提升同时获取多个子组件数据,或者两个组件之间需要相互通讯的情况时,需要把子组件的 state 数据提升至其共同的父组件当中保存。之后父组件可以通过 props 将状态数据传递到子组件当中。这样应用当中所有组件的状态数据就能够更方便地同步共享了。重构 React 组件将组件的 state 提升到父组件在Board组件上添加构造函数并测试 constructor(props) { super(props); this.state = { ju原创 2021-04-30 11:09:16 · 88 阅读 · 0 评论 -
React--井字棋实战(3)
增加交互功能Square 组件中 render() 方法的返回值中的 button 标签修改render() { return ( < button className = "square"``onClick = {() => { alert(‘橘子太酸辣~’) } } > { this.props.value } </button> );}`运行截图记忆功能Square 组件可以“记住”它被点击过,然后用 “大橘子” 来填充对应的方格。增加一原创 2021-04-30 11:06:28 · 58 阅读 · 0 评论 -
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 · 75 阅读 · 0 评论 -
React--井字棋实战(1)
创建项目目录结构运行启动界面有问题请联系本人邮箱designbyly@aliyun.com关于这里需要会操作node,会使用简单的命令行,请勿贪心!!!原创 2021-04-30 11:01:03 · 99 阅读 · 0 评论 -
WEb开发之H5+CSS篇
WEb开发之H5+CSS篇SEO:搜索引擎优化目的是对网站进行深度的优化。三大标签:title: 搜索引擎了解网页的入口和对网页主题归属的最佳判断点。 网站名(产品名)-网站的介绍(尽量不超过30个汉字) description 网站说明,简明说明我们网站主要做什么(SEO专写) keyword 页面关原创 2021-04-29 12:55:23 · 48 阅读 · 0 评论 -
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 · 219 阅读 · 0 评论 -
NODE青春修炼手册
NODE青春修炼手册动态的获取当前文件以及文件所属目录的绝对路径__dirname 和 filename中间件处理请求的,本质就是个函数Express 中间件的几种几种分类当请求进来,会从第一个中间件开始进行匹配如果匹配,则进来如果请求进入中间件之后,没有调用 next 则代码会停在当前中间件如果调用了 next 则继续向后找到第一个匹配的中间件如果不匹配,则继续判断匹配下一个中间件不关心请求路径和请求方法的中间件任何请求都会进入这个中间件中间件本身是一个方法,该方法接收三个参原创 2021-04-29 12:50:03 · 54 阅读 · 0 评论 -
NODE青春修炼手册
NODE青春修炼手册必须通过回调函数适用的情况注意:凡是需要得到一个函数内部异步操作的结果setTimeoutreadFilewriteFileajax这种情况必须通过:回调函数异步操作行为一般情况下,把函数作为参数的目的就是为了获取函数内部的异步操作结果JavaScript 单线程、事件循环find和findindex区别find 接收一个方法作为参数,方法内部返回一个条件find 会遍历所有的元素,执行你给定的带有条件返回值的函数符合该条件的元素会作为 find 方法的原创 2021-04-29 12:48:04 · 53 阅读 · 0 评论 -
NODE青春修炼手册
NODE青春修炼手册NODE手册异步操作使用的所有文件操作的 API 都是异步的,就像 ajax 请求一样文件操作中的相对路径可以省略 ./在模块加载中,相对路径中的 ./ 不能省略重新定义文件读取方式在文件操作的相对路径中./data/a.txt 相对于当前目录data/a.txt 相对于当前目录/data/a.txt 绝对路径,当前文件模块所处磁盘根目录c:/xx/xx… 绝对路径路由分配略,如同读取文件操作每日一句读书忌死读,死读钻牛角。...原创 2021-04-29 12:46:17 · 48 阅读 · 0 评论 -
NODE青春修炼手册
NODE青春修炼手册NODE手册node中的模块系统exports 是一个对象,我们可以通过多次为这个对象添加成员实现对外导出多个内部成员。模块原理在 Node 中,每个模块内部都有一个自己的 module 对象。该 module 对象中,有一个成员叫:exports 也是一个对象。如果你需要对外导出成员,只需要把导出的成员挂载到 module.exports 中。**注意:**当一个模块需要导出单个成员的时候,直接给 exports 赋值是不管用的。模块断开问题给 exports原创 2021-04-29 12:44:36 · 49 阅读 · 0 评论 -
Git操作手册(12)
Git操作手册(12)git基本操作到此结束,非常感谢你的耐心观看,如果想了解更多以及遇到各种BUG,请联系我邮箱。谢谢!每日一句取得成就时坚持不懈,要比遭到失败时顽强不屈更重要。原创 2021-04-29 12:41:24 · 46 阅读 · 0 评论 -
Git操作手册(11)
Git操作手册(11)Git分支操作实践展示略【访问github】以上为简易分支操作实践,更多请联系本人邮箱designbyly@aliyun.com每日一句感激每一个新的挑战,因为它会锻造你的意志和品格。原创 2021-04-29 12:39:11 · 56 阅读 · 0 评论 -
Git操作手册(10)
Git操作手册(10)命令行简易操作(主分支法)实操略(详细访问github)简易操作法可以按照上面一步步来,主分支简易操作法实操到此结束。每日一句路漫漫其修道远,吾将上下而求索。...原创 2021-04-29 12:35:54 · 70 阅读 · 0 评论 -
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 · 52 阅读 · 0 评论 -
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 · 57 阅读 · 0 评论 -
Git操作手册(7)
Git操作手册(7)Git及Git gui展示省略访问:github每日一句读书有三到,谓心到,眼到,口到。原创 2021-04-28 10:16:41 · 45 阅读 · 0 评论 -
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 · 65 阅读 · 0 评论 -
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 · 102 阅读 · 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 · 46 阅读 · 0 评论 -
Git操作手册(3)
Git操作手册集中式版本控制工具和分布式版本控制工具版本控制个人开发迭代团队协作版本控制工具**功能:**协同修改,数据备份,版本管理,权限控制,历史记录,分支管理SVN: 增量式管理Git: 文件系统快照分类集中式版本控制工具:CVS , SVN , VSS… ( 宕机 <--------> 单点故障 )分布式版本控制工具:Git , Mercu原创 2021-04-28 10:00:55 · 47 阅读 · 0 评论 -
Git操作手册(2)
Git操作手册(1)哈希解读哈希是一系列的加密算法,各个不同的哈希算法虽然加密强度不同,但是有以下几个特点。不管输入数据的数据量有多大,输入同一个哈希算法,得到的加密结果长度固定。哈希算法确定,输入数据确定,输出数据能够保证不变。哈希算法确定,输入数据有变化,输出数据一定有变化,而且通常变化很大。哈希算法不可逆。Git底层采用的是SHA-1算法。哈希算法可以被用来检验文件。明文 ----------------------(加密算法)------------------------原创 2021-04-27 10:15:46 · 68 阅读 · 0 评论 -
Git操作手册(1)
Git操作手册Git工作流和GitFlow工作流Git工作流在项目开发中使用Git的方式分类集中式工作流像SVN一样,集中式工作流以中央仓库作为项目所有修改的单点实体。所有修改都提交到Master分支上。这种方式与SVN的主要区别就是开发人员有本地库。Git很多特性并没有用到。GitFlow工作流GitFlow工作流通过为功能开发,发布准备和维护设立了独立的分支,让发布迭代过程更流畅。严格的分支模型也为大型项目提供了一些非常必要的结构。Forking工作流Forking工作流原创 2021-04-27 10:13:16 · 53 阅读 · 0 评论