- 博客(53)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 打造全屏无法退出的浏览器启动页面
在特定场景下，我们可能需要将浏览器设置成启动时默认打开一个特定的网页，并保持全屏状态，防止用户通过快捷键退出全屏。这种需求常见于数字标牌、信息展示或公共展示等场景。在本篇博客中，我们将介绍如何使用不同浏览器的参数来实现这一目标。
2024-01-30 09:51:39
430
原创 javascript 中 substr 与 substring 的区别
【代码】javascript 中 substr 与 substring 的区别。
2022-09-22 11:48:57
262
原创 node-schedule 使用
(7) W：表⽰有效⼯作⽇(周⼀到周五),只能出现在DayofMonth域，系统将在离指定⽇期的最近的有效⼯作⽇触发事件。(4) /：表⽰起始时间开始触发，然后每隔固定时间触发⼀次，例如在Minutes域使⽤5/20,则意味着在第5分钟开始触发第⼀次，然后25，45以此类推分别触发⼀次.(6) L：表⽰最后，只能出现在DayofWeek和DayofMonth域，如果在DayofWeek域使⽤5L,意味着在最后的⼀个星期四触发。(8) LW：这两个字符可以连⽤，表⽰在某个⽉最后⼀个⼯作⽇，即最后⼀个星期五。
2022-09-22 11:43:47
483
转载 网页性能管理详解
你遇到过性能很差的网页吗？这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。本文将详细介绍性能问题的出现原因，以及解决方法。一、网页生成的过程要理解网页性能为什么不好，就要了解网页是怎么生成的。网页的生成过程，大致可以分成五步。1. HTML代码转化成DOM2. CSS代码转化成CSSOM(CSS Object Model)3. 结合DOM和CSSOM，生成一棵渲染树（包含每个节点的视觉信息）4. 生成布局（layout），即将所有
2022-07-19 11:38:27
157
原创 通过JS获取设备连接的摄像头数量
获取设备连接的摄像头数量软件启动时，在前端获取到摄像头数量，然后发送到后端，后端再进行相应的业务处理。当前项目有个需求，需要根据连接的USB摄像头数量，显示不同的页面。
2022-07-19 11:20:53
1139
1
转载 @vue/cli （五）CLI服务
在一个 Vue CLI 项目中，@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。这是使用默认 preset 的项目的 package.json :可以通过 npm 或 yarn 调用这些 script: 如果你可以使用 npx (最新版的 npm 应该已经自带)，也可以直接这样调用命
2022-07-08 17:25:02
2832
转载 @vue/cli （四）插件和preset
Vue CLI 使用了一套基于插件的架构。如果你查阅一个新创建的项目的 package.json ，就会发现依赖都是以 @vue/cli-plugin- 开头的。插件可以修改 webpack 的内部配置，也可以向 vue-cli-service 注入命令。在项目创建的过程中，绝大部分列出的特性都是通过插件来实现的。基于插件的架构使得 Vue CLI 灵活且可扩展。每个 CLI 插件都会包含一个（用来创建文件的）生成器和一个（用来调整webpack核心配置和注入命令的）运行时插件。当你用 vue create
2022-07-08 14:52:47
4283
转载 @vue/cli （三）创建一个项目
会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性。这个默认的设置非常适合快速创建一个新项目的原型，而手动设置则提供了更多的选项，它们是面向生产的项目更加需要的。你也可以通过 命令以图形化界面创建和管理项目：上述命令会打开一个浏览器窗口，并以图形化界面将你引导至项目创建的流程。......
2022-07-08 10:44:57
78
转载 @vue/cli （二）安装
可以使用下列任一命令安装这个新的包：安装之后，你就可以在命令行中访问 vue 命令。可以通过简单运行 vue， 看看是否展示出一份所有可用命令的帮助信息，来验证它是否安装成功。你还可以用这个命令来检查其版本是否正确：升级如果需要升级全局的 Vue CLI 包，请运行：项目依赖上面列出来的命令是用于升级全局的 Vue CLI。如需升级项目中的 Vue CLI 相关模块（以 @vue/cli-plugin- 或 vue-cli-plugin- 开头），请在项目目录下运行 vue-up
2022-07-08 10:16:55
145
转载 @vue/cli （一）介绍
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置灵活性，无需 eject。Vue CLI 有几个独立的部分。CLI (@vue/cli) 是一个全局安装的 npm 包，提供了终端里的 vue 命令，它可以通过 vue create 快速搭建一个新项目，或者直接通过 vue s
2022-07-08 10:05:31
218
转载 JavaScript 事件循环
本文从三个角度来研究 JavaScript 的事件循环：JavaScript 是网景（Netscape）公司为其旗下的网景浏览器提供更复杂网页交互时所推出的一个动态脚本语言。其创作者 Eich 在 10 天内写出了 JavaScript 的第一个版本，通过 Eich 在 JavaScript 20 周年的演讲回顾中，我们可以发现 JavaScript 在最初设计的时候没有考虑所谓的事件循环。那么事件循环到底是怎么出现的？首先让我们来看看引入 JavaScript 到网页端的经典用例：一个用户打开一个网页，填
2022-07-07 10:15:12
112
转载 git 常用命令（查看信息）
1. 显示当前分支的版本历史git log2. 显示commit历史，以及每次commit发生变更的文件git log --stat3. 搜索提交历史，根据关键词git log -S [keyword]4. 显示某个commit之后的所有变动，每个commit占据一行git log [tag] HEAD --pretty=format:%s5. 显示某个...
2022-04-21 10:39:09
3424
原创 git 常用命令（标签）
1. 列出所有taggit tag2. 新建一个tag在当前commitgit tag [tag]3. 新建一个tag在指定commitgit tag [tag] [commit]4. 删除本地taggit tag -d [tag]5. 删除远程taggit push origin :refs/tags/[tagName]6. 查看tag信息git show [tag]7. 提交指定taggit push [remote] [tag]8.
2022-04-21 09:29:58
158
原创 使用redis-cli命令客户端远程连接redis数据库
redis-cli -h host -p port -a password例：redis-cli -h 127.0.0.1 -p 6379 -a 123456
2022-04-21 09:07:14
3975
转载 在 Vue 中为什么不推荐用 index 做 key
前言前端开发中，只要涉及到列表渲染，那么无论是 React 还是 Vue 框架，都会提示或要求每个列表项使用唯一的 key，那很多开发者就会直接使用数组的 index 作为 key 的值，而并不知道 key 的原理。那么这篇文章就会讲解 key 的作用以及为什么最好不要使用 index 作为 key 的属性值。key的作用Vue 中使用虚拟 dom 且根据 diff 算法进行新旧 DOM 对比，从而更新真实 dom ，key 是虚拟 DOM 对象的唯一标识, 在 diff 算法中 key 起着极
2022-04-19 10:19:52
2090
2
原创 docker nginx设置共享文件夹
命令启动容器：docker run -p 82:80 -v /Users/niepeng/Desktop/project/niepeng/docker/nginxshare/person:/usr/share/nginx --name nginx-person nginx
2022-02-11 10:45:19
1661
原创 工具整理（二）
1.一个 JS 的数据可视化动画库，功能很强，可以用来制作数据图表的动画。https://github.com/vizzuhq/vizzu-libhttps://github.com/vizzuhq/vizzu-lib2.一个休闲小游戏，已经在主机平台上架，这里是它最近发布的浏览器版。只要随意点击，就能生成不可思议的美丽建筑物。更妙的是，所有设置都保存在 URL 里面，可以分享给其他人。Townscaperhttps://oskarstalberg.com/Townscaper/3.一个浏...
2021-12-24 09:49:48
199
原创 MySQL报 you *might* want to use the less safe log_bin_trust_function_creators variable错误解决方法
解决方法：执行SET GLOBAL log_bin_trust_function_creators = 1;具体说明如下：在打开日志文件情况下执行以前建立的 自定义函数报错详细分析如下:1 .调用自定义函数 mysql> select sp_function_dbdh_three(); #以前自定义的函数2. 报错信息: ERROR 1418 (HY000): This function has none of DETERMINISTIC, NO SQL, ...
2021-12-20 10:41:17
2847
原创 父元素高度塌陷
浮动元素使其父元素高度塌陷情况描述：给一个元素设置浮动之后float:left/right;，如果该元素的父元素有背景颜色，那么会发现父元素的背景颜色消失了；如果父元素有一个边框，那么浮动元素无法将边框撑开。原因：当元素设置浮动后，会自动脱离文档流，翻译成白话就是说，元素浮动后，就不在整个文档流的管辖范围，那么它之前存在在父元素内的高度就随着浮动不复存在了，而此时父元素会默认自己里面没有任何内容（前提是未给父元素设置固定高度，如果父元素本身有固定高度，就不会出现这种情况）解决方法：.
2021-12-17 09:08:54
150
原创 Grid布局
一、概述网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。网格容器(Grid Container)属性display grid-template-columns grid-template-rows grid-template-areas grid-template grid-column-gap grid-row-gap grid-gap ju
2021-12-17 09:08:23
191
原创 Flex布局简介
什么是Flex布局？Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。采用 Flex 布局的元素，称为 Flex 容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称”项目”。display:flex 与 display: inline-flexdisplay:flexflex容器指定为块级元素 display:inline-flexflex容器指定为行内元素..
2021-12-17 09:08:04
157
原创 CSS 名词解释
css三种引入方式：内联、页级、外联内联CSS也可称为行内CSS或者行级CSS，它直接在标签内部引入，显著的优点是十分的便捷、高效；但是同时也造成了不能够重用样式的缺点，如果代码行数到达一定长度不建议采用。通常内联CSS作为测试使用，可以查找代码中bug。 页级CSS也可称为内部CSS，整体是放在head标签里边的，在style标签里边定义样式，作用范围和字面意思相同，仅限于本页面的元素；如果你写的代码超过了几百行，想想每次把代码页拉到最上边都很烦，所以它在可维护性方面较差。 外联CSS也可称为外部
2021-12-17 09:07:45
964
原创 Grid布局--auto-fit
.container { display: grid; grid-gap: 5px; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); grid-template-rows: repeat(2, 100px);}auto-fit：自适应数量，栅格将会根据容器的宽度调整其数量。它会尝试在容器中容纳尽可能多的100px宽的列。 minmax()：定义的范围大于或等于 min， 小于或等于 ma...
2021-12-16 11:01:02
1250
原创 响应式布局的常用解决方案
1. 像素像素是网页布局的基础，一个像素表示了计算机屏幕所能显示的最小区域，像素分为两种类型：css像素和物理像素。我们在js或者css代码中使用的px单位就是指的是css像素，物理像素也称为设备像素，只与设备或者说硬件有关，同样尺寸的屏幕，设备的密度越高，物理像素也就越多。css像素和物理像素的具体区别：css像素：为web开发者提供，在css中使用的一个抽象单位。 物理像素：只与设备的硬件密度有关，任何设备的物理像素都是固定的。???? 那么css像素与物理像素的转换关系是怎么样的呢
2021-12-16 10:55:50
945
原创 transform设置字体缩放
可以通过设置transform属性，达到字体缩放的目的。span { font-size: 12px; font-weight: bold; transform: scale(0.7);}
2021-12-16 10:42:57
1682
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人