- 博客(65)
- 收藏
- 关注
RSS订阅原创 WebSocket和HTTP协议有什么区别？&& 连环问：WebSocket和HTTP长轮询的区别？
3. 通过 send 和 onmessage 通讯 （HTTP通过req和res）2. 成功之后再升级到 WebSocket 协议，再通讯。1. WebSocket 协议名是 ws://, 可双端发起请求。2. 可以由client发起，也可以由server发起。扩展：实际项目推荐 socket.io, API更简洁。3. 用于：消息通知，直播间讨论区，聊天室，协同编辑。2. WebSocket 没有跨域限制。1. 先发起一个 HTTP 请求。1. 支持端对端通讯。
2023-08-24 23:15:17
778
原创 http请求中token和cookie有什么区别？&& 连环问：session和JWT那个更好？&& 连环问：如何实现SSO单点登录？
（解释下，比如个人网站，上销售各种东西，还想增加收入，之后引入了第三方js，可以设置cookie;可以记录下当前用户的cookie）2. session 在服务端，存储用户详细信息，和 cookie信息一一对应。2. 服务端也可以向客户端set-cookie, cookie大小限制4kb。1. HTTP无状态，每次请求都要带cookie，以帮助识别身份。1. cookie用于登录验证，存储用户标识（如userId）3. 默认有跨域限制：不可跨域共享、传递cookie。cookie 和 session。
2023-08-23 22:24:21
183
原创 ts ? ?? !
在TypeScript中，"?" 是一个逻辑运算符，称为"nullish coalescing"（空值合并）运算符。它用于判断一个值是否为 null 或 undefined，并在其为真时返回一个默认值。" 运算符只会在左侧的值为 null 或 undefined 时返回默认值，而不会在左侧的值为其他“假值”（如空字符串、0、false 等）时返回默认值。" 运算符可以简化对变量是否为 null 或 undefined 的判断。将被赋值为 "default value"。在上面的例子中，如果。
2023-06-19 16:02:36
472
原创 导入导出excel
导入函数() {let fileObj = e.currentTarget.files[0];} 把fileObj 传递到导入的接口即可。把导出的数据传递到下边的函数中，即可导出下载excel文件。点击导入按钮后可以打开导入，以下是代码。
2023-04-20 13:53:58
138
原创 ElementUI组件样式修改- && el-input 校验只能输入数字 & 动态列编辑
ElementUI组件样式修改--表格背景透明;去除下横线;每行增加间距;奇偶行不同背景色显示;hover时样式;底部自带横线去除方法
2023-03-10 20:41:46
494
原创 element-plus deep element-plus 修改样式方法vue3，图片点击预览，打开时的图片限制大小固定下。
element-plus 修改样式方法vue3，图片点击预览，打开时的图片限制大小固定下。
2023-03-07 23:53:20
845
原创 vue + flv.js 实现多视频监控播放
flv.js（B站开源）使用纯JavaScript而不使用Flash编写的HTML5 Flash视频（FLV）播放器。监控视频
2023-02-28 23:47:57
1598
原创 多个div嵌套，写个函数算出一共是多少层级 && arrayToTree && 一个图片url访问后直接下载怎样实现
/ 求子节点们的长度 并取最大值。
2023-02-10 18:14:36
684
原创 Vue3创建项目
全局安装依赖npm install -g @vue/clivue --version 检查版本号创建项目 sudo npm create vue3-demovite 创建项目npm init vite-app vue3-vite-demo
2022-05-21 10:16:15
152
原创 useReducer: 用于复杂的状态管理
-------------------------------基本用法-------------------------------
2022-01-16 17:03:45
181
原创 rn react-native-image-lazy-loading
importReactfrom'react';import{Dimensions,InteractionManager,StyleSheet,Text,View,Image}from'react-native';importImageLazyfrom'react-native-image-lazy-loading';constscreenWidth=Dimensions.get('window').width;constscreenHeight=...
2021-11-22 19:51:04
796
原创 判断是否是iphoneX手机
util.isIPhoneX=function(){varu=navigator.userAgent;varisIOS=!!u.match(/\(i[^;]+;(U;)?CPU.+MacOSX/);//ios终端if(isIOS){if(screen.height==812&&screen.width==375){returntrue;}...
2021-10-28 18:47:14
1384
原创 @media媒体查询判断ipad
@mediaonlyscreenand(min-device-width:768px)and(max-device-width:768px){&-custom{.px2rem(height,165);.px2rem(line-height,165);.px2rem(width,840);...
2021-10-28 18:43:48
461
原创 Html5页面上如何禁止手机虚拟键盘弹出
在点击事件方法哪里增加一句代码事件处理方法前面添加一句 document.activeElement.blur()即可解决
2021-10-15 14:04:50
408
原创 js判断手机是否有网络
<template> <view class="logs"> <AtNoticebar marquee v-if="isState"> 网络连接不可用 </AtNoticebar> <view class="header"> <image class="head-img" /> <text class="username">飞翔的京东鸽</text>.
2021-05-15 15:54:55
291
原创 解析url参数 URLSearchParams
// 解析url参数 URLSearchParams function query (name) { const search = location.search const p = new URLSearchParams(search) return p.get(name) } console.log(query('ass'))
2021-04-27 22:57:08
297
原创 如何拍平一个深层次的数组
// 拍平数组 let arr = [1, 2, [3, 4, [5, 6, [7, 8]]]] // let result = Array.prototype.concat.apply([], arr) // console.log(result) // 封装如何拍平数组方法 function flat (arr) { let isDeep = arr.some((item) => item instanceof Array) // 说明有深层.
2021-04-27 22:06:02
97
原创 从面试题谈event loop
//代码一开始就执行宏任务-宏0console.log('scriptstart')setTimeout(()=>{console.log('北歌')},1*2000)Promise.resolve().then(function(){//微1-1console.log('promise1')}).then(function(){//微1-4...
2021-04-27 18:52:42
131
原创 如何用自定义事件进行vue组件通讯
如何用自定义事件进行vue组件通讯import event from '地址'//绑定自定义事件event.$on('handleAddCart',this.handleAddCart)//及时销毁，否则可能造成内存泄露event.$off('handleAddCart',this.handleAddCart)//调用自定义事件event.$emit('handleAddCart',item.id)下边是具体事例代码<tem...
2021-04-22 18:04:28
200
原创 2020-12-10
数据 去掉最后一层const res = this.spaceFilterData.map((v) => { v.childrens = v.childrens.map((c) => { Reflect.deleteProperty(c, 'childrens') return c }) return v })...
2020-12-10 16:11:49
73
原创 2020-12-10
多层数据，去掉最后一层const res = this.spaceFilterData.map((v) => { v.childrens = v.childrens.map((c) => { Reflect.deleteProperty(c, 'childrens') return c }) return v })...
2020-12-10 16:09:15
118
原创 如何去掉重复的数组
init () { this.filterSameList = this.XzspKykyApplyDatumReadOnlyObj; for (let i = 0; i < this.filterSameList.length; i++) { for (let j = i + 1; j < this.filt...
2020-05-06 23:43:04
348
原创 如何去掉字符串中第一个和最后一个字符 比如是;
remove(val, index) { let myval = ";" + val; if (index == 0) { return myval.substring(1, myval.length - 1); } else { return myval; ...
2020-05-06 20:22:35
8973
原创 如何用JavaScript判断是否为IE浏览器？
isIE() { var ua = window.navigator.userAgent; var msie = ua.indexOf("MSIE "); if (msie > 0) { // IE 10 or older => return version number ...
2020-05-05 13:16:50
166
原创 Element UI el-table-column 递增ID
Element UI el-table-column 递增ID<el-table-column :index="indexMethod" type="index" label="序号" width="50"></el-table-column>data () { return { currentPage: 1, intP...
2020-04-21 17:04:27
1644
转载 如何成为一名合格的前端工程师
如何成为一名合格的前端工程师现如今，前端已经是一个异常响亮的行业名词，正汇聚各方好汉，华山论剑日益激烈。据2019最新的编程语言排行显示JavaScript已排名第七，由此可见，前端的未来不是梦。要学习前端，必然先了解前端：前端可以说一共经历了四个时期：原始社会（早期互联网、Netscape）、石器时代（PHP、JSP网页嵌套 MVC为主）、铁器时代（jQuery 读写Dom）、工...
2019-12-04 09:50:16
942
原创 小程序formid获取
Tip：这个e.detail.fromId，就是formid，真机才会产生，模拟器中为“the formId is a mock one”wxml:<form bindsubmit="submit" report-submit='true' class='formid'> <button form-type="submit" > ...
2019-08-27 17:33:12
358
原创 小知识
<input class="input_name" placeholder="请填写昵称" bindinput="bindinput" placeholder-class="placeholder" maxlength="20" value="{{userName}}"/> // input赋值 bindinput: function (e) { this.setD...
2019-07-22 16:27:34
183
原创 js MD5加密
js MD5加密1、安装npm install --save js-md52、需要使用的页面引入import md5 from 'js-md5';Vue.prototype.$md5 = md53、使用// 控制车辆接口 ControlCar: function (value) { this.$emit('ievent', {msg:...
2019-06-13 09:39:45
3484
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人