- 博客(35)
- 收藏
- 关注
RSS订阅原创 记录swiper3.x版本loop为true轮播踩坑，附带解决方案
loop为true时，踩坑记录。查看 swiper官网，找到参数，设置后，发现没起作用。 观察发现，手动滑动时触发了 事件，那我们在 事件内重启就可以吧。解决方案：利用事件和事件完成重启 轮播。loop为true时，当第一次自动滚动结束时进行第二次滚动开始时，第一屏vue的click事件不生效现象：当我们轮播图的图片轮播一圈后，你会发现之前可以点击的vue的click事件失效了。原因分析解决方案：最好采用原生的事件进行书写，如下：loop为true时，页面渲染问题当swiper的每个页面都
2022-06-01 11:42:45
1116
原创 NoSQL数据库简介
假如必须支持数量极为庞大的Web用户，而不是像原来那样只需要支持一小部分商户。开发者要求数据库必须能够提供下列几个方面的支持：对大批量读写操作的处理能力；较低的延迟时间和较短的响应时间；较高的数据可用性；关系型数据库很难满足上述需求。对于大规模的数据管理任务来说，以下4项特征尤为重要：可伸缩性：有效应对负载变化能力。成本开销：提供多种计费方案。灵活性：不需要固定的表格结构。可用性：利用很多台低廉的服务器来搭建一套系统。数据库管理系统特性表接下来，我们介绍NoSQL数据库。.
2022-04-01 15:34:18
5415
原创 关系型数据库特点分析
1970年E.F Codd发表的那篇阐述新型数据库设计方式的论文，数据管理技术才开始发生了巨大变化。特点分析形式化的数学模型使用关系代数来描述数据及数据间的关系数据结构的逻辑排布方式同它们的物理存储方式相分离消除数据异常，保证数据一致性关系型数据库与平面文件数据存储系统的区别：早期平面文件数据存储系统，每当存储介质里面添加新的文件，程序员必须编写新的程序来操作该文件中数据。关系型数据库管理系统采用一种通用的语言（SQL语言），由一套管理数据及操作数据的程序所组成。存储介质管理程序.
2022-04-01 13:35:03
1292
原创 早期的数据管理系统详细介绍
早期的数据管理系统早期的数据库管理系统，指的是文件系统及数据库系统。平面文件数据管理系统：最早出现的一种计算机化的数据管理形式。分层数据管理系统：在平面文件的基础上改进而来的数据管理方式。网络数据管理系统：在平面文件的基础上改进而来的数据管理方式。平面文件管理系统平面文件管理系统是指存放在长期存储媒介中的一套有组织的数据，称为文件。那个年代，一般为磁盘（磁带）。场景分析每位客户的信息需要占用160个字符，假如磁带中每个数据块的长度是800个字符，那么一个数据块可以记录5位客户的信息
2022-04-01 13:28:17
641
原创 数据库安装常见问题分析
在日常工作学习过程中，经常会有小伙伴在数据库安装过程中出现一些问题，现在基于xx和xx操作系统针对数据库安装的常见问题进行分析总结。环境配置信息很多小伙伴在进行数据库安装的过程中都会出现一些小的问题，使得安装流程不是十分的顺畅。一般出现这样的情况，往往是数据库环境配置工作做的不够充分。场景一：场景二：注册服务失败有时在数据库安装成功后，很多小伙伴在启动或者使用数据库的过程常常会遇到服务启动不成功的问题。场景一：注册服务的时候出现这个报错 | 达梦技术社区 (dameng.com)出现这样的现
2022-04-01 12:53:12
846
原创 Vue 使用事件总线 EventBus 实现跨组件(页面)事件传输
使用方法：建立 EventBus.js 文件，暴露一个空的 Vue 实例，如下：import Vue from 'vue'export default new Vue()在需要通信的两个组件中分别 importimport EventBus from "@/utils/EventBus.js";通过 EventBus.$emit、EventBus.$on 进行通信，如下：// A 页面 触发addFolder事件, params参数EventBus.$emit("addFolder",
2021-12-28 17:57:27
1199
原创 前端开发常用函数【不断更新...】
随机数// 随机字符串 len表示多长的随机字符串function generateRandomAlphaNum(len) { var rdmString = ""; for (; rdmString.length < len; rdmString += Math.random().toString(36).substr(2)); return rdmString.substr(0, len);}MD5 函数function encodeUTF8(s) { var i, r
2021-10-09 11:11:39
89
转载 解决window.location.href 下载文件时，一次点击产生两次下载+页面跳转问题
解决 window.location.href 下载文件时，一次点击产生两次下载+页面跳转问题一般我们常用 window.open 打开一个新窗口的方式，来下载文件，但是新的窗口不会关闭，除了明显体验上不好以外，有时还会导致一次点击同时产生两次下载。const download = (url) => { window.open(url);}解决方案：const = download = (url) => { //获得id为downLoadListFrame的frame
2021-09-02 10:24:32
7877
原创 【兼容所有浏览器】js 实现复制到剪贴板功能，支持代码块
最近需要实现代码复制的功能，网上查了一了下，基本都要依赖 clipboard.js 来实现的。不想依赖任何包，能不能实现代码复制功能呢？答案肯定是可以的，自己写！！！<button onclick="copyToClip('内容')"> Copy </button>/** * 复制单行或多行代码块内容到粘贴板 * content : 需要复制的内容 * message : 复制完后的提示，不传则默认提示"复制成功" */function copyToClip(.
2021-08-27 16:38:04
90
原创 【全】正则表达式语法
元字符1、基础- . 任意字符（换行除外）- \d 任意数字- \D 任意非数字- \w 任意数字字母下划线- \W 数字字母下划线以外的任意字符- \s 任意空白符- \S 任意非空白符2、空白符- \r 回车符- \n 换行符- \f 换页符- \t 制表符- \v 垂直制表符3、量词- *含义：0到多次- +含义：1到多次- ？含义：0到1次，如colou?r- {m}含义：出现m次- {m,n}含义：m到n次，- {,n} 其中m不写代表0，至多n次-
2021-08-19 12:55:59
2552
原创 js深拷贝与浅拷贝
浅拷贝JavaScript 存储对象都是存地址的，所以浅拷贝会导致a 和b 指向同一块内存地址。数组的复制其实相当于复制了索引，改变其中一个变量，其他引用也会随之改变。var a = [1,2,3]; var b = a; b[0] = 4; // a 为 4 2 3 // b 为 4 2 3 var a = [1,2,3];var b = a;b[0] = 4;// a 为 4 2 3// b 为 4 2 3当传递一个对象（在javascript里数组不是简单数据
2021-07-28 10:47:08
67
翻译 CSDN自带编辑器语法
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-07-25 11:03:21
121
原创 详解: vue 项目采用 swiper 实现自动轮播
在项目文件夹下放置swiper 下载包在需要使用的 vue 组件中， 采用 import 方式引入 swiper 文件HTML 数据渲染部分JS 页面交互实现部分swiper 样式全部代码
2021-07-21 17:01:00
4337
转载 原生js实现元素动态回到页面顶部
实现方式：element.scrollIntoView({ behavior: 'smooth', //平滑滚动，爽，其他还有 instant block: 'start' //元素到页面顶部，其他还有 end, center})案例：var backtotop = document.querySelector("body");backtotop.scrollIntoView({ behavior: 'smooth', block: 'start'})
2021-03-31 11:51:59
308
原创 nrm 实现多个 npm 镜像地址切换
淘宝镜像地址下，安装 nrm 依赖// 切换到淘宝镜像地址npm config set registry http://registry.npm.taobao.org/// 安装 nrm 依赖npm install nrm -g --save新增镜像地址nrm add newAdrr http://x.x.x.x:xxxx/repository/npm-local/查看所有镜像地址nrm ls* 表示当前所选镜像地址，也可以通过 nrm current 命令查看当前j镜像地址
2021-03-23 10:05:27
1188
原创 npm依赖包私服发布流程
描述：将项目环境中开发好的 vue 组件，发布到 npm 依赖包。这里不用脚手架，因为脚手架会附带很多用不到的东西。初始化仓库：每个 npm 包都需要一个 package.json 文件，进行常规配置。进行包初始化设置，自动生成 package.json 文件。填写内容选项，包括：名称、版本号、入口文件、描述、作者、证书等。npm init在 package.json 文件中填写 npm 包需要的依赖。"devDependencies": { "babel-core":.
2021-03-19 13:49:22
2228
转载 [VUE] 过滤器函数
VUE 过滤器可以用在两个地方：双花括号插值和 v-bind 表达式。代码如下：<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:id="rawId | formatId"></div>你可以在一个组件的选项中定义本地的过滤器：filters: { capitalize: function (value) { if (!value).
2021-03-16 09:43:33
390
原创 [算法] 没有引入第三个中间变量就完成了两个数字的交换
常见的交换两个数字的值：var temp = arr[j + 1];arr[j + 1] = arr[j];arr[j] = temp;没有引入第三个中间变量就完成了两个数字的交换先加后减arr[j + 1] = arr[j] + arr[j + 1];arr[j] = arr[j + 1] - arr[j];arr[j + 1] = arr[j + 1] - arr[j];先减后加arr[j + 1] = arr[j] - arr[j + 1];arr[j] = arr[j] -
2021-03-09 11:21:25
71
转载 在 VScode 编辑器中调试 Vue 开发
一、安装 VScode 插件Debugger for ChromeDebugger for Firefox二、确定Vue CLI的版本号2.1 在项目文件package.json中查看Vue CLI的版本号2.1.1 使用的是 Vue CLI 2，设置并更新 config/index.js 内的 devtool property：devtool: 'source-map',2.1.2 使用的是 Vue CLI 3，请设置并更新 vue.config.js 内的 devtool prope
2021-03-04 11:07:25
792
1
原创 Vue：校验触发的时机，怎么选择trigger的值
参数 trigger 的值有 'blur' | 'change' | ['change', 'blur']blur 失去焦点时进行验证常用：对 input 输入框的验证change 当值发生变化时进行验证常用：下拉框select，日期选择框date-picker，复选框checkbox，单选框radio...
2021-02-25 10:44:06
11417
1
原创 滚动条滚动到页面底部
滚动条滚动到页面底部js实现代码window.scroll(0, document.querySelector('body').scrollHeight)JQuery实现代码var h = $(document).height()-$(window).height();$(document).scrollTop(h);
2021-01-22 09:08:31
538
原创 如何让 img 在没有任何标签包裹的情况下水平居中
如何让 img 图片在没有任何标签包裹的情况下居中显示？效果显示如下：解决方案如下：img { display: block; max-width: 100%; margin: auto;}
2021-01-19 10:31:18
115
1
转载 前端代码书写规范-页面结构
页面结构容器: container页头：header内容：content/container页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：column左右中：left right center页面外围控制整体布局宽度：wrapper导航导航：nav主导航：mainnav子导航：subnav顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsidebar菜单：menu子菜单：submenu标题： t
2021-01-19 10:28:31
304
原创 [前端] 超好用的VScode插件
[前端] 超好用的VScode插件语言类Chinese (Simplified) Language Pack for Visual Studio Code英文单词拼写错误提示Code Spell CheckerAnt Design + Vue类Ant Design SnippetsAnt Design Vue helperVeturvueVue 3 SnippetsVue VSCode Snippetsvue-beautifyvue-formatVScode代码调试类De
2021-01-18 17:29:58
214
转载 js以yyyy-MM-dd HH:mm格式获取当前系统日期
js日期的时间格式 yyyy-MM-dd HH:mmjs代码部分// 以'en-ZA'的格式获取当前的系统时间var currentTime = new Date().toLocaleString('en-ZA');console.log('currentTime: ', currentTime);结果：各国日期的时间格式af ==== yyyy-MM-dd HH:mmaf-ZA ==== yyyy-MM-dd HH:mmar ==== dd/MM/yy hh:mm ttar-AE
2021-01-08 09:14:22
1615
转载 Markdown链接采用新开窗口的方式打开
问题描述：采用markdown编辑器写出的内容很好，但相对路径的跳转方式基本都是在本窗口打开的，但又想实现相对路径的链接既能在本窗口跳转又能新开窗口跳转。网上查了很多资料，也没有找到比较好的解决方法。实现方式...
2020-12-31 13:49:40
3810
翻译 JS阻止事件冒泡
阻止事件冒泡function stopBubble(e) { //如果提供了事件对象，则这是一个非IE浏览器 if (e && e.stopPropagation) { //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); e.preventDefault(); } else //否则，我们需要使用IE的方式来取消事件冒泡
2020-12-30 10:13:35
52
原创 采用IntersectionObserver API实现图片懒加载功能
一、背景介绍IntersectionObserver二、HTML代码块img图片中，data-src存放的是图片真实地址，src存放的是预加载图片的缩略图。说明：预加载一般采用几KB左右的svg动态图。<body> <h2>图片列表</h1> <ul class="wrapper"> <li><img class="scroll-con-img" src="./asset/loader-spinner.s
2020-12-24 17:22:15
263
翻译 360浏览器: 如何以极速模式打开网址
背景介绍360浏览器有两种类型，即"360安全浏览器"和"360极速浏览器"。360极速浏览器有两种内核模式，即"极速模式"和"兼容模式"。注意：浏览器对IP默认使用IE模式，对域名默认使用极速模式极速模式 “极速模式”是以Blink（Webkit）为内核的浏览模式，Blink内核具有更高的网页浏览速度和更好网页渲染效果。但由于少部分网银、政府、税务、办公系统等网站对Blink的兼容性不佳，若打开此类网站发现异常，请手动切换到“兼容模式”下继续浏览。兼容模式 “兼...
2020-11-24 11:07:03
1709
原创 原生JS代码实现tab选项卡
采用原生JS实现tab选项卡实现效果：HTML代码：<div id="cases-tabs"> // 默认展开全部 is-active <dt class="tab tab-sum all-cases is-active">全部</dt> <dt class="tab tab-0 banking">金融</dt> <dt class="tab tab-1 energy">能源</dt>
2020-11-22 20:02:17
453
转载 Windows下安装OMNET++仿真工具
（1）在官网上下载omnet++仿真工具Windows版本，并解压（2）双击“mingwenv.cmd”，打开cmd命令行（3）在cmd命令行输入：//配置ONMET++$ ./configure$ make//进入如下界面//启动IDE，打开OMNET++$ omnetpp进入OMNET++仿真工具界面最后，在桌面添加快捷方式：在"...
2018-09-06 09:44:14
1174
转载 如何找回Nessus密码？
转载：https://www.waitalone.cn/nessus-chpasswd.html1、进入Nessus目录，创建一个cmd的快捷方式。2、右键使用管理员权限打开，然后执行如下命令：1#进入安装目录2cd /d D:\Program Files\Tenable\Nessus3 4#列出Nessus的用户5nessuscli lsuser6 7#修改指定用户密码8nessuscli ch...
2018-05-09 16:39:16
1660
1
原创 用Python画折线图
from numpy.random import randnimport matplotlib.pyplot as pltplt.style.use('ggplot') #输入Y1值，定义X1的范围y1 = [0.8,0.4,0.2,0.1,0.05,0.025,0.0125,0.00625,0.0031,0.0016]x1 = range(0,10)fig = plt.figure()a...
2018-05-08 15:18:53
3704
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人