龙猫不热-优快云博客

原创 Vite中注入全局Scss变量无效!!!!

今天创建一个新项目的时候, 准备全局注入一些scss变量方便后续开发, 结果按照搜到的教程怎么都不生效, 终于功夫不负有心人在vite的里找到了解决方法。

2024-05-16 16:45:42 2115 3

当我们在学习或测试项目, 使用第三方图片链接的时候, 总是会碰到返回状态码403的情况, 但是复制链接到浏览器中打开又可以正常显示这是因为有一些第三方平台对图片进行了一个防盗链处理, 服务端使用 Referer 请求头识别访问来源，然后处理资源访问, 当服务点看到我们的 Referer请求头的路径是localhost或一些本机地址的时候, 就会进行拦截, 阻止图片访问 **如何解决? ** 只要我们请求的时候不发送Referer请求头, 对方服务端就不知道我们是通过什么地址访问的了, 也就不会进行.

2021-09-12 16:46:37 515

原创 Object.keys与Object.hasOwnProperty的使用

1. Object.hasOwnProperty()的使用 hasOwnProperty()方法会返回一个布尔值，指示对象自身属性 (忽略原型链) 中是否具有指定的属性语法: obj.hasOwnProperty(prop) 参数prop: 要检测的属性的 String 字符串形式表示的名称，或者 Symbol 返回值: 用来判断某个对象是否含有指定的属性的布尔值 Boolean **注意**：即使属性的值是 null 或 undefined，只要属性存在，hasOwnProperty 依旧会返回

2021-09-07 15:31:34 1295

原创 ECMAScript 11 新特性

1. String.prototype.matchAll // matchAll 用于字符串批量匹配正则, 返回一个可迭代对象 let str = ` <ul> <li> <a>肖生克的救赎</a> <p>上映日期: 1994-09-10</p> </li> &lt

2021-09-06 16:44:44 319

原创使用 Node编写简易接口包含token

第一步安装模块 > npm install express --save // 服务框架 > npm install bcrypt@5.0.0 --save // 用于密码加密 > npm install jsonwebtoken --save // 用于生成token > npm install body-parser --save // 用于获取post 方式提交参数 > npm install mongoose --save // 用于在node中操作Mon

2021-09-02 15:02:36 377

原创在node中使用express框架

Express 原生的 http 在某些方面表现不足以应对我们的开发需求, 所以就需要使用框架来加快开发效率官网: https://www.expressjs.com.cn/ 安装: > npm install express --save // 0. 安装 // 1. 引包 const express = require('express'); // 2. 创建服务器应用程序 // 也就是原来的 http.createServer() const app = express(); //

2021-08-31 11:31:37 260

