- 博客(40)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue实现截图并下载
下载yarn add html2canvas使用// 导入import html2canvas from 'html2canvas'export default { name: 'videos', components: { videoPlayer, html2canvas },}// 界面<video-player id="capture" class="video-player vjs-custom-skin" r
2021-10-13 14:27:01
525
1
原创 Router动态路由
添加路由router.addRoute({ path: '/about', component: About })删除路由router.addRoute({ path: '/about', name: 'about', component: About })// 删除路由router.removeRoute('about')
2021-10-08 17:48:38
1192
原创 Vue.ls
Vue 插件，用于处理 Vue 上下文的本地存储、会话存储和内存存下载npm install vue-ls --saveyarn add vue-ls使用import Storage from 'vue-ls'; options = { namespace: 'vuejs__', // key键前缀 name: 'ls', // 命名Vue变量.[ls]或this.[$ls], 前缀 storage: 'local', // 存储名称: session, local, memo
2021-10-08 12:00:13
297
原创 Mock教程
概述通过随机数据,模拟各种场景。 开发无侵入 不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。在做开发时，当后端的接口还未完成，前端为了不影响工作效率，手动模拟后端接口。mock优点前后端分离，可随机生成大量的数据用法简单数据类型丰富可扩展数据类型在已有接口文档的情况下，我们可以直接按照接口文档来开发，将相应的字段写好，在接口完成 之后，只需要改变url地址即可。使用下载依赖//安装axiosnpm install axios//安装mock库npm i
2021-08-18 13:44:30
710
原创 JavaScript原理解刨
预编译js代码在浏览器执行的的时候，会有一个预编译过程。预编译过程做了哪些事情？创建了ao对象找形参和变量的声明并赋值undefined找函数声明，会覆盖变量的声明案例结果为// 依次输出 123 function undefined undefined function bfunction cthis指向this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象案例var name
2021-08-16 15:15:10
162
原创 MySql
存储过程存储过程是一个预编译的SQL语句，优点是允许模块化的设计，就是说只需创建一次，以后在程序中就可以调用多次。如果某次操作需要执行多次SQL，使用存储过程比单纯SQL语句执行要快。使用-- 创建存储过程DELIMITER $ --声明存储过程的结束符CREATE PROCEDURE stu_test() --存储过程名称（参数列表）BEGIN --开始 -- 可以写多个sql语句 -- sql语句+流程控制 END $ --结束 结束符--
2021-08-04 13:56:52
68
原创 C#之基础
C#语言及其特点C#是基于.NET框架上的编程语言之一C#是微软公司发布的一种面向对象的、运行于.NET Framework和.NET Core之上的高级程序设计语言。C#是一种安全的、稳定的、简单的、优雅的，由c和c++衍生出来的面向对象的编程语言。它在继承c和c++强大功能时去掉了一些它们的复杂特性。C#是面向对象的编程语言。基本语法整型byte（字节型）范围0~255short（短整型）范围-32768~32767int（整型）范围-2147483648~2147483647lo
2021-08-01 09:52:52
314
原创 前端基础解答
一. 面试题库前端中的hackCSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。简单的说，CSS hack的目的就是使你的CSS代码兼容不同的
2021-07-20 16:14:46
172
原创 css动画
animation 动画动画属性值animation-name规定需要绑定到选择器的 keyframe 名称animation-duration规定完成动画所花费的时间，以秒或毫秒计。animation-timing-function规定动画的速度曲线。animation-delay规定在动画开始之前的延迟。animation-iteration-count规定动画应该播放的次数。animation-direction规定是否应该轮流反向播放动
2021-07-20 10:43:49
121
1
原创 html之布局
弹性布局弹性布局，又称“Flex布局”，是由W3C于2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持，我们可以放心大胆的使用。使用方式前提需用一个容器，父元素项目，每个子元素就是一个项目了解主轴： 在弹性布局中，我们会通过属性规定水平/垂直方向为主轴；交叉轴： 与主轴垂直的另一方向，称为交叉轴。这里是引用使用为父元素添加属性display：flex（显示为块级元素）即可容器来进行弹性布局display:
2021-07-20 10:05:02
95
原创 关于asp.netcore mvc（从入门到精通）
MVC开发什么是MVC？V：视图------呈现给用户看到的内容（表现层）C：控制器----控制业务逻辑计算，调用服务，选择返回什么内容，可以返回视图，JSON,字符串等等M：视图模型—用作控制器和视图之间传递数据的载体cshtml文件：其实是一个类文件；当项目启动时，解决修改视图，不能立马生效问题？Nuget引入：Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation在startup下的ConfigureServices方法中添加servi
2021-05-24 11:22:50
2597
原创 React（基础篇）
React全家桶包括？react整体架构+Redux状态管理+React-Router路由+axios请求+antdUI组件库
2021-05-24 11:20:11
101
原创 ES6
一、字符串的新增方法1.1、JSON.stringify()作用是将 JavaScript 对象转换为 JSON 字符串1.2、JSON.parse()JSON.parse()将字符串c还原成对象a1.3、String.fromCodePoint()可以识别大于0xFFFF的字符，弥补了String.fromCharCode()方法的不足1.4、codePointAt()能够正确处理 4 个字节储存的字符，返回一个字符的码点。1.5、String.raw()该方法返回一
2021-05-23 13:33:41
123
原创 Consul+Gateway（Ocelot）详解（asp.netcore 微服务架构）
Consul简介Consul是一个基于CP的轻量级分布式高可用的系统，提供服务发现、健康检查、K-V存储、多数据中心等功能，不需要再依赖其他组件(Zk、Eureka、Etcd等)。服务发现：Consul可以提供一个服务，比如api或者MySQL之类的，其他客户端可以使用Consul发现一个指定的服务提供者，并通过DNS和HTTP应用程序可以很容易的找到所依赖的服务。健康检查：Consul客户端提供相应的健康检查接口，Consul服务端通过调用健康检查接口检测客户端是否正常K-V存储：客户端可以使
2021-05-22 11:19:38
6084
4
原创 axios
axios概述Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。Axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中。Github开源地址： https://github.com/axios/axios使用在线地址引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>npm安装 npm install axiosGET请
2021-05-20 11:37:39
173
原创 Vue-Vuex
一. Vuex概述Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。Vuex统一管理状态的好处能够在vuex中集中管理共享的数据，易于开发和后期维护能够高效地实现组件之间的数据共享，提高开发效率存储在vuex中的数据都是响应式的，能够实现保持数据与页面的同步...
2021-05-20 10:37:41
80
原创 asp.net微服务架构（概述）
分布式服务概述一系列服务组装成系统独立部署，独立运行独立开发和维护分布式管理强调隔离性微服务架构是什么微服务架构是一个用分布式拆分业务逻辑，完成解耦的架构模式，就是把以前的mvc三层架构里面给独立成一个服务调用以前在一个进程内，调用BLL层的方法，现在是跨进程，调用服务来完成功能。微服务架构（Microservice Architecture）是一种架构概念，旨在通过将功能分解到各个离散的服务中以实现对解决方案的解耦。意思就是把一个大型的单个应用程序和服务拆分成为数十个的支持微服务，
2021-05-19 17:09:23
2086
原创 file文件读取文件读取
html <!--multiple 允许用户一次性选择多个文件--> <input type="file" name="cover" id="file" >js // 选择文件上传控件 var file = document.querySelector('#file'); var preview = document.querySelector('#preview'); // 当用户选择完文件以后 file.o
2021-05-19 09:19:10
1021
原创 Bcrypt加密详解
Bcrypt介绍Bcrypt是单向Hash加密算法，类似Pbkdf2算法 不可反向破解生成明文。在node中的使用// npm bcrypt// 导入bcryptconst bcrypt = require('bcrypt');async function run () { // 生成随机字符串 // genSalt方法接收一个数值作为参数 // 数值越大 生成的随机字符串复杂度越高 // 数值越小 生成的随机字符串复杂度越低 // 默认值是 10 // 返回生成的随机字符串
2021-05-17 18:51:56
5741
原创 Node.js学习（express+node项目实战）
一. 什么是node.js?JavaScript 运行时环境既不是语言，也不是框架，它是一个平台node中的javascript没有BOM、DOM在 Node 中为 JavaScript 提供了一些服务器级别的 API文件操作的能力http 服务的能力二. node中的模块化开发在node中每个js都是一个独立的文件，相互之间并不干扰，他们之前的通信是通过exports 向外暴露，然后在通过 require 引入。事例a.jsvar bEpt = require('./b'
2021-05-17 17:38:30
422
原创 EFCore的两种模式
EFCoreDBFirst模式先有数据库，然后通过映射得到实体（和数据库的表对应）Sql Server 的链接下载两个三个包 NuGetMicrosoft.EntityFrameworkCoreMicrosoft.EntityFrameworkCore.SqlServerMicrosoft.EntityFrameworkCore.Tools工具–nuget包管理器–程序包管理器控制台：命令执行：Scaffold-DbContext "Data Source=服务名或地址;Initi
2021-05-12 15:12:27
569
原创 asp.netCore解决跨域问题
什么是跨域？url是由：协议、域名、端口号、资源路径4部分组成当我们请求一个url时，协议、域名、端口三者之间任意一个与当前页面url不同就是跨域例如 我们在http://localhost:8080/login下请求http://localhost:8088/login这就是跨域请求，这里是因为端口号不同。是什么原因导致的呢？同源策略同源指的是同一个协议、域名、端口。它是一种约定，是浏览器最核心也是最基本的安全功能，如果缺少同源策略浏览器的正常功能会受到影响。可以web是构建在同源策略的基础
2021-05-09 11:26:21
1029
原创 Nginx基本使用
Nginx环境下载nginx:http://nginx.org/en/download.html.建议下载稳定版本解压之后启动nginx.exe默认端口号是：80；所以必须更改端口号，在\nginx-1.20.0\conf\nginx.conf修改端口号启动后访问地址 http://localhost:8004这就表示启动成功了配置多服务器最基础配置如下//这里配置的是服务器列表 upstream webApi { server
2021-05-08 08:01:33
99
原创 静态文件读取和脚本参数
静态文件读取：Nuget引入：Nuget引入Microsoft.Extensions.FileProviders配置读取静态文件的中间件在Startup.cs 添加如下代码//读取静态文件的中间键 app.UseStaticFiles(new StaticFileOptions() { FileProvider = new PhysicalFileProvider(Path.Combine(Directory
2021-05-01 10:44:09
154
1
原创 LINQ
LINQ查询LINQ提供了一种跨数据源和数据格式的统一模型，实现查询。它使用C#语言以查询数据库相同的方式查询内存数据。在LINQ中，可以使用相同的编码模式来查询和转换XML文档、SQL数据库、ADO.NET数据集以及.NET集合中的数据，并支持LINQ查询的任何格式的数据。LINQ的编写从from关键字开始，结合使用where、select等关键字，实现各种条件查询。如var a = from record in tableName select record 得到tableName中的所有数据。实
2021-05-01 08:06:44
168
原创 .net5Core入门学习（包含IIS上部署）
一. 环境搭建安装vs2019vs下载地址: https://visualstudio.microsoft.com/zh-hans/vs/.环境要求1.Visual Studio2019 16.80版本2…NET5运行时—发布部署如果是2020年11月11日之后下载安装的时候，可以直接基于Visual Studio2019 16.80版本做开发；二. 创建并启动项目添加一个web应用运行项目可直接点击iis 运行即可右键项目打开文件bin/Debug/net5.0cm
2021-05-01 07:27:48
1014
1
原创 Vue的基本应用
1. 插值数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值：<template> <div id="app"> <h1>{{msg}}</h1> </div></template><script>export default { name: 'App', data(){ return{ msg:"你好" } }
2021-04-28 09:55:52
360
2
原创 搭建Vue基本工程项目
一. 什么是MVVMMVVM(Model - View - ViewModel) 是一种软件架构设计者模式。MVVM 源自于经典的MVC（Model - View - Controller）模式。MVVM的核心是ViewModel层，负责转换Model中的数据对象来让数据变得更容易管理和使用ViewModel 与视图层进行双向数据绑定与Model层通过接口请求进行数据交互。Vue.js , AngularJS 都是属于MVVM框架。创建第一个Vue工程项目环境：下载nodo.js
2021-04-27 11:33:04
127
原创 C#的高级特性
1. C# 委托委托是一种引用类型，它表示对具有特定参数列表和返回类型的方法的引用语法： public delegate <return type> <delegate-name> <parameter list>return type 表示返回类型 delegate-name 表示委托名 parameter list 表示参数列表。定义： public delegate string TranslationDelegate(string name)
2021-04-26 11:58:38
447
原创 aspmvc最简单实用的view传递参数
模型绑定模型绑定是将浏览器发送的HTTP请求数据转换为.NET对象的过程。模型绑定使得在控制器中可以直接获取视图或URL传递来的数据，这些数据可以自动转换为模型对象，以便调用。在models中新建一个实体类代码如下using System;using System.Collections.Generic;using System.Linq;using System.Web;namespace WebApplication3.Models{ public class Wz
2021-04-25 10:30:44
259
原创 关于控制器与视图之间参数传递
一. Controller 向View传递参数1. ViewData//底层源码中ViewData的定义如下 ControllerBase类中的属性public ViewDataDictionary ViewData {get;set;}ViewData本身是ViewDataDictionary字典类型public class ViewDataDictionary: IDictionary<string,object>{}ViewData中存放的是键值对数据。ViewData
2021-04-25 10:11:59
309
原创 git的基本学习（入门级教学）
一. git的下载git下载链接: http://npm.taobao.org/mirrors/git-for-windows因为国外的地址下载速度较慢，上面的是淘宝的镜像下载地址。1.1 安装步骤一直点击下一步即可安装完成后会出现下面文件如图：解释命令行Git Bash：Unix与Linux风格的命令行Git CMD：Windows风格的命令行Git GUI：图形界面的Gitgit bash和git cmd使用最多，git bash最常用。二. Git相关的配置文件1
2021-04-16 08:48:02
176
原创 从零开始搭建一个简单的asp.net mvc项目
一. 环境搭建下载vs2019链接: https://www.csdn.net/准备好MySql因为本人使用的时mysql,大家也可以使用微软的Sql Serve二. 打开vs2019创建项目选择MVC三. 包名解释3.1App_Data: 数据的物理存储区，即本地化的数据库文件或数据文件。App_Start: 包含多个静态配置类，执行应用程序的初始化任务。Content: 放置应用程序的静态文件。如CSS、可下载的文件及音乐文件等。Controller: 放置控制
2021-04-15 15:37:38
958
2
原创 叫你如何使用vs 2019用asp.net mvc项目添加一个MySQL EF模型
一. 准备vs2019MySql 5.7数据库建立一个aspmvc项目二. 打开管理NuGet三. 更改Entity 版本为6.2.0四. 更改MySql.Data&&MySql.Data.Entity为6.10.8五. 下载 mysql connector net 6.10.8和mysql for Visual studio 1.2.8复制标题 百度搜索即可（mysql connector net && mysql for Visual stud
2021-04-13 18:51:35
610
原创 JS中的正则
一. 正则表达式概述1.1 什么是正则表达式正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等 。1.2 正则表达式的特点灵活性、逻辑性和功能性非常的
2021-04-10 10:33:03
205
原创 this之call() apply() bind() 方法的简单应用
this改变函数内this指向 JS提供了三种方法 call() apply() bind()下面是其三中方法的简单应用call()// 1. call() var o = { name: 'andy' } function fn(a, b) { console.log(this); console.log(a + b); }; fn.c
2021-04-10 08:50:34
109
原创 H5多线程Worker
H5新增 多线程Worker的简单使用Web Worker 是H5提供的一种JS多线程解决方案， 我们可以将一些大量计算的代码交给Web Worker运行而不阻塞主线程，但是子线程完全受主线程控制，且无法操纵DOM，所以还是无法改变JS是单线程的质以JavaScript来实现著名的斐波拉且数列，当我在输入框中输入第一个数字时返回这个数字所在位置的数字值。html代码：<input type="text" id="num"><button id="btn">计算</
2021-04-10 08:16:03
454
2
原创 JS高级进阶（类和对象）
一、ES6中类和对象class Star { constructor(uname, age) { this.uname = uname; this.age = age; } } // 2. 利用类创建对象 new var ldh = new Star('刘德华', 18); var zxy = new Star('张学友', 20
2021-04-09 11:59:13
119
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人