![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
橘子超酸辣
文章平均质量分 56
全栈工程师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学习手册(1)
语言人和计算机交流的工具,人类通过语言来控制,操作计算机。语言的发展机器语言:纸带机符号语言:汇编语言高级语言:现代语言起源诞生于1995年,主要用于处理网页中的前端验证(检查用户输入的内容是否符合一定的规则)。Netscape(网景公司)–> live Script --> SUN --> JAVASCRIPT微软 --> 探险家 --> JScript -->IE3浏览器ECMAScript --> E原创 2021-05-01 18:30:28 · 267 阅读 · 0 评论 -
阿里云CDN(9)
CDN基本及时掌握的就这些,如果想了解更多,请联系我邮箱designbyly@aliyun.com谢谢你的观看每日一句人生应该如蜡烛一样,从顶燃到底,一直都是光明的。原创 2021-05-01 18:26:53 · 144 阅读 · 0 评论 -
阿里云CDN(8)
CDN的基本原理和CDN的基本思路CDN的基本原理是广泛采用各种缓存服务器,将这些缓存服务器分布到用户访问相对集中的地区或网络中,在用户访问网站时,利用全局负载技术将用户的访问指向距离最近的工作正常的缓存服务器上,由缓存服务器直接响应用户请求。CDN的基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器,节点服务器/4576219)所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接、负原创 2021-05-01 18:25:18 · 304 阅读 · 0 评论 -
阿里云CDN(7)
停止阿里云CDN服务在控制台停止相应的域名,即视为停止了CDN服务。该域名下的请求都将会回源。在做此操作前,请确认源站带宽处理能力。CDN使用–加速配置域名加速配置CNAME绑定刷新缓存资源监控每日一句凡事只要看得淡些,就没有什么可忧虑的了;只要不因愤怒而夸大事态,就没有什么事情值得生气的了。...原创 2021-05-01 18:23:36 · 137 阅读 · 0 评论 -
阿里云CDN(6)
阿里云CDN节点架构阿里云CDN节点系统:内部架构图关键组件:LVS做四层负载均衡。Tengine做七层负载均衡安全业务逻辑处理Swift做HTTP缓存高性能cache磁盘(SSD/SATA)四层负载均衡:LVS四层负载均衡由前端负载均衡器和后端服务器池组成,一般一组服务器池对应一个应用。前端负载均衡器采用LVS+Keepalived的结构,用两台LVS机器互为备份(Master/Backup)的角色,Master和Backup之间通过VRRP协议自动切换从而实现Fail-Ov原创 2021-05-01 18:21:41 · 215 阅读 · 1 评论 -
阿里云CDN(5)
智能DNS解析基本过程----------------------------------------------------------------------------------------------------------域名服务器DNS根服务器 ..原创 2021-05-01 18:19:58 · 2306 阅读 · 4 评论 -
阿里云CDN(4)
场景一(静态资源加速)静态资源较多的站点/应用加速站点或者应用中大量静态资源的加速分发,建议将站点内容进行动静分离,动态文件可以结合云服务器ECS,静态资源如图片,HTML,css,js文件等,建议结合,对象存储OSS存储海量静态资源,可以有效加速内容加载速度,轻松搞定网站图片,端视频等内容分发。对象:新闻门户,企政网站,访问量比较大的其他网站。场景二(音视频点播)音视频点播/大文件下载分发加速支持各类文件的下载,分发,支持在线点播加速业务,如MP4,flv视频文件或者平均单个文件大小在20M以原创 2021-05-01 18:18:15 · 85 阅读 · 0 评论 -
阿里云CDN(3)
域名Internet网络上的一个服务器或一个网络系统的名字,在全世界,没有重复的域名。CNAME记录一个别名记录(Canonical Name),当DNS系统在查询CNAME左面的名称的时候,都会转向CNAME右面的名称再进行查询,一直追踪到最后的PTR或A名称,成功查询后才会做出回应,否则失败。CNAME域名CDN的域名加速需要用到CNAME记录,在阿里云控制台配置完成CDN加速后,会得到一个加速后的域名,称之为CNAME域名(该域名一定是 *.alikunlun.com),用户需要将自己的原创 2021-05-01 18:16:14 · 200 阅读 · 0 评论 -
阿里云CDN(2)
阿里云CDN的功能业务小文件加速(KB级):图片,HTML页面等静态小文件。大文件加速(MB级):APK等大文件。200KB以上。视频点播(MB级):MP4 , FLV , HLS , HTTP。视频直播:HLS , HTTP , OVER FLV , RTMP。用户快捷申请,用户可以通过阿里云控制台很方便的去申请CDN加速服务。个性化配置,系统支持用户自定义文件缓存策略,如过期时间。报表,日志分析;包括:流量,命中率,访客,ISP等数据。OPEN A原创 2021-05-01 18:14:28 · 228 阅读 · 0 评论 -
阿里云CDN(1)
影响网站访问速度的关键节点 服务器宽带 -----------------------接入带宽 用户WEB服务器 -----------------------------------公共互联网(Internet)----------------原创 2021-05-01 18:12:29 · 300 阅读 · 1 评论 -
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--井字棋实战(5)
受控组件目前的 Square 组件称做“受控组件”。在这种情况下,Board 组件完全控制了 Square 组件。改变数据的方式第一种方式是直接修改变量的值。第二种方式是使用新的一份数据替换旧数据。撤销和恢复功能需求不直接在数据上修改可以让我们追溯并复用游戏的历史记录,这就是方法。替换Square类function Square(props) { return <button className = 'square' onClick = { props.onClick原创 2021-04-30 11:11:35 · 83 阅读 · 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 评论 -
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 · 226 阅读 · 1 评论 -
WEb开发之H5+CSS篇
WEb开发之H5+CSS篇为什么使用定位浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子。定位则是可以让盒子自由的在某个盒子内移动位置或者固定在屏幕的某个位置,并且可以压住其他盒子。定位的分类定位 = 定位模式 + 边偏移定位模式( position )static 静态定位relative原创 2021-04-28 09:56:29 · 64 阅读 · 3 评论