Fly丶知秋的博客_JavaScript,其他Web开发,Html/CSS,vue,Git,devops,ElementUI

jsonp是什么

P2AUlQ JavaScript微信公众号一、JSONP的诞生首先，因为ajax无法跨域，然后开发者就有所思考其次，开发者发现， <script>标签的src属性是可以跨域的把跨域服务器写成调用本地

jquery

JSONP

跨域

服务器

数据

转载 2023-03-08 19:09:00 93 阅读

一个代码段（判断鼠标进入方向）

$("li").on("mouseenter mouseleave",function(e) { var w = this.offsetWidth; var h = this.offsetHeight; var toTop = this.getBoundingClientRect().top + document.body.scrollT

Math

css

转载 2023-03-08 19:08:42 146 阅读

css flex布局

关于flex布局的一些简单用法效果（下图）实现代码：效果（如下图）转化成flex的元素的子元素默认是排在一行的 fle

html

css

flex

原创 2023-03-08 19:08:29 393 阅读

web socket (记录下来方便观看)

Web Sockets HTML5 WebSocket 设计出来的目的就是要取代轮询和 Comet 技术，使客户端

Web

服务器

node.js

转载 2023-03-08 19:08:04 93 阅读

electron自定义最小化，最大化和关闭按钮

Electron ipcRenderer 模块 ipcRenderer 模块是一个 EventEmitter 类的实例. 它提供了有限的方法，你可以从渲染进程向主进程发送同步或异步消息. 也可以收到主进程的响应. 发送消息 ipcRenderer 模块有如下方法来发送消息: ipcRenderer.

electron

ipc

异步消息

发送消息

序列化

转载 2023-03-08 19:07:48 70 阅读

ECMA 2022 (es13) 新特性

本文主要整理了截至到 2021年10月12日为止的且处于 Stage 3->Stag

es2022

ecmascript

JavaScript

ECMA

es13

原创 2023-03-08 17:12:23 162 阅读

web share api 分享

概述 Navigator.share() 方法通过调用本机的共享机制作为 Web Share API 的

share

Web

API

字段

原创 2023-03-08 17:12:17 228 阅读

web component基础概念及使用

概念和使用作为开发者，我们都知道尽可能多的重用代码是一个好主

webcomponent

JavaScript

component

自定义

HTML

原创 2023-03-08 17:12:10 233 阅读

安装python包管理工具pip

安装步骤(必须已经安装过python)1>curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py2>python get-pip.py3>配置pip的环境变量（python的环境变量\Scripts\）这是pip的官方网址

python

pip

环境变量

bootstrap

原创 2023-03-07 09:15:03 188 阅读

iview国际化问题（iview官方提供的兼容vue-i18n@6.x+使用组件报错）

iview

vue-i18n

vue-i18n@6.x+

国际化

解决方法

原创 2023-03-07 09:14:26 501 阅读

表格（table）数据导出成Excel

使用xlxs-js库 function exportExcel () { var wb = XLSX.utils.table_to_book(document.querySelector('.my-el-table')) var wbout = XLSX.write(wb, { bookType:

excel

xlsx

JavaScript

js库

原创 2023-03-06 04:01:53 438 阅读

纯js实现日期选取功能

平年：　　2月-->28天　　4，6，9，11月-->30天　　1,3,5,7,8,10,12月-->31天闰年：　　2月-->29天　　4，6，9，11月-->30天　　1,3,5,7,8,10,12月-->31天闰年的计算方式：　　1、年份/100　　2、如果年份/100有余数，年份/4 没有余数是闰年　　

date

JavaScript

css

i++

html

原创 2023-03-06 04:01:46 100 阅读

判断浏览器类别及版本

判断IE版本思路： 1、用navigator.userAgent判断IE和非IE 2、用navigator.appVersion判断版本 3、可以根据下面的提示判断浏览器（注意浏览器的顺序Opera>firfox>chrome>Safari>IE） <script type="text/javas

ie

js

chrome

javascript

Internet

原创 2023-03-06 04:01:12 223 阅读

解决alert在ios版微信中显示url的问题（重写alert）

为了解决alert在ios版微信中显示url的问题 ...

js alert

数据

css

HTML

原创 2023-03-06 04:01:01 117 阅读

使用jsbarcode生成条形码

安装yarn add jsbarcode使用// HTMLElement 承载条形码的元素 svg/canvas// text 显示在条形码下方的文字// option 条形码的配置项具体见【条形码的配置项】JsBarcode(HTMLElement, text, option)条形码的配置项使用中的optionbackground: "#ffffff" // 背景色display

条形码

jsbarcode

边距

配置项

背景色

原创 2023-03-06 04:00:42 754 阅读

一些常用但是不好记的css样式

设置滚动条样式/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/::-webkit-scrollbar { width: 10px; /*对垂直流动条有效*/ height: 10px; /*对水平流动条有效*/}/*定义滚动条的轨道颜色、内阴影及圆角*/::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6p

placeholder

超出显示省略号

清除浮动

滚动条宽度

圆角

原创 2023-03-06 03:59:53 92 阅读

前端用到的一些功能

1、文件下载（IE不支持此方法）<a href="" download="file/asd.txt">txt下载</a> //download就是要下载的文件 IE可用这种方式<a href="file/asd.zip">txt下载</a> //文件格式一定不能被浏览器支持，否则就是执行打开文件操作2、可编辑的容器<p c

html

css

JavaScript

SCSS随笔-mixin与@extend

n 与 @include 定义mixin /*声明mixins*/ @mixins border { border: 1px solid #

extend

nixin

scss

css

可变参数

原创 2023-03-06 03:59:31 119 阅读

HTTP状态码

一、1xx 消息该类型的状态码代表请求已被接受，需要继续处理。100 Continue客户端应当继续发送请求，这个临时响应是用来通知客户端的部分请求已经被服务器接收，且仍未被拒绝。客户端应当继续发送请求的剩余部分。如果请求已经完成，忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。101 Switching Protocols服务器已经理解客户端的请求，并通过 Update 消息头通知

http

服务器

客户端

状态码

转载 2023-03-06 03:59:17 96 阅读

10个 jQuery 代码片段，可以帮你快速开发。

1.返回顶部按钮你可以利用 animate 和 scrollTop 来实现返回顶部的动画，而不需要使用其他插件。$('a.top').click(function () { $(document.body).animate({scrollTop: 0}, 800); return false});改变 scrollTop 的值可以调整返回距离顶部的距离，而 a

jquery

web前端

ide

加载

预加载

转载 2023-03-06 03:58:34 80 阅读

数据结构之栈-JavaScript实现栈的功能

记录自己的学习栈（stack）又名堆栈，它是一种运算受限的线性表。其限制是仅允许在表的一端进行插入和删除运算。这一端被称为栈顶，相对地，把另一端称为栈底。向一个栈插入新元素又称作进栈、入栈或压栈，它是把新元素放到栈顶元素的上面，使之成为新的栈顶元素；从一个栈删除元素又称作出栈或退栈，它是把栈顶元素删除掉，使其相邻的元素成为新的栈顶元素。function Stack(){ this.data

JavaScript

arary

stack

数据结构

Stack

原创 2023-03-06 03:58:05 100 阅读

数据结构之LinkedList | 让我们一块来学习数据结构

数组的缺点在很多编程语言中，数组的长度是固定的，所以当数组已被数据填满时，再要加入新的元素就会非常困难。在数组中，添加和删除元素也很麻烦，因为需要将数组中的其他元素向前或向后平移，以反映数组刚刚进行了添加或删除操作。然而，JavaScript 的数组并不存在上述问题，因为使用 split() 方法不需要再访问数组中的其他元素了。avaScript 中数组的主要问题是，它们被实现成了对象，与

LinkedList

数据结构

链表

JavaScript

数组

原创精选 2023-03-06 03:57:27 229 阅读

数据结构之Queue | 让我们一块来学习数据结构

队列的概况队列是一种列表，不同的是队列只能在队尾插入元素，在队首删除元素。队列用于存储按顺序排列的数据，先进先出，这点和栈不一样，在栈中，最后入栈的元素反而被优先处理。可以将队列想象成在银行前排队的人群，排在最前面的人第一个办理业务，新来的人只能在后面排队，直到轮到他们为止。队列是一种先进先出（First-In-First-Out，FIFO）的数据结构。队列被用在很多地方，比如提交操作系统执行的一

Queue

数据结构

JavaScript

双端队列

数组

原创 2023-03-06 03:56:59 121 阅读

二叉搜索树BST

二叉查找树（Binary Search Tree），（又：二叉搜索树，二叉排序树）它可以是一棵空树，也可以是具有下列性质的二叉树：若它的左子树不空，则左子树上所有结点的值均小于它的根结点的值；若它的右子树不空，则右子树上所有结点的值均大于它的根结点的值；它的左、右子树也分别为二叉排序树。二叉搜索树作为一种经典的数据结构，它既有链表的快速插入与删除操作的特点，又有数组快速查找的优势；所以应用十

Tree

数据结构

BST

二叉搜索树

子节点

原创精选 2023-03-06 03:56:35 219 阅读

vue3:modal组件开发

项目环境@vue/cli 4.5.8最终效果需求分析显示/隐藏点击遮罩层能否关闭宽度和zIndex自定义标题栏 -显示标题和关闭按钮主体底部 -内置取消和确定功能前置知识teleport通过其to属性可以把实例插入到对应的body中实现过程搭建大体的html模版<template> <teleport to="body"> &

Modal

vue

component

ide

Boo

原创 2023-03-06 03:56:20 325 阅读

解决IOS端微信浏览器input，textarea有内上边框阴影

box-shadow:0px 0px 0px rgba(0,0,0,0); -webkit-appearance:none;

css

box-shadow

原创 2023-03-06 03:55:48 134 阅读

web notification api

notification api

Web

API

2d

原创 2023-03-06 03:55:23 94 阅读

身份证第18位校验码如何计算

身份证第18位校验码计算规则：下面代码是javascript的实现；校验为真返回true；否则返回false

js

Math

javascript

校验码

原创 2023-03-06 03:55:08 188 阅读

input type=file过滤图片

最新版edge也可以了（2018年8月10日16:27:36）

input file accept

不兼容

原创 2023-03-06 03:55:03 113 阅读

tinymce 设置和获取编辑器的内容

$('目标元素').html(插入的内容) //设置tinymce编辑器的内容tinymce.get('目标元素').getContent() //获取tinymce编辑器的内容

富文本编辑器

tinymce

html

原创 2023-03-06 03:54:46 1321 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

知秋的博客

jsonp是什么

一个代码段（判断鼠标进入方向）

css flex布局

web socket (记录下来方便观看)

electron自定义最小化，最大化和关闭按钮

ECMA 2022 (es13) 新特性

web share api 分享

web component基础概念及使用

安装python包管理工具pip

iview国际化问题（iview官方提供的兼容vue-i18n@6.x+使用组件报错）

表格（table）数据导出成Excel

纯js实现日期选取功能

判断浏览器类别及版本

解决alert在ios版微信中显示url的问题（重写alert）

使用jsbarcode生成条形码

一些常用但是不好记的css样式

前端用到的一些功能

SCSS随笔-mixin与@extend

HTTP状态码

10个 jQuery 代码片段，可以帮你快速开发。

数据结构之栈-JavaScript实现栈的功能

数据结构之LinkedList | 让我们一块来学习数据结构

数据结构之Queue | 让我们一块来学习数据结构

二叉搜索树BST

vue3:modal组件开发

解决IOS端微信浏览器input，textarea有内上边框阴影

web notification api

身份证第18位校验码如何计算

input type=file过滤图片

tinymce 设置和获取编辑器的内容

欢迎