- 博客(83)
- 收藏
- 关注
原创 Http、Socket、WebSocket之间联系与区别
https://www.cnblogs.com/aspirant/p/11334957.html
2022-03-29 10:49:50 2096
原创 vue项目中icon乱码的问题
问题描述最近发现项目在测试环境下icon偶尔会出现乱码的情况,我自己本地一直没能复现,在测试环境复现的话就需要打开控制台,然后按键刷新,一次不行就多刷新几次,就可以复现这个问题。原因分析这个问题可能是因为项目中有用到element-ui库,而项目中安装的sass和element-ui源码中的sass(node-sass)安装版本不一致造成的。项目中的sass具体:一般使用不会出现这个问题,因为一般引入的是element-ui的css文件,问题出在于为了主题色变化啊,需要用到scss变
2022-01-06 16:27:59 4437 2
原创 dart-sass编译element-ui打包出来的icon乱码的解决方案
链接https://juejin.cn/post/6844904154696155144
2022-01-06 10:32:22 611
原创 vuex应用
刚来公司时看到项目中这么写的,虽然不太明白为什么要这么搞,但是也算作是一个学习吧VUEXVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。什么情况下我应该使用 Vuex?Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex
2021-12-10 17:45:35 122
原创 Export之返回流文件
这个是基于后端返回一个流文件后前端的处理this.$http({ url: `/customer/export-ele-his?customerId=${this.formData.customerId}&startDate=${this.dateRange[0]}&endDate=${this.dateRange[1]}`, method: 'get', responseType: 'blob', }).then(res =>
2021-12-09 16:01:38 186
原创 Prisma
What Prisma ❓Prisma是一个能够快速构建Graphql API服务的后端框架。是现代应用程序的数据层。 它通过 Prisma client使用通用数据库抽象替换传统的 ORM 和数据访问层。用于构建 GraphQL 服务器,REST API 等Why Prisma ❓各种语言的 Prisma client,如 JavaScript,TypeScript,Flow,Go,Java,Python支持多个数据库,如 MySQL,PostgreSQL,MongoDB(目前仅以上三种,
2021-04-01 10:25:41 1314
原创 gridsome demo
环境搭建完成后的目录├── package.json├── gridsome.config.js ├── gridsome.server.js ├── static/ └── src/ ├── main.js ├── index.html ├── App.vue ├── layouts/ │ └── Default.vue ├── pages/ └── templates/ markdown首先来看一下 markdown 文
2021-04-01 10:13:15 269
原创 graphql demo
????这次是很长时间没有看graphql这一块了,可能下个项目就要用到,emm,回顾一下。。服务端Installnpm init --ynpm install apollo-server-express express graphql mongoose需要的安装目录如下├── graphql│ ├── resolver.js│ └── schema.js├── models│ └── product.js├── mode-modules├── app.js├── p
2021-04-01 09:48:04 350
原创 vueapollo & graphql
配置首先搭建好一个vue的项目接着npm install vue-apollo apollo-boost graphql然后建立一个 vueApollo.js 的文件(注意我这里的 vueApollo.js 和 main.js 同级)import VueApollo from 'vue-apollo'import ApolloClient from 'apollo-boost'import Vue from 'vue'Vue.use(VueApollo);const apolloCl
2021-04-01 09:44:47 228
原创 graphql-4
Installnpm init --ynpm install apollo-server-express express graphql mongoosenpm install安装完成后,完善目录结构如下????├── graphql│ ├── resolver.js│ └── schema.js├── models│ └── product.js├── mode-modules├── app.js├── package-lock.json└── package.js
2021-04-01 09:37:33 130
原创 graphql-3
认证和中间件控制具有权限的人去访问数据接口,需要借助于express的中间件来实现中间件的本质实际上是一个function,它在接口执行之前首先拦截请求,然后决定是往下走还是返回错误消息const express = require('express');const { buildSchema} = require('graphql');const { graphqlHTTP} = require('express-graphql');// 定义schema,查询和类型const
2021-04-01 09:03:41 163
原创 graphql-2
Mutations定义修改mutation其实和定义查询Query是类似的Queryconst schema = buildSchema(` type Account { // name: String age: Int gender: String department: String } type Query { hello: String account: Account // }`)Mutat
2021-04-01 09:01:28 136
原创 graphql-1
graphql 与 restfulrestful属性状态转移,本质就是用定义uri,通过api接口来获取资源。通用系统架构,不受语言限制restful一个接口只返回一个资源,graphql一次可以获取多个资源restful用不同的url来区分资源,graphql用类型区分资源express+graphql最基本的写法const express = require('express');const {buildSchema} = require('graphql');const {gra
2021-04-01 08:57:54 170
原创 GraphQL之前后端实践Demo
BeforeinstallStart安装完成之后,就应该设计一个demo了!所以,这个demo应该怎么设计呢❓下面就从最简单的开始吧~hello❓当我们查询一个hello的时候,需要返回一个world字符串...
2021-03-23 15:30:20 314
原创 study - GraphQL
SchemaSchema定义了字段的类型、数据的结构,描述了接口数据请求的规则Schema 使用一个简单的强类型模式语法,称为模式描述语言(Schema Definition Language, SDL)⬇️SDL(Schema Definition Language)GraphQL有其自己的语言来编写GraphQL模式:GraphQL模式定义语言(SDL)SDL使用简单直观,同时...
2021-03-23 15:29:17 120
原创 ACID
上周在学Prisma的时候在它的官方文档中看到了一个ACID,今天来学习一下~what 事务 ❓事务是访问数据库的一个操作序列,数据库应用系统通过事务集来完成对数据库的存取。事务的正确执行使得数据库从一种状态转换为另一种状态ACID 即 事务管理事务必须服从ISO/IEC所制定的ACID原则Atomicity 即 原子性事务是一个不可分割的工作单位,事务中的操作要么都发生,要么都不发生...
2021-03-23 15:27:26 105
原创 docker安装部署mongodb及导入数据文件
docker 安装部署 mongodb 及 导入数据文件上周五被这个问题给困了好久,安装部署好了但是一直都导入不了eportal的数据,害我担心不能及时修改提的bug????然后今天在凯哥的帮助下又重新试了一次,在这里进行归纳吧~docker pull mongodbdocker imagesdocker run -p 27018:27017 -v /Users/doris/Documen...
2021-03-23 15:25:23 676
原创 前端题
首屏加载和白屏加载时间的计算白屏时间:概念:是指浏览器开始显示内容的时间。一般认为浏览器开始渲染< body>标签或者解析完head标签的时刻就是页面白屏结束的时间点。原因:弱网络下,网络延迟,js加载延迟会阻塞页面客户端存在bug,缓存模块错乱,不缓存js等优化方法:加快js执行速度,可以使用js先渲染一个屏幕范围内的东西减少文件加载体积,如html压缩,js压缩在首屏直接同步渲染html,后续的滚屏等再采用异步请求数据和渲染html统计白屏数量监听某.
2021-03-17 11:00:26 277
原创 JS-1 basic
闭包相关闭包就是内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回(寿命终结)了之后。function add(x) { var sum = x; var tmp = function (y) { sum = sum + y; return tmp; }; tmp.toString = function () { return sum; }; return tmp; } con.
2021-03-14 20:42:56 301
原创 CSS
知识点积累,有转载。CSS Sprite(CSS 精灵)是什么,有什么优缺点?CSS Sprites:是一种网页图片应用处理方式。将多个小图片拼接到一个图片中。通过background-position和元素尺寸调节需要显示的背景图案。这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。是加速的关键,不是降低质量,而是减少个数。优点减少HTTP请求数,极大地提高页面加载速度增加图片信息重复度,提高压缩比,减少图片大小更换风格方便,只需在一张或几张图片上修改颜.
2021-03-09 16:33:56 422
原创 浏览器工作原理相关知识点
https://blog.poetries.top/browser-working-principle/大佬写的很好,知识的搬运工是我。1.进程和线程并行处理同一时刻处理多个任务。线程多线程可以并行处理任务,但是线程是不能单独存在的,它是由进程来启动和管理的。进程一个进程就是一个程序的运行实例。详细解释就是,启动一个程序的时候,操作系统会为该程序创建一块内存,用来存放代码、运行中的数据和一个执行任务的主线程,我们把这样的一个运行环境叫进程。 从图中可以看到,线程是依附.
2021-03-05 17:13:52 1366
原创 前端-1
浏览器1.同源策略及相关源? 源(origin)就是协议、域名和端口号url中的源:http://www.aspxfans.com:8080/news/index.asp?ID=24618&page=1#name协议:http://服务器名:www域名:aspxfans.com端口:80网站名:www.aspxfans.com虚拟目录部分:/news/ (从域名后的第一个“/”开始到最后一个“/”为止,虚拟目录也不是一个URL必须的部分)文件名部分:index.asp (从域
2021-03-05 11:21:34 319 3
原创 搭建个网 - 2
之前已经差不多配置好了,现在需要的就是写网站和部署了。当然。。我准备直接用typecho的主题哈哈这里记录一些比较喜欢的typecho主题吧,然后后面换着用????Snapic 相册主题DreamCat 自适应模板Rorical 可爱简洁模板Cuckoo 双栏模板TIME 时光相册Castle MD风格模板Jaguar 博客模板Puma 单栏博客主题Overflow 大气简洁主题Subtle 单栏模板Note 大气时尚博客主题MaterialDesign高颜值模板…ty
2021-02-24 16:42:57 259
原创 搭建个网 - 1
内心os…作为一个程序假媛,显然csdn里面写学习总结已经够了,但搞一个个人网站是我的毕生梦想(假的…),好了,就是为了玩玩闹闹买服务器此处选择了阿里云的轻量应用服务器,不为别的,就为了同事的5M带宽100+,我的96,呵呵呵呵呵…买了之后去实名认证,修改密码啥的,这里就不说了(人间真实,可用头像太丑)此时暂时没买域名服务器相关在产品与服务中选择自己买的服务器点击进入概览下面的服务器信息里面会有你所都买的服务器的基本信息????点击安全->防火墙刚才说的概览
2021-02-23 14:38:00 237 2
原创 nodejs-6
Expressexpress的安装及简单操作传值npm install express --save最简单的一个democonst express = require('express');const app = express();app.get("/", (req, res) => { res.send("hello world");})app.get("/login", (req, res) => { res.send("login page");})
2021-01-18 15:16:13 254
原创 最平静。
山雨欲来 陆忆敏 那是在最平静的日子我们好久没有出门旅行没有朋友来到城里喝掉我们的这瓶酒有人来信谈他清淡的生意有人用打印的卡片来祝贺生日你已在转椅上坐了很久窗帘蒙尘阳关已经离开了屋子穿过门厅回廊我在你对面提裙坐下轻声告诉你猫去了后院...
2021-01-18 13:20:47 90
原创 nodejs-5
NoSQL(Not Only SQL)不仅是SQL,指的是非关系型数据库,以key-value形式存储MongoDB介于关系型数据库和非关系型数据库之间。是非关系型数据库中功能最丰富,最像关系型数据库的NoSql数据库,最大优点就是支持的查询语言非常强大。installMongoDB索引索引是对数据表中的一列或者多列的值进行排序的一种结构,可以让查询数据库变得更快,但对新增数据和更新数据的速度会有些影响。设置索引db.user.ensureIndex({"username": 1})
2021-01-14 17:15:11 154
原创 nodejs-4
nodejs封装一个类似express的路由将之前写在app.js中的路由抽离到module/routers.js中,然后进行封装module/routesconst fs = require('fs');const path = require('path');const url = require('url');const ejs = require('ejs');let getFileMime = function (extname) { var data = fs.readF
2021-01-07 16:58:43 232
原创 nodejs-3
创建静态服务器web服务器一般是指网站服务器,可以向浏览器等web客户端提供文档,也可以防止网站文件让所有人浏览,还可以放置数据文件,让所有人下载。目前最主流的web服务器有:apache,nginx,IIS等nodejs创建web服务器这块在请求文件时会有一个文件名后缀转换的问题,通常请求的文件会有 .html .css .json .jpg .png 等格式的,可以在外面封装一个转换后缀名的方法直接调用,但是像 .json 这种格式的文件会有些不同,比如下面图片里说的,这时需要用到 url.pra
2020-11-13 08:29:07 138
原创 nodejs_2
包与npmnodejs中除了它自己提供的核心模块之外,我们还可以自定义模块,也可以使用第三方模块。nodejs中的第三方模块是由包组成,可以通过包来对一组具有相互依赖关系的模块进行统一管理。从上面这个图可以看出,一个包是由多个模块组成的,模块之间具有相互依赖的关系。完成符合CommonJS规范的包目录一般包含如下这些文件:package.json:包描述文件bin:存放可执行二进制文件的目录lib:存放javascript代码的目录doc :存放文档的目录第三方模块package.j
2020-11-12 08:42:48 142
原创 nodejs-1
nodejsnodejs是javascript的运行环境,让javascript可以开发后端程序,几乎能实现其他后端语言能实现的所有功能。
2020-11-06 17:15:03 281
原创 JS-4
ajaxajax可以让js去读取服务器上面的数据创建ajax对象连接到服务器发送请求(告诉服务器,要哪个文件)接收返回值readyState属性:请求状态0:(未初始化)还没有调用open方法1:(载入)已调用send()方法,正在发送请求2:(载入完成)send()方法完成,已收到全部响应内容3:(解析)正在解析响应内容4:(完成)响应内容解析完成,可以在客户端调用了...
2020-11-05 15:44:56 373
原创 JS-3
运动框架链式运动框架运动停止时,执行函数运动停止时,开始下一次运动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content=
2020-11-03 13:04:49 454
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人