- 博客(75)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 【设计模式大全】从入门到精通_代码分析_图解过程
目录简介创建型模式结构型模式行为型模式J2EE模式缓慢更新中简介设计模式简介创建型模式单例模式工厂模式抽象工厂模式建造者模式原型模式结构型模式适配器模式桥接模式代理模式过滤器模式组合模式装饰器模式外观模式享元模式行为型模式责任链模式命令模式解释器模式迭代器模式中介者模式备忘录模式观察者模式状态模式空对象模式策略模式模板模式访问者模式J2EE模式MVC 模式业务代表模式组合实体模式数据访问对象模式前端控制器模式拦截过滤器
2021-01-03 19:40:34
104
原创 【问题解决】VSCode ESLint 保存格式化时不生效
问题描述VSCode 中安装了 Prettier 和 ESLint 插件，在项目中使用了 .eslintrc.js 文件规范项目代码。但是保存代码时格式化并不是按该文件的配置而是按 Prettier 的配置问题解决修改 Settings.json 文件win：ctrl + shift + pmac：command + shift + p{ // ... // 注意这个是 false，很大原因都是因为这个 "editor.formatOnSave": false, "editor
2022-04-11 14:57:10
3314
1
原创 vscode 构建基于TS以及Jest的测试环境
需求：需要个Jest + TS + 支持ESM + 支持ES6+语法项目初始化1.初始化package.jsonyarn init -y2.安装 Jest 和 babel官网安装Jest和babelbabel：语法转换，转换为浏览器支持的语法yarn add --dev babel-jest @babel/core @babel/preset-env在项目的根目录下创建 babel.config.js ，通过配置 Babel 使其能够兼容当前的 Node 版本。babel.con
2022-02-20 16:45:57
1091
原创 微信小程序BUG：Expected exp，模块导出出错
tool.wxs文件代码示例function myFunc(){}module.exports = { myFunc}报错：Expected exp34 | }35 |36 | module.exports = {| ^37 | myFunc38 | }Uncaught FrameworkErrorUnexpected token ‘<’SyntaxError: Unexpected token ‘<’原因：
2022-01-20 17:43:50
869
原创 webpack中package-lock.json的作用
1.package.json只能锁定大版本号，即版本号的第一位，在npm install时，默认都是下载该大版本下最新的版本。为了考虑稳定性，一般是不随意升级版本的。2.package-lock.json保证当前项目npm包的依赖树是相同的一个依赖树，不考虑这个过程中是否有某个依赖有小版本的更新。它的产生就是来对整个依赖树进行版本固定的（锁死）。应该上传到git仓库，参考...
2021-12-29 16:27:58
464
原创 文本在盒子中水平垂直居中
水平居中text-align: center;垂直居中vertical-align 无法满足所有情况vertical-align只对拥有valign特性的元素才生效<td>、<th>、<caption>等<div>、<span>没有valign特性，因此需要vertical-align: middle几种常用垂直居中方法单行文本居中<div class="div1">单行文本居中</div>
2021-12-29 14:51:03
588
原创 CSS盒模型
两种盒模型1.IE盒模型width = border + padding + content2.W3C盒模型width = contentie 6 7 8 怪异模式不添加doctype的情况下使用IE盒模型chrome ie6、7、9(添加doctype的情况下)使用W3C盒模型box-sizing作用声明使用的模型box-sizing值模型content-boxW3C模型border-boxIE盒模型...
2021-12-29 10:48:32
456
原创 【Vue】qq浏览器打开空白
问题描述Vue 项目在qq浏览器打开后空白执行命令npm run dev后用qq浏览器打开F12 默认打开的是IE的控制台(如下)在其他页面打开控制台正常，都是qq浏览器的控制台qq浏览器设置也没问题(极速模式)解决切换为极速模式...
2021-11-15 15:41:47
1525
1
原创 关键渲染路径_从输入URL到页面渲染完成究竟发生了什么?
关键渲染路径(Critial Rendering Path)我们在地址栏上输入URL到完成页面渲染，这直接发生了什么？1.DNS解析2.请求服务器3.服务器处理请求4.服务器响应5.浏览器接收响应下面主要介绍第5步从服务器获取HTML文件后到页面呈现完整内容发生的事情分为六步1.创建DOM树（Constructing the DOM Tree）2.创建CSSOM树（Constructing the CSSOM Tree）3.执行脚本（Running JavaScript）4.生
2021-11-05 07:57:12
205
原创 【Linux】内核代码阅读 list_entry()
内核代码学习list_entry()作用：获取ptr所属结构体的首地址#define list_entry(ptr, type, member) \ ((type *)((char *)(ptr)-(unsigned long)(&((type *)0)->member)))// ptr：指向list_node类型的指针// type：一个结构体// member：结构type中的一个域使用示例ptr为head.memberptr所属结构体为num.
2021-09-13 22:09:13
568
原创 纯CSS使用animation实现Loading效果
效果图代码实现HTML为5个div添加样式后就可以得到5个圆 <div class="container"> <div class="point"></div> <div class="point"></div> <div class="point"></div> <div class="point"></div>
2021-09-07 22:44:49
411
原创 【CSS_在练习中提升】01_扩展盒子
目录实现效果代码HTMLJSCSS完美居中图片撑开元素字体定位动画过渡完整CSS实现效果点击图片就进行放大(其他图片缩小)动画过渡效果完美居中文字嵌在左下角图片撑开元素代码HTML这部分较为简单，稍微看一下即可1.在head标签中引入css样式<link rel=“stylesheet” href=“style.css” />2.在底部引入js文件<script src=“script.js”>3.中间为图片和文字的标签<!D
2021-08-19 12:57:24
275
原创 【深入理解计算机操作系统】01_计算机系统漫游
学习总路线以hello程序的整个生命周期来开始对系统的学习#include<stdio.h>int main(){ printf("hello world!\n"); return 0;}一、信息：位+上下文hello程序的生命周期从源程序(源文件)开始，即程序员编写的hello.c文件源程序是由0和1组成的位(比特)序列8个位为一组，称为一个字节每个字节表示程序中的某些文本字符现代计算机大多使用ASCII标准表示文本字符(唯一的单字节整数值来表示一个
2021-07-12 16:43:31
286
原创 win10添加用户
win10 家庭版问题描述：想在win10上添加一个本地用户，一直失败，网上找了一些方法(如下)，但不管用方法一：右键"电脑"–>管理—>“本地用户和组” (没有找到，所以没办法用该方法添加用户)方法二：添加"本地用户和组"win+R，输入mmc回车打开控制台窗口，选择"文件"—>“添加/删除管理单元”，选择"本地用户和组"，然后点击添加。(仍然不管用)问题解决：win+R，输入netplwiz回车点击下面添加按钮即可添加！...
2021-05-31 22:12:07
175
原创 【JavaScript】闭包——关于闭包，你想知道的都会有！
全局变量和局部变量、嵌套函数、自执行函数、闭包、闭包的特性、闭包存在的问题、闭包变量的回收等等。
2021-05-25 22:29:33
372
原创 Django存储datetime对象到mysql的问题
存储问题存储datetime对象以及setting.py文件的设置时出现问题参考：参考取值问题取出datetime类型数据时，时间不对的问题：问题描述：存储在数据库中的时间是UTC，而取出后也是UTC，但想要的数据是我所在的时区的数据，例如我需要的是Asia/ShangHai，就会相差8个小时# 这个例子用于学习import datetimeimport pytzday1 = datetime.datetime.now(tz=pytz.timezone('UTC')) #day1 模拟数
2021-05-21 16:38:39
242
原创 CentOS7上使用ssh，git push时免密登录失败！
问题问题描述：以CentOS7为服务器，在windows上写了代码要git push上去时，需要输入用户的密码在windows生成的ssh公钥交给服务器后仍需要密码解决ssh生成并复制到服务器上(若已完成则看后面的坑是否踩了)在客户端执行ssh-keygen -t rsa -f '文件名' -C "your_email" #your_email：你的email地址# 举例：ssh-keygen -t rsa -f 'centos' -C "xxx@qq.com" #一直空格不
2021-04-18 12:59:25
307
原创 Vue学习_Django前后端分离
Vue基础【Vue】01_入门【Vue】02_Vue实例【Vue】03_模板语法【Vue】04_计算属性和侦听器【Vue】05_Class与Style的绑定【Vue】06_条件渲染、列表渲染【Vue】07_事件处理【Vue】08_表单输入绑定【Vue】09_组件基础【Vue】基于脚手架(vue-cli)项目搭建Vue-Django前后端分离前后端分离...
2021-04-17 10:17:06
73
原创 【Vue】基于脚手架(vue-cli)项目搭建
Vue新建VUE项目以下用npm按照失败的都可以将npm换成cnpm创建项目vue init webpack <项目名> #新建项目选项全部选no（手动安装）? Project name blog-vue? Project description A Vue.js project? Author Architecture_HUI 815438732@qq.com? Vue build standalone? Install vue-router? No? Use E
2021-04-17 10:06:32
91
原创 【Vue】09_组件基础
组件基础组件是可复用的 Vue 实例所以它们与 new Vue 接收相同的选项仅有的例外是像 el 这样根实例特有的选项。基本示例定义组件// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++">You
2021-04-16 16:50:02
52
原创 【Vue】08_表单输入绑定
表单输入绑定v-model创建双向数据它会根据控件类型自动选取正确的方法来更新元素。本质上是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将 Vue 实例的数据作为数据来源。v-model 在内部为不同的输入元素使用不同的 property 并抛出不同的事件：text 和 textarea 元素使用 value propert
2021-04-16 16:47:47
50
原创 【Vue】07_事件处理
事件处理监听事件v-on 指令监听 DOM 事件触发时运行一些 JavaScript 代码click事件<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ counter }} times.</p></div>var example1 =
2021-04-16 16:47:04
90
原创 【Vue】05_Class与Style的绑定
Class与Style的绑定因为它们都是 attribute，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。绑定 HTML Class对象方式1<div v-bind:class="{ active: isActive }"></div>// vue
2021-04-16 16:44:58
163
原创 【Vue】04_计算属性和侦听器
计算属性和侦听器计算属性例子模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。对于任何复杂逻辑，你都应当使用计算属性。<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p></div&
2021-04-16 16:44:22
73
原创 【Vue】03_模板语法
模板语法插值文本数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值无论何时，绑定的数据对象上 msg property 发生了改变，插值处的内容都会更新。<span>Message: {{ msg }}</span>一次性地插值<span v-once>这个将不会改变: {{ msg }}</span>原始html双大括号会将数据解释为普通文本，而非 HTML 代码。输出真正的 HTML，你需要使用 v
2021-04-16 16:43:37
70
原创 【Vue】02_Vue实例
Vue实例创建Vue实例虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。var vm = new Vue({ // 选项})选项/数据完整的选项列表1、data类型：Object | Function限制：组件的定义只接受 functionVue 将会递归将 data 的 property 转换为 getter/setter，从而让 data 的 property 能够响应数据变化。objectvar data = { a: 1 }// 直接
2021-04-16 16:41:47
110
原创 【Vue】01_入门
VueVue是什么？Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。hello vue新建一个hello.html文件引入cdn<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist
2021-04-16 16:39:17
58
原创 django-vue前后端分离项目
目录创建项目前后端分离设置1、跨域问题2、前端打包(以及静态资源问题)项目运行创建项目django-admin startproject mysite #创建django项目cd mysite # 进入django项目vue init webpack appfront #创建vue项目#这样创建的好处是vue的根目录在django的BASE_DIR下(后面会用到)各种初始化…前后端分离设置1、跨域问题安装模块# 在django项目根目录下pip install django-
2021-04-15 14:44:48
187
原创 【JavaScript】基础知识
代码可以直接复制粘贴然后进行测试！也可以在这里测试JavaScript 输出JavaScript 没有任何打印或者输出的函数。JavaScript 显示数据使用 window.alert() 弹出警告框。使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML 写入到 HTML 元素。使用 console.log() 写入到浏览器的控制台。代码<html> <body> <h1.
2021-02-04 15:07:53
303
原创 【JavaScript】入门_环境搭建_VSCode编辑器环境搭建
目的：在VSCode中编写js代码并执行！1.安装VSCode还没安装的可以 参考2.新建一个空文件夹并用vs打开随机新建一个文件夹用于放JavaScript代码新建文件夹例如：打开文件夹快捷键 Ctrl+k+o选择刚刚创建的文件夹3.安装插件open in browser(在浏览器中打开)4.编写代码并执行4.1新建目录（个人习惯，可忽略）点击新建文件夹新建一个文件夹：learn_base4.2 编写代码点击新建文件，输入：hello.html
2021-02-02 13:44:54
2550
9
原创 【设计模式】原型模式
目录原型模式（prototype)问题：有时候需要一个和已有对象一模一样的对象时，如果用new的方式通过构造器来新造一个对象，会非常耗费资源和比较复杂。原型模式是直接克隆出一个一模一样的对象，创建对象非常高效，无需知道对象创建细节。原型实例指定了要创建的对象的种类。原型模式（prototype)原形模式的写法其实很简单，分为两步：实现Cloneable接口重写clone非法要被克隆的类// 图片public class IMG implements Cloneable{//1
2021-01-10 21:02:16
98
原创 【设计模式】抽象工厂模式
目录简介抽象工厂抽象产品具体产品抽象工厂工厂客户总结简介抽象工厂模式：提供了一个创建一系列相关或者相互依赖对象的接口，无需指定他们的实现类适用场景：客户端（应用层）不依赖于产品如何被创建、实现等细节强调一系列相关的产品对象（属于同一产品族）一起使用创建对象需要大量的重复代码提供一个产品类的库，所有的产品以同样的接口出现，从而使得客户端不依赖于具体实现优点：具体产品在应用层代码隔离，无需关心创建细节将一个系列的产品统一到一起创建缺点：规定了所有可能被创建的产品集合，产品簇中扩
2021-01-07 22:34:33
84
原创 【设计模式】工厂模式_从入门到出门
目录简介引例简单工厂模式工厂方法总结简介作用：创建者和调用者分离分类：简单工厂模式用来生成同一等级结构中的任意产品（对于增加新的产品，需扩展原有代码）扩展原有代码：不满足开闭原则工厂方法模式用来生成同一等级结构中的固定产品（支持增加任意产品）满足开闭原则抽象工厂模式（本篇不介绍）围绕一个简单工厂创建其他工厂，该超级工程又称其他工厂的工厂引例场景：消费者买车！1.写一个Car的接口，定义车的规范，如何造车。2.实现了Car接口的类就是车
2021-01-03 19:30:05
93
原创 【设计模式】单例模式_从入门到手撕源码
目录引言简介一、懒汉式1.代码2.说明二、懒汉式（线程安全）2.说明三、饿汉式1.代码2.优点四、双检锁/双重校验锁1.代码2.说明五、登记式/静态内部类1.代码2.说明六、枚举1.代码2.说明总结炫技时刻通过反射破坏单例1.基础2.level up！3.level up!!枚举类为什么就是安全的？尝试通过反射破坏单例引言单例模式，从入门到精通。单例的6总实现方式！为什么枚举是最靠谱的单例模式？从源码一一详细剖析！简介单例模式（Singleton Pattern）是 Java 中最简单的
2021-01-02 23:30:10
166
2
原创 【神奇的bug】main方法无法执行
神奇的bug突然发现main方法无法执行！！！看了好多遍，发现好像没什么问题啊再把原来的main方法注释了，重新创建一个新的main方法，还是没有允许图标人傻了！解决其他代码貌似没问题，在想会不会是导包的问题。发现一个奇怪的包删了就ok了，左侧运行的图标又出现了！！！...
2021-01-01 16:44:29
1008
原创 【设计模式】简介
设计模式一、三问1、是什么？设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。2、为什么？这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结。3、有什么用？使用设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。设计模式于己于他人于系统都是多赢的，设计模式使代码编制真正工程化，设计模式是软件工程的基石，如同大厦的一块块砖石一样。项目中合理地运用设计模式可
2020-12-29 20:48:46
92
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人