![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
初次见面 请多关照
文章平均质量分 72
各种入门:Node,Sketch,Postman,Mac,白盒测试……
莫亓
力氵口 口由巴 .
https://github.com/censek
展开
-
python 小白入门 嘻嘻
官网下载:https://www.python.org/downloads/IDLE 是一个 Python Shell,可以利用 Python Shell 与 Python 交互。hello world ????1. 通过 IDLE打开 IDLE,点击左上角菜单栏 File ➡️ New File 打开新窗口,编写 python 代码。print("hello world ~")保存时文件后缀写为 .py 。点击菜单栏 Run ➡️ Run Module 运行程序。在 Pyt原创 2021-02-08 15:31:12 · 412 阅读 · 7 评论 -
Vue 入门:el: '#app' 是什么意思 & component 组件 & 实现 ToDoList
????♀️ 用原生 js 实现基本页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...原创 2020-05-06 15:53:26 · 10303 阅读 · 2 评论 -
Prisma(四):连接本地数据库进行增删改查操作;Subscriptions 订阅
··原创 2020-03-25 16:22:15 · 2299 阅读 · 0 评论 -
Gridsome(四):完善简易博客网站 (内有 footer 不满一屏时在最底部,超出一屏时在页面最底部 解决方案)
footer 置于页面的底部利用绝对定位/* 文件目录:src/layouts/Defaults.vue */.footer { color: #c5c5c5; bottom: 20px; position: absolute; bottom: 0;}优化博客列表显示<!-- 文件目录:src/pages/Index.vue --><temp...原创 2020-03-20 13:42:27 · 755 阅读 · 5 评论 -
Gridsome(三):搭建简易博客网站
创建一个新的 Gridsome 项目。gridsome create myBlogcontrol + ccd myBlogcnpm installgridsome develop默认界面:修改后的界面:安装插件cnpm install @gridsom/source-filesystem -S...原创 2020-01-13 17:30:09 · 1109 阅读 · 0 评论 -
Gridsome(二):起步
用 GraphQL 查询数据使用 Gridsome 可以将数据导入网页。Gridsome 利用 GraphQL 进行数据管理。安装插件:运行 Gridsome:yarn develop在 GraphQL Playground 查看我们可以访问的查询。有一个所有查询的文档,我们可以看到伪造者和所有Faker查询已经被添加,因为我们安装了网格/源Faker插件。这些数据将用于填充我...原创 2020-01-08 10:54:23 · 725 阅读 · 0 评论 -
GridSome(一):介绍
背景随着时间的推移,静态站点生成器的时代正在发生变化,许多很酷的工具正在被开发出来,以帮助促进 JAMStack 的发展,而开发人员正在接受这些工具。而 Gridome 就是创建快速网站的工具之一。静态站点生成器:我们曾经做过的只有一些 CSS 的简单的 HTML 网站,没有任何形式的动态操作。介绍Gridsome 是一个由 Vue.js 提供支持的开源框架,用于构建快速的静态网站...原创 2019-12-29 22:21:49 · 2836 阅读 · 0 评论 -
D3.js(二):方法
核心(Core) - 包括选择器,过渡,数据处理,本地化,颜色等。比例尺(Scales) - 数据编码和视觉编码之间的转换。可缩放矢量图形(SVG) - 提供用于创建可伸缩矢量图形的实用工具。时间(Time) - 解析或格式化时间,计算日历的时间间隔等。布局(Layouts) - 推导定位元素的辅助数据。地理(Geo) - 球面坐标,经纬度运算。几何(Geometry) - 提供绘制...原创 2019-12-12 16:20:26 · 485 阅读 · 0 评论 -
D3.js(一):开启D3
图表:赋予数据一种形式,确实很有威力,哪怕用来对付那些看起来超级无聊或唬人的话题。D3 即(Data Driven Documents)数据驱动文档由 Mike Bostock 编写的一个 JavaScript 程序库。D3 名副其实,能将数据绑定到 Web 文档,然后基于数据来操纵那些文档。D3 可以让你直接在 SVG 这种华丽的 Web 文档格式的图形元素上根据数据值来设置属性。使...原创 2019-12-01 19:57:19 · 456 阅读 · 0 评论 -
你真的理解 GraphQL 了吗?
????GraphQL 为什么要叫 GraphQL,其中的 Graph 体现在什么地方❓GraphQL 的查询语句,看起来是 JSON 写法的一种简化。而 JSON 是一个 Tree 树形数据结构。为什么不叫 TreeQL,而是 GraphQL 呢?Tree ???? Graph那我们先来看看 什么是 Tree,什么是 Graph,它们有什么关系?Tree 的结构示意图:Tree 有且只有一个 R...原创 2019-11-24 21:28:06 · 531 阅读 · 0 评论 -
GraphQL(二):规范
1. 概览GraphQL语言提供一种直观的弹性语法系统,用以描述客户端程序设计时的 数据需求 以及 数据交互 行为。{ user(id: 4) { name }}// 返回如下JSON数据{ "user": { "name": "Mark Zuckerberg" }} ...原创 2019-11-15 14:58:23 · 733 阅读 · 0 评论 -
GraphQL(一):基本介绍
特点:请求需要的数据,不多不少。Graph可定制字段,只取需要的字段。获取多个资源,只用一个请求。请求消耗时间。描述所有可能类型的系统。便于维护,根据需求平滑演进,添加或隐藏字段。????推荐链接:官网中文网...原创 2019-10-30 11:13:11 · 221 阅读 · 0 评论 -
ArangoDB 在 Mac 下的安装使用
命令行输入: brew install arangodb==> Summary???? /usr/local/Cellar/arangodb/3.5.0_1: 4,466 files, 357.3MB==> Caveats==> openssl@1.1A CA file has been bootstrapped using certificates from the sy...原创 2019-10-14 17:08:33 · 797 阅读 · 0 评论 -
Git基本概念与命令使用 [集中式vs分布式,工作区,暂存区,版本库,版本回退,管理修改,撤销修改,删除文件]
Git基本概念集中式 VS 分布式集中式版本控制系统 [例如SVN],版本库是集中存放在中央服务器的,而干活的时候,用的都是自己的电脑,所以要先从中央服务器取得最新的版本,然后开始干活,干完活了,再把自己的活推送给中央服务器。中央服务器就好比是一个试卷库,你要改一份卷子,必须先从试卷库取出来,然后回到家自己改,改完了,再放回试卷库。集中式版本控制系统最大的毛病就是必须联网才能工作,如果在...原创 2019-07-10 10:57:26 · 162 阅读 · 0 评论 -
Node.js —— 自定义模块 和 Content-Type
require 是一个方法,它的作用是用来加载模块的。在Node中,模块有三种:具名的核心模块,例如:fs、http用户自己编写的文件模块第三方模块可以省略后缀名,不能省略相对路径 ./a.jsconsole.log("a start");require("./b.js");console.log("a end");b.jsconsole.log("b.js 文件被加载...原创 2019-09-01 23:04:51 · 430 阅读 · 0 评论 -
Node.js —— fs核心模块 , Node中的Console ,在Node中使用模版引擎
fsvar fs = require("fs");fs.readFile("x.js", function(err,data){ if(err) { console.log("读取文件失败!"); } else { console.log(data.toString()); }})读取文件是二进制.toString() 转换。...原创 2019-09-02 13:08:47 · 193 阅读 · 0 评论 -
初探 MongoDB
确保mongoDB安装成功:mongod --version启动和关闭数据库启动:mongodmongodb 默认使用执行 mongod 命令所处盘符根目录下的 /data/db 作为自己的数据存储目录。停止:control + C连接和退出数据库连接:# 该命令默认连接本机的MongoDB 服务mongo退出:exit基本命令命令说明...原创 2019-09-06 13:11:27 · 331 阅读 · 0 评论 -
在 Docker 中使用 MongoDB
如果你是一名 MongoDB 的初学者,那么你入门 MongoDB 的第一件事就是安装,但是安装 MongoDB 还需要自己配置一些服务。这时候,Docker 就能帮上大忙,它能够让你不需要本地安装 MongoDB 就能使用。首先你的电脑上需要 安装 Docker,然后在 Docker 的镜像中查询 MongoDB 的镜像,命令如下:docker search mongodb我们在这...原创 2019-09-10 16:57:50 · 375 阅读 · 0 评论 -
Express 基本使用
使用框架的目的:提高效率,让我们的代码更加高度统一。Express —— Node中的一种 Web 开发框架官网: expressjs.com开发者:TJ安装mkdir myapp #新建项目文件夹cd myapp #进入到项目目录npm init #初始化一个package.json文件npm install express --saveInstalling E...原创 2019-09-11 13:32:19 · 150 阅读 · 0 评论 -
nodemon 解决频繁修改代码重启服务器问题
nodemon 是一个基于 Node.js 开发的一个第三方命令行工具。安装npm install --global nodemon# 查看是否安装成功:nodemon --version使用nodemon app.js #app.js为入口文件名它会监视你文件的变化,只要通过 nodemon app.js 启动的服务文件发生变化,便自动帮你重启服务器。...原创 2019-09-11 13:43:01 · 1086 阅读 · 2 评论 -
Node.js核心模块 —— 简单的 http 服务
使用Node非常轻松当构建一个Web服务器在Node中专门提供了一个核心模块:httphttp这个模块的职责就是帮你创建编写服务器的加载 http 核心模块var http = require("http");使用 http.createServer() 方法创建一个Web服务器返回一个Server实例var server = http.createServer();...原创 2019-08-28 17:12:12 · 213 阅读 · 0 评论 -
初识Node.js
Node.js 是什么?传统意义上的 JavaScript 运行在浏览器上,这是因为浏览器内核实际上分为两个部分: 渲染引擎和 JavaScript 引擎。前者负责渲染 HTML + CSS,后者则负责运行 JavaScript。Chrome 使用的 JavaScript 引擎是 V8,它的速度非常快。Node.js 是一个运行在服务端的框架,它的底层就使用了 V8 引擎。我们知道 Ap...原创 2019-08-27 10:04:47 · 182 阅读 · 0 评论 -
了解 Material Design 设计,这一篇就够了
2014年10月,google发布了Android的Lollipop系统,系统的一个重大改动是引入了一种新的视觉语言:Material Design。随着新系统的发布,安卓也发布了一个跨平台的视觉、动效、交互设计的全面指引。Material Design的设计指引要是全面描述的话,会太繁杂,所以在这里只展现四个核心设计要点。Material design的核心思想,就是把物理世界的体验带...原创 2019-08-20 23:29:52 · 1710 阅读 · 0 评论 -
Mac下Docker的安装及使用
docker是什么?Docker 是一个开源的应用容器引擎,基于 Go 语言 并遵从Apache2.0协议开源。docker是一个开源的软件部署解决方案;docker也是轻量级的应用容器框架;docker可以打包、发布、运行任何的应用。docker 就像船搬运货物时,需要拆和装。假如能把一切的东西都放到一个集装箱里,就只用搬运箱子不用搬运货物,则大幅度的省时省力。实际开发过程...原创 2019-07-17 10:40:37 · 1082 阅读 · 0 评论 -
Linux常用命令
Linux常用命令帮助命令文件系统命令系统管理命令网络命令字符串显示命令文本编辑器 Vim命令行的执行方式…帮助命令man: 用来提供在线帮助。man 需帮助的命令名 例:查询 ls 命令的帮助信息:man lsinfo: 用来提供帮助。info 要帮助的命令例:当输入 info ls 命令后,屏幕显示如下内容:info ls列出几个常用的...原创 2019-07-15 13:46:42 · 139 阅读 · 0 评论 -
Linux编辑工具的使用——Vim (Vim 配置,让 Vim 变得好用)
墙裂推荐 最适合Linux编程的十大文本编辑器VimVim 是从 vi 发展出来的一个文本编辑器。文本内容的删除操作x: 删除一个字符;#x 删除几个字符,#表示数字,比如3x表示删除三个字符;dw: 删除一个单词;#dw 删除几个单词,#用数字表示,比如3dw表示删除三个单词;dd: 删除一行;#dd: 删除多个行,#代表数字,比如3dd 表示删除光标行及光标的下两行;d$...原创 2019-07-14 16:06:42 · 255 阅读 · 0 评论 -
Git Flow开发流程;创建分支与合并分支;解决冲突
Git Flow开发流程举例项目背景:有一群人共同开发一个博客网站。项目人员:开发人员: a、b开发 leader:c测试人员: d部署人员:e项目分工:a 负责 articles 文章模块,b 负责 login 登录模块c 负责审核和合并 a 和 b 开发的模块代码(代码 review 和合并代码到 develop 和 master 分支)d 需要等模块开发完毕后...原创 2019-07-14 16:04:02 · 1698 阅读 · 0 评论 -
macOS 手势及快捷键使用
常用手势可在“系统偏好设置”中进行修改。系统偏好设置 -> 触控板(触控板)单指轻点♦️ 相当于点击鼠标左键双指轻点♦️ 相当于点击鼠标右键双指滑动(上下左右)♦️ 相当于鼠标滚轮 可上下或左右滚动页面双指左滑、右滑♦️ 在浏览器上相当于前进和后退双指从右边缘向左轻扫♦️ 打开通知中心三...原创 2019-07-08 22:07:27 · 1364 阅读 · 0 评论 -
软件过程模型
软件过程是为了获得高质量软件所需要完成的一系列任务的框架,它规定了完成各项任务的工作步骤。 软件过程模型是软件开发全部过程、活动和任务的结构框架。 ︴瀑布模型 (Waterfall Model) 特征: 接受上一阶段的结果作为本阶段的输入,利用这一输入实施本阶段应完成的活动对本阶段的工作进行评审,将本阶段的结果作为输出,...原创 2017-12-25 09:43:59 · 827 阅读 · 0 评论 -
简述 Hbase && Hive
Hbase数据模型 Hbase架构 Hbase传统关系数据库的区别 Hive的体系结构 HIve部署类型Hbase数据模型 •表中仅有一行数据,行的唯一标识为com.cnn.www,对这行数据的每一次逻辑修改都有一个时间戳关联对应。 •表中共有四列:contents:html,anchor:cnnsi.com,anchor:my.lo...原创 2020-03-17 09:13:07 · 646 阅读 · 0 评论 -
简述 GFS & Chubby & Bigtable & Mapreduce
分布式文件系统GFS Chubby锁服务 Bigtable的数据模型和系统架构 分布式计算编程模型Mapreduce Google文件系统(Google File System,GFS)是一个大型的分布式文件系统。它为 Google云计算提供海量存储,并且与Chubby、MapReduce 及 Bigtable 等技术结合十分紧密,处于所有核心技术的底层。GFS ...原创 2017-12-16 22:09:59 · 5425 阅读 · 0 评论 -
Docker 安装 Nginx 与 部署(改变端口号的配置)
Docker 安装 Nginx之所以用Nginx容器,万一哪里改乱了,直接删掉,再重启一个容器就可以了。查找 Docker Hub 上的 nginx 镜像:docker search nginx...拉取官方的镜像:docker pull nginx等待下载完成后,可以在本地镜像列表里查到 REPOSITORY 为 nginx 的镜像:docker images ngi...原创 2019-07-18 16:32:33 · 7396 阅读 · 2 评论 -
Chrome 的开发者模式及 debug mode 的使用
Console 控制台console主要函数清空控制台:点击左上角那个在控制台输入 console.clear()。console.count():□ 统计某段代码执行了多少次:console.dir():□ 将DOM结点以JavaScript对象的形式输出到控制台:而 console.log 是直接将该DOM结点以DOM树的结构进行输出,与在元素审查时看到的结构是一...原创 2019-07-18 22:30:39 · 1363 阅读 · 0 评论 -
Material Design 之 组件
组件:多个元素组合而成。卡片卡片通常是通往详细信息的入口。卡片可以包含一个主题的照片、文字和链接,可以显示包含不同尺寸的元素的内容,例如有可变长度标题的照片。卡片集是在同一平面上的卡片的布局。何时使用?显示这些内容时可以使用卡片布局:由不同数据类型组成的集合,例如图片、视频、文本;不需要直接进行对比(用户不会直接与图片或文本进行比较);包含可变长度的内容,例如评论;包含...原创 2019-08-19 10:47:28 · 277 阅读 · 0 评论 -
Material Design 之 响应式UI
响应式UIMaterial Design 中的响应式布局可以适配任何尺寸的屏幕。断点为了获得最佳用户体验,Material Design 应该为以下断点适配布局:480、600、840、960、1280、1440、以及 1600dp。1. 布局中的摘要和详细信息视图布局宽度小于 600dp 时,可以使用单级的内容层次(可以是摘要或详细信息,但两者不能同时显示)填满屏幕。布局宽度超过...原创 2019-08-12 08:33:09 · 659 阅读 · 0 评论 -
Material Design 之 可用性
什么是 Material Design?▶️ Google Material Design 宣传片⭐️ 可用性:无障碍无障碍设计使任何人都能成功地浏览、理解和使用您的应用。1. 原则明确的 清晰可见的元素; 足够的对比度和尺寸; 明确的重要性级别; 使主要信息一目了然...原创 2019-08-07 22:19:12 · 216 阅读 · 0 评论 -
Sketch的基本操作之绘制图标
iconCome on 一起上手画 ~1. 喜欢 heart方法1⃣️:方法2⃣️:2. 音乐 music3. 云 cloud4. 明亮 brightness5. 闪电 lightning6. 评论 comment7. 邮件 email8. 工具 tool9. 刷新 reflesh10. 小眼睛 eye总结工具栏的使用:形状 ...原创 2019-08-01 08:49:22 · 2277 阅读 · 0 评论 -
Sketch 的基本操作之 Kitchen 插件
Kitchen工具集介绍下载地址:http://kitchen.alipay.com/添加插件方法:插件 ➡️ 管理插件… ➡️ (左下角)设置图标 ➡️ 显示插件文件夹 ➡️ 选择刚下载好的插件即可。使用文档1. 多类数据快速填充2. 接入海量 Iconfont 图标资源3. 提供精选色板 & 自定义色板4. 快速生成 Ant Design ...原创 2019-07-31 22:42:17 · 5605 阅读 · 0 评论 -
关于 Sketch 你可以知道的几个小秘密 (快捷键用法)
关于 Sketch 你可以知道的几个小秘密:1. 描边和填充形状的描边快捷键是 B,填充的快捷键是 F,绘制形状在默认时是带填充和描边的,按一下B 取消描边,再按一下添加描边,填充同理。快捷键其实就是 Borders 和 Fills 首字母。2. 直接吸取颜色直接吸色快捷键 Control + C,Sketch 吸管工具可以吸取屏幕上任何地方的色彩。3. 拷贝样式Co...原创 2019-07-29 15:36:41 · 4922 阅读 · 0 评论 -
Sketch及其相关插件介绍
Sketch“通过直观的矢量编辑器,快速原型制作和强大的协作工具,Sketch拥有将您的想法变成令人难以置信的产品所需的一切。”介绍为什么选择Sketch ?Sketch 是为图标设计和界面设计而生的。它是一个有着出色 UI 的一站式应用,所有你需要的工具都触手可及。在 Sketch 中,画布将是无限大小的,每个图层都支持多种填充模式;拥有很棒的文字渲染和文本式样以及文件导出工具。...原创 2019-07-29 15:12:39 · 1393 阅读 · 1 评论