程序员不懂浪漫-CSDN博客

转载【最详细，最通俗易懂的docker容器文章，我是一遍就懂，你试试看】

我们之前说过，docker中image的概念就类似于“可执行程序”，我们可以从哪里下载到别人写好的应用程序呢?docker是一个用Go语言实现的开源项目，可以让我们方便的创建和使用容器，docker将程序以及程序所有的依赖都打包到docker container，这样你的程序可以在任何环境都会有一致的表现，这里程序运行的依赖也就是容器就好比集装箱，容器所处的操作系统环境就好比货船或港口，程序的表现只和集装箱有关系(容器)，和集装箱放在哪个货船或者哪个港口(操作系统)没有关系。

2023-04-01 13:14:50 208

原创 Git学习之---gogs【本地建仓库、拉取代码、上传代码】全套心得

Git学习之—gogs【本地建仓库、拉取代码、上传代码】全套心得工作所需，需要从gogs上的远程仓库拉取代码到本地仓库进行修改实现某些需求，修改完代码后需要把本地仓库代码上传到远程仓库中。这些操作对于编程老鸟来说当然是“基操”了，但是对于我们这种刚入行的新手小白来说就是一关必须要过的门槛，网上教程遍寻，集百家之长，这里放上自己的实际操作OK心得，以此供知识分享之用。不说绘话了，，，基本流程前提：已经安装了git的小伙伴继续往下看，没有安装的请先安装。1.本地建自己的仓库a.初始化2.拉取代

2022-02-24 09:05:57 2636 1

原创【Html+Css+Js】实现【不要踩“粉”块】小游戏

【Html+Css+Js】实现【不要踩“粉”块】小游戏近期也是在学习前端过程中，无意中发现了一款叫做【别踩白块】的小游戏好像挺有趣，就想着去试着去做一做看看，这一做就是好几天，我这里是粉块嘿嘿，哈哈后来出了点低级问题，单词拼错了啊哈哈，废话不说了，先上效果图给大家看看哈。这里主要是对于Dom创建元素和事件的函数创建与绑定，同时用到了定时器。思路是来源于实验楼哈，有进行删改，整体就是一个视口和一个内容，内容在视口中滚动的一个过程。具体可以用一个图表示（来自实验楼）：然后代码附上：【Html】

2021-12-30 20:45:45 2384

原创前端面试常问【Cookie、SessionStorage、 LocalStorage】三者之间的比较认识与理解。

cookie sessionStorage localStorage区别cookie数据始终在同源的http请求中携带(即使不需要)，即cookie在浏览器和服务器间来回传递cookie数据还有路径（path）的概念，可以限制。cookie只属于某个路径下存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如回话标识。webStorage虽然也有存储大小的限制，但是比cookie大得多，可以达到5M或更大数据的有效期

2021-12-28 00:02:25 389

原创浏览器输入Url到页面渲染的全过程有哪几个步骤？

浏览器输入Url到页面渲染的全过程有哪几个步骤？1.DNS解析2.TCP连接3.发送HTTP请求4.服务器处理请求并返回HTTP报文5.浏览器解析渲染页面6.连接结束

2021-12-27 23:57:57 736

原创有关Html5和Css3的新增属性列举。

Html5：1）标签增删8个语义元素 header section footer aside nav main article figure内容元素mark高亮 progress进度新的表单控件calander date time email url search新的input类型 color date datetime datetime-local email移除过时标签big font frame frameset2）canvas绘图，支持内联SVG。支持MathML3）多媒体audio

2021-12-27 23:53:47 110

原创 Html+Css【大白机器人】小项目练习

Html+Css【大白机器人】练习小项目先上效果图：主要技术栈：Html+Css（相对定位、绝对定位、平移、对称变换、旋转）直接上代码：------------><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta

2021-12-26 00:17:43 392

原创 JavaScript中几种常用的创建对象的方式整理

创建对象的方式有很多，下面为大家讲解JavaScript中几种常用的方式。通过对象字面量来创建var student = { name: 'zhangsan', age: 18, gender: 'male', sayHi: function () { console.log('hi,my name is ' + this.name); },};把上面的代码复制到控制台中，然后尝试依次输入下面的代码看看效果：student.name;student.age;stu

2021-12-25 16:32:56 360

原创 JavaScript中的Array、String、Data、Math常用属性、方法整理。

Array 对象Array 对象的常用属性：length，获取数组的长度。Array 对象的常用方法：concat() 方法用于连接两个或多个数组，并返回结果。语法为：arrayObject.concat(arrayX, arrayX, ..., arrayX);例子：var a = [1, 2, 3];var b = [4, 5, 6];var c = ['one', 'two', 'three'];console.log(a.concat(b, c)); // 打印结果为：[1, 2

