前端开发
lixiaonaaa
写bug的
展开
-
chrome浏览器无法携带cookie的跨域问题解决
由于项目需要,不能在后台配置解决跨域,所以只能在浏览器上下手,着实折磨了我好一阵子。1. 问题描述平台跳转其他平台页面,并自动登录浏览器: chrome2. 解决方法 2.1 经查阅资料, chrome浏览器有跨域拦截,即sameSite。不同域下无法携带cookie。解决方法为在谷歌浏览器地址栏中输入chrome://flags/,将关于sameSite的属性设置为disabled,重启浏览器即可。这是针对80版本以上的chrome浏览器。 2.2...原创 2021-06-22 13:43:16 · 6218 阅读 · 3 评论 -
jquery 判断元素是否显示隐藏
1. 隐藏方式是通过css的 display:none || block实现的//隐藏if( $("div").css("display")==='none')//显示if( $("div").css("display")==='block')2. 隐藏方式是通过其他方式实现的,包括display: none ||block// 判断是否隐藏$("#div").is(":hidden"); //判断是否显示$("#div").is(":visible")...原创 2021-04-20 13:47:50 · 1811 阅读 · 0 评论 -
开发实用网站收藏
1,BootCDNhttps://www.bootcdn.cn/2,Can I Usehttps://caniuse.com/检查浏览器兼容性3,代码压缩https://tool.oschina.net/jscompress/4,url编码解码等http://www.bejson.com/enc/urlencode/#6原创 2021-03-08 16:32:37 · 66 阅读 · 0 评论 -
HTML5 WebSocket 的使用
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。1,用处webSocket是一种网路通信协议(TCP 的协议),他能弥补HTTP “只能由客户端发起通信,而做不到服务器主动向客户端推送信息” 的缺陷。比如聊天室场景,如果用HTTP协议的话,解决办法是“轮询,每隔一段时间就要发送一次请求,获取有没有最新的消息,这种方法效率低,并且浪费资源。而webSocket,它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信...原创 2021-03-01 13:47:18 · 257 阅读 · 0 评论 -
代码编辑器CodeMirror的使用
1,网页上实现一个代码编辑器,支持高亮,缩进,智能提示等。2,官网地址:https://codemirror.net/3,基本使用var editor=CodeMirror.fromTextArea(document.getElementById("code"),{ mode: {name: 'text/javascript', json: true}, //哪种类型的代码 theme: 'material', //主题 styleActiveLine...原创 2021-01-12 14:50:30 · 1450 阅读 · 0 评论 -
ztree刷新后记住上次展开收起的菜单
1,需求树结构展开和收起某个菜单,经过某个操作后需要刷新菜单,要求菜单刷新后的树结构跟上一次保持一致。2,思路:设置一个变量,来存储树节点的展开节点的id,刷新树时,根据此变量来循环展开上一次展开的节点3,代码//初始化变量this.treeName = 'zt'; //菜单树idthis.zTree; //展开节点变量this.zTreeSelect; //选中的节点展开收起方法//展开节点function onExpand(event, treeId, tree原创 2021-01-11 14:42:07 · 642 阅读 · 0 评论 -
ztree在子节点后自定义功能按钮(鼠标移上显示)
1,找到addHoverDom方法,在此方法中自定义按钮,通常我们用到的这里的是新增按钮,如果要加额外的自定义按钮也是在这个方法中2,代码function addHoverDom(treeId, treeNode) { //自定义按钮 var releaseSObj = $("#" + treeNode.tId + "_a"); if (treeNode.editNameFlag || $("#releaseBtn_"+treeNode.tId).length>0原创 2021-01-11 14:13:54 · 1155 阅读 · 1 评论 -
解决导出excel前面的0被自动去掉问题
在前端做的excel导出功能,表格中有的数据为01, 导出excel为1,前边的0被自动去掉了。经过一系列调查,发现是excel导出本身的问题,会自动格式化,所以可以在错误数值前边加上空格"nbsp;" ,即可解决问题。示例如下,例子表格应用了bootstrap-tablehtml<th data-field="optionValue" data-align="center" id="optionValue_td" data-formatter="optionStrTransfer..原创 2020-12-22 15:08:53 · 6539 阅读 · 3 评论 -
vsCode设置缩进为两个空格
1,文件——>首选项——>设置,快捷键 Ctrl+,2,搜索Tab Size,将两个都改为23,再搜索Detect Indentation,将前边的复选框的勾选取消(注意:如果不将Detect Indentation 勾选取消 以前用tab创建的忘记依然为4个空格)...原创 2020-12-21 17:05:48 · 2412 阅读 · 0 评论 -
小记disabled 和 readonly 的区别
说来惭愧,之前从没注意过两者的区别,用哪个都是看心情。今天才知道区别是什么。readonly是只读,对于获取焦点、键盘监听事件都是生效的,而且可全部选中内容进行复制粘贴;而disabled是完全禁用,对于一切动作、事件皆屏蔽。可看下页面上的状态:readonly,可获取焦点disabled,无法获取焦点...原创 2020-12-10 16:03:07 · 147 阅读 · 0 评论 -
ztree树插件自定义图标----支持字体图标
zTree是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是zTree最大优点。这是ztree插件得官方介绍,我本人也是非常喜欢这个插件,灵活好用,几乎做的每一个项目都有用到它。但是久而久之,我发现ztree的一个缺点,就是它的自定义图标只能用图片,不能支持字体图标。首先使用图片,修改很不灵活,其次也比较浪费资源。也是由于项目需要,所...原创 2019-10-25 09:45:56 · 2359 阅读 · 3 评论