原创如何解决在HBuilderX运行微信小程序报错 ? Enable IDE Service (y/N) [27D[27C

在HBuilderX中调试小程序时, 命令行编译出现了下面这样的错误解决方法: 打开微信小程序开发者工具, 设置 -> 安全设置 , 在安全设置中把服务端口打开后重新运行即可

2021-08-30 10:14:55 1963

原创常见正则符号+常用方法

正则表达式: Regular Expression 常见的正则表达式符号 . 匹配除换行符以外的任意字符 \w 匹配字符或数字或下划线或汉字 \s 匹配任意的空白符 \d 匹配数字 \b 匹配单词的开始或结束 ^ 匹配字符串的开始 $ 匹配字符串的结束 * 重复零次或更多次 + 重复一次或更多次 ? 重复零次或一次 {n} 重复n次 {n,}重复n次到更多次 {n,m}重复n次到m次 \W 匹配任意不是字母数字下划线汉字的字符 \S 匹配任意不是空白符的字符 \D 匹配任意非数字的字符 \B 匹配不

2021-08-29 01:27:25 300

原创 Vue状态管理模式---Vuex

1. Vuex是做什么的? 官方解释: Vuex 是一个专为Vue.js 应用程序开发的状态管理模式它采用集中式存储管理应用的所有组件的状态, 并以相应的规则保证状态以一种可预测的方式发生变化 Vuex 也继承到Vue的官方调试工具 devtools extension, 提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。状态管理到底是什么？状态管理模式、集中式存储管理简单的将其看成把需要多个组件共享的变量全部存储在一个对象里面然后，将这个对象放在

2021-08-28 15:33:23 309

原创 Webpack的使用

1. Webpack的使用 1.1 认识webpack 什么是webpack? 从本质上来讲, webpack是一个现代的 JavaScript 应用的静态模块打包工具模块和打包 1.1.1 前端模块化在ES6之前, 我们想要进行模块化开发, 就必须借助于其他的工具, 让我们可以进行模块化开发并且再通过模块化开发完成了项目后, 还需要处理模块间的各种依赖, 并且将其进行整合打包而 webpack 其中一个核心就是让我们可能进行模块化开发, 并且会帮助我们处理模块间的

2021-08-26 15:19:22 219

原创微信小程序学习笔记五常见组件

1. 常见组件重点讲解小程序中常用的布局组件 1.1 view 代替原来的div标签  <view hover-class="h-class"> 点击我试试 </view> /* pages/index/index.wxss */ .h-class{ color: green; } 1.2 text 文本标签只能嵌套text 长按文字可以复制 (只有该标签有这个功能) 可以对空格

2021-08-25 19:43:53 645

原创微信小程序学习笔记四自定义组件

1. 自定义组件类似Vue或react中的自定义组件小程序允许我们使用自定义组件的方式来构建页面 1.1 创建自定义组件类似于页面, 一个自定义组件由json wxml wxss js 4个文件组成可以在微信开发者工具中快速创建组件的文档结构在文件夹内 components/myHeader, 创建组件名为myHeader 1.1.1 声明组件首先需要在组件的 json文件中进行自定义组件声明 myHeader.json { "component": true, } 1

2021-08-24 00:28:13 239

原创微信小程序学习笔记四页面的生命周期

1. 生命周期 1.1 对应阶段说明 onLOad(Object query) 1.1 页面加载时触发, 一个页面只会调用一次, 可以在 onLoad的参数中获取打开当前页面路径中的参数 1.2 参数: 名称类型说明 query Object 打开当前页面路径中的参数 onShow() 2.1 页面显示/切入前台时触发 2.2 会执行多次 onReady() 3.1 页面初次渲染完成时触发, 一个页面只会调用一次, 代表页面已经准备妥当, 可以和视图层进行交互 onH

2021-08-23 14:40:44 226

原创微信小程序学习笔记三路由的基本使用

小程序中路由的使用 1.1 页面路由在小程序中, 所有页面的路由全部由框架进行管理 1.2 页面栈框架以栈的形式维护了当前的所有页面, 当发生路由切换的时候, 页面栈的表现如下: 1.3 获取当前页面栈开发者可以使用 getCurrentPages() 函数获取当前页面栈。  <view bindtap="getThieRoute"> <text> 点击获取当前路由路径 </t

2021-08-22 19:14:13 305

原创微信小程序学习笔记二列表渲染 + 条件渲染

1. 列表渲染 1.1 wx:for 在组件上使用wx:for控制属性绑定一个数组, 即可使用数组中各项的数据重复渲染该组件默认数组的当前项的下标变量名默认为 index, 数组当前项的变量名默认为item 演示在index.js中我们定义以下数据 data: { arr: ["路明非", "楚子航", "凯撒", "芬格尔"], }, 编写index.wxml文件代码如下  <view class="goStudy" wx:for

2021-08-21 00:18:19 670

原创微信小程序学习笔记二数据绑定 + 事件绑定

微信小程序学习笔记二 1. 小程序特点概述没有DOM 组件化开发: 具备特定功能效果的代码集合体积小, 单个压缩包体积不能大于2M, 否则无法上线小程序的四个重要的文件 *js *.wxml ---> view 结构 ---> html *wxss ---> view样式 ---> css *.json --->view 数据 ---> json文件小程序适配方案: rpx (responsive pixel 响应式像素单位) 小程序适配单位 px 规定任何屏幕

2021-08-21 00:17:52 407

原创微信小程序学习笔记一 + 小程序介绍 & 前置知识

微信小程序学习笔记一 1. 什么是小程序? 2017年度百度百科十大热词之一微信小程序, 简称小程序, 英文名 Mini Program, 是一种不需要下载安装即可使用的应用 ( 张小龙对其的定义是无需安装, 用完即走, 实际上是需要安装的, 只不过小程序的体积特别小, 下载速度很快, 用户感觉不到下载的过程) 小程序刚发布的时候要求压缩包的体积不能大于1M, 否则无法通过, 在2017年4月做了改进, 由原来的1M提升到2M 2017年 1月9日0点, 万众瞩目的微信第一批小程序正式低调上线 2.

2021-08-19 01:29:43 339

原创 MongoDB学习笔记三 - Mongoose API的使用

在上一篇我们讲了如何通过Mongoose想数据库动态添加数据, 接下来我们一起来看一下如何通过Mongoose来对数据库进行增删改查等一系列操作 Model 对象的方法 remove(cinditions,callback) deleteOne(conditons.callback) deleteMant(conditions,callback) find(conditions,projection,options,callback) findById(id,projection,options,call

2021-08-18 01:08:54 400

原创 MongoDB学习笔记二- Mongoose

MongoDB学习笔记二 Mongoose Mongoose 简介之前我们都是通过shell来完成对数据库的各种操作, 在开发中大部分时候我们都需要通过程序来完成对数据库的操作而Mongoose就是一个让我们可以通过Node来操作MongoDB的模块 Mongoose是一个对象文档模型(ODM)库,它对Node原生的MongoDB模块进行了进一步的优化封装, 并提供了更多的共嗯那个在大多数情况下, 它被用来把结构化的模式应用到一个MongoDB集合, 并提供了验证和类型转换等好处 Mongoose

2021-08-17 01:09:58 291

原创 MongoDB - 文档之间的关系 + _sort和投影

1. 文档对象之间的关系一对一 (one TO one) - 例如: 夫妻 (一个丈夫对应一个妻子) - 在MongoDB中, 可以通过内嵌文档的形式来体现出一对一的关系演示: 首先在 my_test数据库中创建一个集合, wifeAndHusband, 并向集合中插入数据 { name:"黄蓉", husband:{ name:"郭靖" } > db.wifeAndHusband.find().pretty() { "_id" : ObjectId("6118

2021-08-16 00:02:15 173

原创 MongoDB操作内嵌文档

作为非关系型数据库中的佼佼者，MongoDB一大优势在于能够在一条文档中存储对象类型的数据，适当增加冗余来让数据库更好用。文档中一个对象类型的字段在MongoDB中被称为内嵌文档（Embedded）如果要通过内嵌文档来对文档进行查询, 此时属性名必须使用引号示例: 在test库中,存在一个col集合,集合中数据如下要求: 查询hobby中, movies包含超脱的文档, 查询代码如下: db.col.find({"hobby.movies":"超脱"}).pretty() 查询结果 .

2021-08-15 01:52:26 3030 1

原创 MongoDB学习笔记一(MongoDB介绍 + 基本指令 + 查询语句)

MongoDB介绍 + 基本指令 + 查询语句什么是MongoDB1.主要特点2. MongoDB与MySQL的区别一、关系型数据库 - MySQL二、非关系性数据库 - MongoDB三、优缺点四、MySQL和MongoDB的主要应用场景3.MongoDB概念解析4.基本指令4.1 创建数据库4.2 查看所有数据库4.3 删除数据库4.4 创建集合4.5 查看已有集合4.6 删除集合4.7 插入文档5. 查询语句5.1 查询集合中所有文档5.2 运算符条件查询5.3 AND 查询5.4 OR 条件什么是

2021-08-14 01:45:46 765

qq_45948222的博客