- 博客(29)
- 收藏
- 关注
RSS订阅原创 Sass 笔记
如果有一些重复样式，那么使用变量来统一处理这种情况非常不错的选择。但当样式变得越来越复杂，需要大段的重复样式代码，独立的变量就没办法应付这种情况了。所有可以通过sass的混合器实现大段样式的重用。上面定义了一个混合器，那么引入它就需要用到@include最终生成的css为便于书写，@mixin可以用表示，而@include可以用表示。
2024-03-01 00:50:55
783
原创 如何开发谷歌扩展
扩展（Extension），指的是通过调用 Chrome 提供的 Chrome API 来扩展浏览器功能的一种组件，工作在浏览器层面，使用 HTML + Javascript 语言开发[*]。比如著名的 Adblock plus。下面我会以一个简单的 demo 来讲,该 demo 是一个简单翻译扩展，输入要翻译内容后把翻译结果输出到页面上。
2024-03-01 00:38:13
1088
1
原创 前端渡一教育的学习笔记
如果你是一名前端开发，我相信你一定会刷到过的视频。看那些视频的案例老早就想自己也上手敲一遍了，但奈何总总原因，总觉得时间不充裕。在前不久狠下心来，决定把这些视频上的demo手写一遍，说干就干，于是就有了这个笔记的诞生，现在提薪课已经基本实现完了，准备到。看时间安排，有兴趣可以 star一下。每个案例写有对应的视频链接。
2023-09-24 00:59:38
697
1
原创 nestjs 第二章、数据库的使用
Nestjs连接数据库操作。为了与SQL和NoSQL数据库集成，Nest提供了包。Nest使用TypeORM是因为它是TypeScript中最成熟的对象关系映射器(ORM因为它是用 TypeScript 编写的，所以可以很好地与Nest框架集成。
2023-09-24 00:44:03
253
1
原创 一个简单的基于Typescript的C语言词法分析器(Lexer)
词法分析器（Lexer，也称为扫描器）是编译器或解释器的一部分，用于将输入的源代码字符串分解成一个个称为词法单元（Tokens）的小块。每个词法单元通常代表了源代码中的一个基本语法单元，例如关键字、标识符、操作符、常量等。词法分析是编译过程的第一个阶段，它的主要任务是将复杂的源代码字符串转换为容易处理的标记流。
2023-09-24 00:37:16
135
1
原创 vue路由白名单
例如：网页中有些页面需要登录后才能访问，有些页面不需要，我们需要在页面的前置路由设置白名单，过滤出白名单（不需要登录就可以访问的页面），判断是否需要登录，如果是，就跳到登录页面。
2022-11-01 22:44:44
5319
原创 js生成目录并实现目录节点跟随滚动高亮
当网页有文章，文章中有很多标题。我们有时会需要生成目录大纲，以便他人查阅。生成目录到是不难，但是怎么实现目录跟随着页面滚动而改变目录的高亮标题？
2022-10-22 15:46:54
2276
2
原创 div根据屏幕缩放进行比例缩放
在一些视频类网站，视频的 div 宽度会跟随浏览器的大小进行比例缩放，一般来说，我们 div 设置宽度 100% ， 高度写死，宽度可以根据屏幕缩小而改变 div 的宽度，但是高度不会变化，如果想要 div 的高度也随着宽度的变化而变化呢？......
2022-08-13 12:48:18
3482
原创 Python笔记
前言本文只是本人学习的笔记，并不是什么教学。为了方便自己忘记时不用东找西找，有兴趣可以看下文章目录前言1、os2、zipfile3、requests4、json5、etree6、re7、selenium8、time9、datatime10、方法11、编码12、字典1、osimport osfile = 'test.py'os.path.basename(file) # 获取文件名 => test.pyos.path.dirname(file) # 获取文件目录
2022-04-16 23:49:09
106
原创 PyCharm设置代码模板
前言并非教程，仅供本人忘记时回来查看教程1、先装插件 Chinese2、【设置】--【编辑器】--【文件和代码模板】--选择【Python Script】#-*- coding = utf-8 -*- #@Time: ${DATA} ${TIME}#@Author:XIE392#@File：${NAME}.py#@Software: ${PRODUCT_NAME}$ {PROJECT_NAME} # 当前项目名 $ {NAME} #当前文件名 ${PRODUCT_NAM
2022-04-16 11:56:09
1018
原创 网页播放rtsp视频流
前言目前我所用过的四种方法可以实现网页播放rtsp视频流，但很遗憾，在各大浏览器做了测试，基本都能显示，就唯独不符合这该死小米电视机浏览器（苦恼）。以下这些都可以在各大主流浏览器上播放，但我并没有深入了解，全是一些demo，所以此文仅供参考文章目录前言方法一、RTSPtoWebRTC二、VLC三、ffmpeg+jsmpeg+node四、rtsp转m3u8结尾方法目前这四种方法几乎都是流码实现网页播放功能,话不多说，如下：RTSPtoWebRTCVLCffmpeg+jsmpeg+noder
2022-04-13 21:00:56
17355
9
原创 Echarts使用心得
前言Echarts是一个 JavaScript 的开源可视化图表库，可以快速画出许多图形，我们有时候会用到它，但是官方教程对于新手来说确实不友好，至少在我看来是这样的，看了我几天才大概有所了解，为了加深记忆，故在此记下，方便日后忘记可以回来查看文章目录前言一、基础画图二、配置项setOption1、title2、legend3、grid4、xAxis一、基础画图基础画一个图，首先要知道的是重点在于配置项setOption,现在先不急了解，我们先简单画一个图1、在页面创建一个div标签，id值未
2022-04-08 10:43:00
2051
2
转载 JavaScript判断手机或电脑端
JavaScript判断手机或电脑端判断手机端和电脑端可以根据 屏幕大小 来判断，也可以使用 navigator 属性判断1、判断代码：function isMobile() { var userAgentInfo = navigator.userAgent; var mobileAgents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var mobile_flag = fals
2022-04-07 14:57:49
9685
1
原创 axios在vue中的封装使用
简单封装 axios一、安装axiosnpm install axios或npm install --save axios vue-axios二、创建文件在 src 目录下创建一个叫 api 和 utils 的文件夹，主要用于存放请求数据的接口。在utils文件夹下创建一个叫 request 的 js 文件，这里的文件夹叫什么无所谓，我这里只是做简单示范。import axios from "axios";const service = axios.create({ // axi
2022-03-25 23:10:02
2324
原创 git在工作中的使用
这里简单介绍一下git的常用命令1、克隆代码我们知道，第一次本地没有项目，所以需要先下载项目到本地。要下载别人的远程代码到本地，可以使用git clone https://... # https://...为远程仓库地址基本使用一次之后，就不用每天克隆远程代码到本地了2、推送代码到远程仓库第一天克隆代码本地后，修后需要上传到远程仓库，依次使用命令1、初始化仓库git init 2、上传到本地仓库git add .3、提交备注 git commit -m "name"
2022-03-24 09:03:41
482
原创 vue中CSS与JS代码分离
前言一个vue页面有着 HTML、CSS和JS代码，看起来代码过多，不好管理，所以就需要分开写CSS和JS教程在 assets 下创建 css 和 js 文件夹，在页面中引入<script src="@/assets/js/home.js"/><style lang="less" src="@/assets/css/home.less"/>或者<script src="../assets/js/home.js"/><style lang="
2022-03-16 17:52:13
1801
原创 微信小程序报错request:fail -2:net::ERR_FAILED
真机模式下微信小程序报错：request:fail -2:net::ERR_FAILED问题描述wx.requset请求报错，域名已经添加信任和Https，真机模式下报错wx.requset({ url:"https://www......", success:(res=>{ console.log("请求成功=>",res); }), fail:(err=>{ console.log("请求失败失败=>",err); })
2022-03-16 17:41:21
1925
原创 微信小程序返回携带参数或触发事件
应用场景点击选择需要跳转到新的页面，在新的页面上选择成功后返回上一个页面，在把选择的结果渲染到上一个页面。问题描述微信小程序中国返回上一个页面的API是 wx.navigateBack , 这个与 wx.navigateTo有所不同，前者没有 url 提供返回和携带参数，而后者可以在 url 后面携带参数并跳转。那么怎么在返回上一个的页面的同时携带参数回去？解决方法例子：A为父页面，B为子页面，B页面需要携带参数返回A页面A页面Page({ data: { name:
2022-03-16 13:21:24
3403
原创 Ubuntu/Linux 多开线程运行不同服务
在 ubuntu 服务器上，一般有不同的服务需要运行，而没有图形界面的操作怎么多开线程保持服务正常运行和互不干扰？这里就用到了 screen一、安装 sereen如果没有安装 sereen 可以先安装apt-get install screen二、新建线程name为自己起的名字，建议起方便辨认的名字，运行该命令后会有一个新的黑窗口，你只需要运行你想要的服务即可screen -S name三、保存并断开按住 Ctrl + A + D 即可断开该线程，或者输入screen -d na
2022-03-15 14:09:20
2169
原创 微信小程序map的使用
微信小程修改组件默认样式小程序中有许多组件，我们可以根据微信小程序官方提供的组件快速开发小程序，但问题描述提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP 中接收数据代码：@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget();
2022-03-14 22:19:25
3645
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人