2021-12-25 16:14:29 553

原创 ES6新增【Let、Const】与Var的对比区别。

ES6新增的Let、Const和Var的区别。Let和Var区别1.变量提升//Var可以变量提升console.log(a); //a=undefinedvar a = 3;//Let不可以变量提升console.log(a); //报错:UncaughtReferenceError: a is not definedlet a = 3;2.块级作用域//在ES6之前，var 只有全局作用域、函数作用域var a = 1;{var a = 10;}console.log(

2021-12-24 12:23:43 218

原创什么是跨域？前端面试常问问题。

什么是跨域？这个问题在前端面试中也是屡见不鲜，我和大家也是一样，对此有很多疑问，遍查很多资料，于是想着总结到这里，供自己以后参考补充。跨域这里不得不先提一下关于同源策略的概念，同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。而这里跨域指的是浏览器不能运行其他网站的脚本，这是由于浏览器的同源策略造成的。简单来说哈，二个U

2021-12-23 00:06:01 417

原创关于三次握手，以及其中的ACK机制的解释。

ACK (Acknowledge character）即是确认字符，在数据通信中，接收站发给发送站的一种传输类控制字符。表示发来的数据已确认接收无误。在TCP/IP协议中，如果接收方成功的接收到数据，那么会回复一个ACK数据。通常ACK信号有自己固定的格式,长度大小,由接收方回复给发送方。

2021-12-20 15:00:14 2098

原创计算机网络协议分为哪几层？7层协议、5层协议、4层协议。

计算机网络分为哪几层？7层协议、5层协议、4层协议。一、7层协议7层是指OSI七层协议模型，主要是：应用层（Application）、表示层（Presentation）、会话层（Session）、传输层（Transport）、网络层（Network）、数据链路层（Data Link）、物理层（Physical）。二、5层协议5层只是OSI和TCP/IP的综合，是业界产生出来的非官方协议模型，但是很多具体的应用。实际应用还是TCP/IP的四层结构。为了方便可以把下两层称为网络接口层。

2021-12-20 14:39:05 9844

原创几天时间【免费】搭建了自己的个人博客，免租服务器，免买域名，真香警告。

几天时间搭建了自己的个人博客，免租服务器，免买域名，真相香警告。刚花了几天搭建了个网站，先上链接，欢迎来访：染墨小白的博客现在市面上的博客很多，如CSDN，博客园，简书等平台，可以直接在上面发表，用户交互做的好，写的文章百度也能搜索的到。缺点是比较不自由，会受到平台的各种限制和恶心的广告。而自己购买域名和服务器，搭建博客的成本实在是太高了，不光是说这些购买成本，单单是花力气去自己搭这么一个网站，还要定期的维护它，对于我们大多数人来说，实在是没有这样的精力和时间。那么就有第三种选择，直接在github

2021-12-18 22:09:06 760

原创已解决unable to access‘https://xxx.github.io.git/‘: OpenSSL SSL_read: Connection was reset, errno10054

unable to access 'https://github.com/ranmocc/ranmocc.github.io.git/': OpenSSL SSL_read: Connection was reset, errno 10054 报错，亲测已解决。

2021-12-16 01:28:56 2076 1

原创仅仅CSS就实现了轮播图----利用关键帧动画实现轮播图效果

利用CSS关键帧实现轮播图效果动画最近梳理css的动画效果的时候，想到了原来学css的时候，有个好玩的轮播图效果，当时用的js写好的轮子，然后网上到处找，这次换自己来写一个css简单的轮播吧，给才接触的童鞋参考一下。关键css技术：css的animation动画属性，@keyframes 关键帧简单思路就是：两个div，一个父div，一个子div，父div作为展示窗口，子div作为图片容器存放图片，设置浮动使得子div中图片依次在容器中横向排列，父div的宽高设置和图片一致，然后overflow:h

2021-12-08 12:58:49 627

转载面试常见问题----W3C标准规范解答。

作为前端工程师对W3C标准和规范不是很陌生。很多招聘要求中经常提到深入了解W3C标准及规范。那下面就总结一下W3C标准及规范：概念：W3C标准中文名：万维网联盟，外文名：World Wide Web Consortium万维网联盟标准不是某一个标准，而是一些列标准的集合。网页主要有三部分组成：结构（Structure）、表现（Presentation）、行为（Behavior）。对应的标准也有三方面：结构化标准主要包括XHTML和XML，表现标准语言主要包括CSS、行为标准主要包括（如W3C DOM

2021-12-05 20:20:52 1208

染墨小白