- 博客(16)
- 资源 (6)
- 收藏
- 关注
原创 什么是工厂模式
工厂模式是用来创建对象的一种最常用的设计模式。我们不暴露创建对象的具体逻辑,而是将逻辑封装在一个函数中,那么这个函数就可以被视为一个工厂。工厂模式根据抽象程度的不同可以分为简单工厂工厂方法抽象工厂生活中的案例: *想象一下你的女朋友生日要到了,你想知道她想要什么,于是你问她:“亲爱的,生日要到了你想要什么生日礼物啊?” 正巧你女朋友是个猫奴,最经迷上了抖音上的一只超级可爱的苏格...
2018-08-31 12:14:27 15974 8
原创 外观模式
外部与一个子系统的通信必须通过一个统一的外观对象进行,为子系统的一组接口提供一个一致的界面,外观模式定义了一个高层接口,这个接口使得这一子系统更加容易使用。<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible...
2018-08-31 12:03:22 214
原创 Nuxt.js 静态资源和打包
直接引入图片 我们在网上任意下载一个图片,放到项目中的static文件夹下面,然后可以使用下面的引入方法进行引用。&lt;div &lt;img src="~static/logo.png"&gt;&lt;/div&gt;...
2018-08-31 11:51:21 14283
原创 Nuxt.js anyncData方法获取数据
在项目中需要在初始化页面前先得到数据,也就是我们常说的异步请求数据。Nuxt.js贴心的为我们扩展了Vue.js的方法,增加了anyncData。从名字上就很好理解,这是一个异步的方法。创建远程数据 在这里制作一些假的远程数据,我选择的网站是myjson.com,它是一个json的简单仓库,学习使用是非常适合的。我们打开网站,在对话框中输入JSON代码,这个代码可以自己随意输入哦。{ ...
2018-08-29 12:26:44 5055
原创 Nuxt的错误页面和个性meta设置
当用户输入路由错误的时候,我们需要给他一个明确的指引,所以说在 应用程序开发中404页面时必不可少的。Nuxt.js支持直接再默认布局文件夹里建立错误页面。建立错误页面 在根目录下的layouts文件夹下建立一个error.vue文件,它相当于一个显示应用错误的组件。&lt;template&gt; &lt;div&gt; &lt;h2 v-if="error...
2018-08-29 12:02:56 12156 3
原创 Nuxt的默认模板和默认布局
在开发应用时,经常会用到一些公用的元素,比如网页的标题是一样的,每个页面都是一模一样的标题。这时候我们有两种方法,第一种方法是作一个公用的组件出来,第二种方法是修改默认模板。这两种方法各有利弊,比如公用组件更加灵活,但是每次都需要自己手动引入;模板比较方便,但是只能每个页面都引入。默认模板 Nuxt为我们提供了超简单的默认模板定制方法,只要在根目录下创建一个app.html就可以实现了。现在...
2018-08-28 12:10:52 7532 1
原创 Nuxt的路由动画效果
路由的动画效果,也叫作页面的更换效果。Nuxt.js提动两种方法为路由提动动画效果,一种是全局的,一种是针对单独页面制作。全局路由动画 全局动画默认使用page进行设置,例如现在我们为每个页面都设置一个进入和退出时的渐隐渐现的效果。我们可以先在根目录的assets/css下建立一个main.css文件。/assets/css/main.css.page-enter-active,.p...
2018-08-28 11:56:44 3334
原创 Nuxt的动态路由和参数校验
其实动态路由就是带参数的路由。比如我们现在新闻模块下面有很多新闻详情页,这时候就需要动态路由的帮助了。新闻详细页面 我们在news文件夹下面新建了_id.vue的文件,以下划线为前缀的Vue文件就是动态路由,然后在文件里边有$route.params.id来接收参数。/pages/news/_id.vue<template> <div> ...
2018-08-27 12:25:39 8624 3
原创 Nuxt的路由配置和参数传递
学习前端框架都要学习路由机制,因为路由可以体现我们的业务逻辑,把模块串联起来,让程序换发光彩。那简单的说路由就是我们的跳转机制,也可以简单理解成链接跳转。Nuxt.js的路由并不复杂,它给我们进行了封装,让我们节省了很多配置环节。简单路由Demo 我们现在在根目录的pages文件下新建两个文件夹,about和news(模仿关于我们和新闻的功能模块)在about文件夹下新建index.vu...
2018-08-27 12:11:50 18072 1
原创 Nuxt常用配置项
配置IP和端口开发中经常会遇到端口被占用或者指定IP的情况。我们需要在根目录下的package.json里对config项进行配置。比如现在我们想把IP配置成127.0.0.1,端口设置1818package.json{ "name": "delnuxt", "version": "1.0.0", "description": "Nuxt.js project"
2018-08-24 12:12:46 7291
原创 Nuxt目录结构
Nuxt自动生成了项目目录,我们先来一个一个介绍一下。.nuxt // Nuxt自动生成,临时的用于编辑的文件,buildassets // 用于组织未编译的静态资源如LESS、SASS或JavaScriptcomponents // 用于自己编写的Vue组件,比如波动组件、日历组件、分页组件layouts // 布局目录,用于组织应用的布局组件,不可更改middleware...
2018-08-23 12:31:16 4741
原创 建造者模式
1.什么是建造者模式?建造者模式(Builder)是将一个复杂对象的构建层与其表示层相互分离,同样的构建过程采用不同的表示。建造者模式的特点是分步构造一个复杂的对象,可以用不同组合或顺序建造出不同意义的对象,通常使用者并不需要知道建造的细节,通常使用链式调用来进行建造过程,最后调用build方法来生成最终对象。同样作为创建型的设计模式,需要注意和工程模式的区别,工程虽然也是创建对象,单...
2018-08-23 12:20:51 243
原创 Nuxt环境搭建和Hello World
nuxt.js安装在使用npm前你需要安装node到系统中 1.用npm来安装vue-cli这个框架,如果你已经安装过了,可以省略这这步。npm install vue-cli -g这个根据你的网络环境不同,安装的速度不仅相同,如果你的网络环境实在不好,可以考虑使用cnpm来进行安装。(在实际开发中我会尽量避免使用cnpm来进行安装,因为会出现一些未知的错误。)安装完成后可以用v...
2018-08-20 12:18:13 1136
原创 Nuxt.js免费视频教程 开启SSR渲染(00-介绍)
Nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作SSR(服务器渲染)。再直白点说,就是Vue.js原来是开发SPA(单页应用)的,但是随着技术的普及。很多人想用Vue开发多页应用,并在服务端完成渲染。这时候就出现了Nuxt.js这个框架,它简化了SSR的开发难度。还可以直接用命令把我们制作的vue项目生成为静态html。那服务端渲染到底有什么好处哪? 最主要的原因是SPA单...
2018-08-20 12:06:44 2687
原创 es6实现单例模式及其应用
单例模式的定义是:保证一个类仅有一个实例,并提供一个访问它的全局访问点单例模式能在合适的时候创建对象,并且创建唯一的一个。 比如一个网站的登录,点击登录后弹出一个登录弹框,即使再次点击,也不会再出现一个相同的弹框。又或者一个音乐播放程序,如果用户打开了一个音乐,又想打开一个音乐,那么之前的播放界面就会自动关闭,切换到当前的播放界面、这些都是单例模式的应用场景。要实现一个单例模式,一个经典...
2018-08-08 12:14:05 1511
原创 待服务条款登录界面的html5手机登录界面
html:<!doctype html><html><head><meta charset="utf-8"><title>待服务条款登录界面的html5手机登录界面</title><meta name="viewport" content="width=devi
2018-08-02 12:24:40 2051
基于.net6.0封装的三层架构快速开发脚手架,含redis,cookie,session,mysql,log4net,内存缓存
2024-05-20
web开发-基于AspNetCore,C#6.0,MySQL,EFCORE,automapper项目实战之RBAC权限管理系统
2024-04-11
基于SerialPort组件的PC与单片机串口通信(温度控制)C++.Net Winform应用程序
2023-11-01
基于SerialPort控件的C++.Net串口通信-单片机开关量输出winform程序
2023-10-27
基于SerialPort控件的C++.Net串口通信-单片机开关量输入winform程序
2023-10-20
基于.net6 webapi + 原生微信小程序 + mysql + SqlSugar的前后端分离移动电商网站
2023-10-18
基于SerialPort控件的C++.Net-PC与单片机串口通信电压检测winform程序
2023-10-18
基于SerialPort控件的C++.Net的多个单片机和PC串口通信上位机winform程序
2023-10-17
基于SerialPort控件的C++.Net PC与单个单片机串口通信winform程序
2023-10-17
鲜花网前后端分离vue3+ts+.net6
2023-10-13
基于SerialPort组件与C++.Net的事件控制方式读取串口数据,PC双机串口通信的winform程序
2023-10-11
基于C++.Net的SerialPort串口组件的PC机双串口互相通信winform程序
2023-10-11
基于SerialPort控件的C++.Net winform串口数据发送与接收实例 数据接收两种方式:查询方式和事件方式
2023-10-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人