抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

某咸鱼的 ToDoList 实践🐟

为什么要迫害 ToDoList摸鱼了也挺长时间,是时候该尝试写个小案例安慰下自己了。 组件划分对于 ToDoList 来说,没有多少组件化的东西。主要还是对一些基本知识的练习。所以我将其划分了一个父组件和两个子组件,他们分别是:用于输入的 Button 和用于展示数据 List。 两个子组件分别对存在于父组件内保存的列表进行增删改的操作。 整体功能目录结构: $ tree -l 4 --i...

经典轮播图的实现方案

传统方式项目地址 传统方式实现轮播也算一个不小的工程量了,基本布局就是将所有的图片横向布局,并在首位分别克隆最后和第一张图片。当切换到克隆的图片时,并在动画播放快结束时,将这个图片队列复位。 当整个队列切换完了之后,会切换到克隆的 #1 图片上,再动画完成之后,我们悄悄的将其切换为真正的第一张图片。 传统方式的实现为了给各种数量的图片做适应,所以整个队列的宽度就不固定死了,而使用 Jav...

构造函数与绑定this

丢失thisthis 是整个 JavaScript 语言里最令人头疼的特性。在 JavaScript 中,this 是动态的,也就是说它在运行时是变化的。也正因这一特性,this 的变化难以预料,不经意间就会发生令人意外的结果。 先来看一个最基本的例子。我们有一个很智能的 test 函数,它有一个 age 属性和一个 sayAge 方法: let test = { age:...

JavaScript 实践-乘法表

从学习js到现在,也有一段时间了。曾经也尝试过写一些复杂的实践。后来经过测试,就算在入门阶段到了会写,那么距离最优代码还是有一定的差距。可能隔个几天回来自己都看不懂自己写的是什么了,杂乱无章。 最近打算先开始写一些简单的案例做做练习。无意中想到了经典的乘法口诀表,正好for循环也有过实践了,可以尝试一下。 for循环嵌套的一次练习。 思路有了想法之后,就要开始构建实现的思路。由于css还...

写作与协作

出于对速度无理的追求,最终还是放弃了使用动态内容。转战静态blog。以前也稍微尝试过hexo,所以决定还是主要为hexo为主了。 在之前试过的typecho、wordpress之中,越是臃肿复杂的程序,1M的带宽越是不够。再详细的折腾了hexo之后,发现了最佳的解决方案。 在早期的一些常识之后,我也学会了很多。在刚入坑hexo的时候是盯上了阿里云的ECS+OSS和CDN的。虽然部署还是比较麻...

Docker-全面容器化!

自上篇Docker - 构建属于自己的镜像以来,发现Docker非常的有意思。主要是非常的方便,并且在可以跨平台的情况下部署环境对于以后迁移也是一件极其有利的事。研究了Dockerfile的编写以及实践。一些基础的实践之后,对于Docker的工作方式以及操作命令都有了一些熟悉。也逐渐了发现了它的一些优点。 翻开自己的旧机器里的多种环境交杂在一起的配置,时间长了连配置文件在哪都找不到了。管理起...

Header 实践-得拿下这个 A

Header安全检测 之前在学习HTML时候研究过X-Frame-Options,它也是header头中的一个安全策略。用于给浏览器指示是否允许一个页面能否嵌入<iframe>等嵌入元素。 下述所有apache2的操作都需要先启用header模块(Model)才能使用。 所有参考/摘录来自于MDN X-Frame-Optionshttps://www.defectink.com/...

Docker-构建属于自己的镜像

以前一直在使用别人构建好的镜像来使用Docker容器,在一次想搭建一个完整的Web环境时,发现使用过多容器非常难以管理。并且容器之间的交互通信变的困难。当然,也可以使用Docker Compose来捆绑多个镜像运行;不过对于运行服务较少的来说,使用Dockerfile来构建成一个镜像也是件好事。 需求首先,在构建一个镜像之前,需要先明白这个镜像将会包含哪些东西,运行哪些服务。目前主要是想在当...

ASCII 在线视频流

什么是ASCII? 来自百度百科的解释:ASCII(American Standard Code for Information Interchange,美国信息交换标准代码)是基于拉丁字母的一套电脑编码系统,主要用于显示现代英语和其他西欧语言。它是现今最通用的单字节编码系统,并等同于国际标准ISO/IEC 646。 应该很多小伙伴们都非常熟悉ASCII码了,它也是现今最能玩的一套编码了吧(...

Gitlab 尝鲜

Gitlab?GitLab是由GitLab Inc.开发,使用MIT许可证的基于网络的Git仓库管理工具,且具有wiki和issue跟踪功能。 它是一款和常见的Github很像仓库管理工具,大体使用上和Github很像。前端页面也很好看,主要的是安装非常的方便,它集成了自身需要的nginx的服务端。 起初是由Ruby写成,后来部分由Go语言重写。 最早,它是完全免费的开源软件,按照 MIT ...