山河烂漫-CSDN博客

原创 uniapp-unicloud搭建属于你的博客+后台

直接右键目录点击即可无需特别安装步骤，直接Hbuilder运行即可复制代码`.├── common─────────────────# 自定义官方公共模块包│ └── config──────────────────# 全局配置公共模块│ └── uni-id──────────────────# uni-id官方公共模块│ └── vk-unicloud─────────────# vk-unicloud公共模块├── router─────────────────# 正式环境云函数主入口

2022-07-06 16:33:07 1598 1

原创 HTTP - TCP 三次握手四次挥手

TCP 的三次握手HTTP 请求与 TCP 链接之间的关系，在客户端向服务端请求和返回的过程中，是需要去创建一个 TCP connection，因为 HTTP 是不存在链接这样一个概念的，它只有请求和响应这样一个概念，请求和响应都是一个数据包，中间要通过一个传输通道，这个传输通道就是在 TCP 里面创建了一个从客户端发起和服务端接收的一个链接，TCP 链接在创建的时候是有一个三次握手(三次网络传输)这样一个消耗在的。下面是 TCP 报文格式图：↓↓↓↓有几个字段需要重点介绍下：Seq 序

2021-08-04 17:47:13 270

原创 HTTP - 浏览器输入 url 后 http 请求返回的完整过程

示意图检查缓存缓存就是把你之前访问的 web 资源，比如一些 js，css，图片什么的保存在你本机的内存或者磁盘当中。浏览器获取了这个 url，当然就去解析了，它先去缓存当中看看有没有，从浏览器缓存-系统缓存-路由器缓存当中查看，如果有从缓存当中显示页面，如果没有缓存则进行 DNS 解析浏览器缓存相关链接：HTTP - 缓存机制这里重点介绍浏览器中 HTTP - 缓存机制，因为个人对系统缓存以及路由器缓存认识较少缓存是否到时: Cache-Control: max-age=

2021-08-04 17:46:11 299

原创 js - 创建对象的几种方式（工厂模式、构造函数模式、原型模式）

创建对象的模式工厂模式做法：内部创建一个对象，并未对象属性赋值并且返回缺点：解决创建多个相识对象的问题，但不能识别创建的对象的类型构造函数模式做法：直接将属性和方法赋值给 this 对象，没有 return 语句缺点：对象不是共用方法和属性，每 new 一次对象就要创建一个内存，超出性能消耗原型模式做法：通过 prototype 为对象添加属性缺点：每个实例都共享属性方法，实例中修改对象属性会影响到其他实例组合使用构造函数模式和原型模式做法：构造函数模式用于定义实

2021-08-04 17:45:00 295

原创封装组件系列 - el 分页表格

前言本次封装基于 antd 风格, 实现高度可配置的表格封装配置。本来想通过 vue.extends 去封装的，奈何几个月没写过 vue ，而且对 vue 的 extends 不熟悉所以放弃了…之前有小伙伴确实引用了我的代码，发现封装出现了一些纰漏，对此十分抱歉，之前封装的太仓促了。几个月前的代码，现在重新封装又有了新的体会。更新时间【2018.11.09】，效果如下：API 说明columns : 必选, 列描述数据对象， ArraydataSource : 必选, 数据数组optio

2021-08-04 17:37:42 139

原创 koa2+mysql 搭建自己的博客后台

koa2 + koa-routersequelize + mysqljwt + bcryptnodemailerkoa-send archiver项目结构目录结构.│├─config // 构建配置├─public // html 入口├─scripts // 项目脚本└─server // 后端 ├─config // 项目配置 g.

2021-08-04 17:02:31 283

原创 uniApp搭建自己的博客

前言主要是学习uniApp搭建H5端小程序端（未测试）uniApp +uView UI+ uCharts由于是自己初学uniApp 可能功能还不是太完善大家勿喷我的博客地址: uni.coderm.club实现功能首页：博客文章列表点击文章详情归档：所有博客归档分类：采用词云图展示和用户评论点赞个人：修改个人页面和看一看新闻功能发现：类似朋友圈功能博客预览GitHub地址前端：github.com/MotainZhang…后端：github...

2021-08-04 16:41:34 374

原创面试之CSS篇 - 边距重叠与BFC

本文主题：基本概念：标准模型 + IE 模型基本模型和 IE 模型的区别：计算宽度和高度的不同CSS 如何设置这两种模型（由理论转为运用）JS 如何设置、获取盒模型对应的宽和高实例题（根据盒模型解释边距重叠问题）拔高性的延伸BFC （边距重叠解决方案）面试常考，也容易混淆的题目盒模型基本概念什么是 CSS 盒模型？相信大部分人都能答出这个问题来，那就是标准模型 + IE 模型标准模型：IE 模型很明显在标准盒子模型中，width 和 height 指的是内容区域的

2021-08-04 16:36:52 83

原创如何用 es6+ 写出优雅的 js 代码

兼容 IE ？不存在的好吗。其实使用新语法配合 babel 的转码，已经可以解决这一些问题了。既然如此，那就多使用新语法去探索一下怎么更好的去写代码吧。下面分享个人开发中常用的 js 写法技巧，希望对各位有所帮助。使用 let / constvar 命令会发生”变量提升“现象，即变量可以在声明之前使用，值为 undefined。这种现象多多少少是有些奇怪的。个人认为，对声明的变量确定后面不会发生更改时，即使性能上没有太大提升差异在，但使用 const, 代码的可读性也会增强很多。const 实

2021-08-04 16:36:06 137

原创 Sequelize - associations

本部分描述了 Sequelize 中的各种关联类型。 Sequelize 中有四种类型的关联BelongsToHasOneHasManyBelongsToMany基本概念Source & Target我们首先从一个基本概念开始，你将会在大多数关联中使用 source 和 target 模型。假设您正试图在两个模型之间添加关联。这里我们在 users 和 articles 之间添加一个 hasOne 关联。const UserModel = sequelize.define(

2021-08-04 16:34:58 277

原创实现简易的 VUE-MVVM

前言这是本人的学习的记录，因为最近在准备面试，很多情况下会被提问到：请简述 mvvm ?一般情况下我可能这么答：mvvm 是视图和逻辑的一个分离，是model view view-model 的缩写，通过虚拟dom的方式实现双向数据绑定（我随便答得）那么问题来了，你知道 mvvm 是怎么实现的？回答: mvvm 主要通过 Object 的 defineProperty 属性，重写 data 的 set 和get 函数来实现。 ok，回答得60分，那么你知道具体实现过程么？想想看，就算他没问到而你答了

2021-08-04 16:32:29 126

原创 canvas

基本用法<canvas> 两个可选属性 width 默认300，height 默认150。可以使用css属性来设置宽高，但是如果宽高属性和初始比例不一致，就会出现扭曲。<style> #canvas{ width: 600px; height: 300px; background: #ddd; }</style>这种设置canvas宽高会让画布变得模糊这种设置canvas宽高会让画布变得模糊这种

2021-08-04 16:31:29 59

qq_39150360的博客