- 博客(55)
- 收藏
- 关注
原创 解决同一浏览器多标签页,socket只在最新标签页做推送
2、在vuex中通过 localStorage.setItem("socketMsg", msg.data) 存储socket消息;1、在vuex 中web_socket_msg处监听其中一方socket信息变动;(其他系统可在onmessage中监听)4、以此来达到多标签页socket信息共享;解决同一系统开多标签页时只有一个标签页中socket激活可以接收消息问题。
2023-04-21 15:15:00 511
原创 不直接修改node_modules中包的解决办法
其实这个时候你本地已经使用到了你修改后的代码了,但问题是怎么让你的同事也同步到你的修改后的代码。这个目录,里面会出现一个包A的补丁文件,这个文件可大有用处!比如我刚刚修改了包A并提交了补丁文件。目录中找到对应的包A的补丁文件,并将补丁打到。的包A中,达到同步修改代码的效果!中包的代码的工具,使用起来也很简单。这个命令的作用就是:当你的同事去执行。目录,并将那些补丁达到对应的包里。比如我想修改包A,那么我直接进。,这时候就回去读取刚刚的。这是一个专门用来修改。这个命令,也就是执行。的时候,就会自动执行。
2022-08-25 13:29:38 790
原创 js删除数组中指定元素
1、获取要删除元素的索引let array = [1,2,3,4,5,6];let index = array.indexOf(5);2、使用splice删除对应的元素if(index > -1){ array.splice(index,1);}function isDelArrayEle(array,v){ let index = array.indexOf(v); if(index > -1{ array.splice(v,1);.
2020-07-24 14:53:45 318
原创 自动编译scss文件为css
第一步下载 Live Sass Compiler第二步 点击右下角即可自动编译并watch整个项目下的sass文件第三步保存即可看到编译好的css文件
2020-07-23 17:08:06 622
原创 Git常用命令---- 代码提交拉取合并 一步到位
创建仓库和初始化git1、登录github,创建个仓库,如下;2、根据要求初始化git项目,默认master主分支;3、git init在本地新建问题,写入内容,git add . 提交4、git commit -m '要写的描述';5、准备把刚才添加的东西推送到远程,先连接远程,然后推送到master分支;新建分支和切换分支1、新建分支:git branch newBranch,现在我们可以在新分支上开发了,随后把newBranch分支推送远程,并合并到ma
2020-06-14 20:21:32 1137
原创 Flutter基本环境搭建
1、进入官网下载SDK,选择最新的即可;2、下载好解压,开始配置环境;(国内用户)配置环境变量:PUB_HOSTED_URL=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn进入解压好的flutter_windows_1.19.0-4.0.pre-dev\flutter\bin,把文件路径配置到系统环境变量Path中;然后打开命令行,运行flutter doctor...
2020-06-09 15:12:26 207
原创 js时间戳转换
时间戳转换日期格式//第一种function formatDate(date) { var year=date.getFullYear(); var month=date.getMonth()+1; var day=date.getDate(); var hour=date.getHours(); var minute=date.getMinutes(); var second=date.getSeconds(); .
2020-05-13 14:34:51 124
原创 canvas签名
<!doctype html><html><head> <meta charset="UTF"> <title>签名版</title> <style> * { margin: 0; padding: 0; } </styl...
2020-03-25 18:21:28 121
原创 vue中路由在新的标签页打开
let routeData = this.$router.resolve({ name: 'commercialPreview', query: {cylType: this.$route.query.cylType}, params: { id: this.id }})window.open(routeData.href, '_blank')
2020-03-23 18:09:05 973
原创 常用数组方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组常用方法</title></head><body></body></html><script&g...
2020-03-23 15:20:23 98
原创 React.js-问题总结
需要在render中的HTML外层包围一个DIV,如果外层不需要这个DIV,可以使用react中带的<Fragment></Fragment>来包起来,代替DIV。 函数接收this要通过this.fun.bind(this)这样才可以在fun函数中正确使用this,利用箭头函数写方法也可以,因为前天函数中this就是当前上下文的this,它本身没有。 循环DOM时要加...
2020-03-20 16:56:41 109
原创 前端面试题
1、数组去重方法1:var a = new Array(1,2,2,2,2,5,3,2,9,5,6,3);Array.prototype.unique1 = function(){ var n = []; //一个新的临时数组 for(var i=0; i<this.length; i++){ //如果把当前数组的第i已经保存进了临时数组, 那么...
2020-03-18 13:26:15 121
原创 react-native项目调试配置
react-native项目调试配置初学RN,发现调试不知道该怎么调试,于是上百度翻阅资料,经过勘查一番终于大功告成,顺利完成热更新和Chrome浏览器中查看调试步骤和内容。##第一步在当前项目文件夹下,打开命令行(cmd)运行下面命令:react-native run-android运行后看到如下图,说明启动成功##第二步我们回归重点,实现Chrome中查看和调试:启动...
2020-03-18 13:23:22 202
原创 element-ui改变树形菜单小箭头
加入下面替换样式:.el-tree .el-tree-node__expand-icon.expanded { transform:rotate(0deg)}.el-tree .el-icon-caret-right:before { content: "\E602"; font-size: 18px;}.el-tree .el-tree-node__expand-icon....
2019-08-22 16:24:34 5293
原创 fetch 简单使用
在fetch中第一个为请求地址,第二个可以设置请求类型POST,GET,DELETE,UPDATE,PATCH和PUT,随后可以使用then来接收参数,因为异步操作第一个then标明请求类型,第二个then中可以拿到正确的返回值,catch显示返回错误信息。fetch('https://ard.hawkwisdom.cn:9001/token/get', { method:...
2019-07-02 15:06:50 372
原创 vue 自定义指令
1、input中的v-focus自定义指令主要作用进入页面中获取input焦点;2、div中v-demo为自定义指定,cur主要是看指令更新的,为动态更新时的值;3、button中add事件为检测cur中的值变化,从而触发v-demo指令中的update方法中的变化;4、button中unbind解除指令绑定,点击后绑定自定义指令的div中值不在有关联,在点击add页面中cur的值不...
2019-07-02 10:08:40 157
原创 Object.defineProperty 实现双向绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2019-07-01 09:36:25 393
原创 js实现简单计算器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2019-06-29 16:04:35 129
原创 js常用整理
1、取随机整数Math.floor(Math.random(1-100)*100)2、获取鼠标点击位置//HTML<button onclick="site(event)">获取鼠标点击位置</button>//JSfunction site(event){ var x = event.clientX, var y = event....
2019-05-17 14:45:26 85
原创 WEBRTC_DEMO
<!DOCTYPE html><html><head> <meta charset="utf-8"></head><body> <!-- autoplay字段很重要,你可以不加这个字段试试,你会发现这个video图像是不会动的,因为它只是一帧 --> <video co...
2019-05-17 09:48:52 378
原创 ES6数组方法
1、reduce();reduce()方法接收一个函数作为累加器,数组中的每个值(从左到右)开始合并,最终为一个值。array.reduce(callback,initialValue);callback:执行数组中每个值的函数(也可以叫做reducer),包含4个参数:1.previousValue:上一次调用回调返回的值,或者是提供的初始值(initialValue)2.c...
2019-05-10 15:50:37 118
原创 样式初始化
样式初始化body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }body, button, input, select, tex...
2019-05-09 14:26:20 72
原创 树形菜单
树形菜单 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&am
2019-02-14 11:31:21 146
原创 动态渲染表格收藏
;(function($) { $.fn.ZBTable = function(options) { var defaults = { evenRowClass: 'zbt-evenRow', oddRowClass: 'zbt-oddRow', curRowClass: 'zbt-curRow',...
2018-12-07 15:43:13 200
转载 HTML5利用WebRTC的getUserMedia获取摄像头信息
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,
2018-11-29 09:32:20 1146
转载 获取滚动条距离的几种问题
//获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if(document.documentElement && document.documentElement.scrollTop) { scrollTop = ...
2018-11-14 09:25:29 785
原创 jQuery--load方法使用
load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。(load方法需在服务器状态下生效)index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Load</tit
2018-11-12 10:24:18 215
原创 去除数组中的空值----JS
//方法Array.prototype.arrNull= function(){ var str = []; this.map(function(val,index){ if(val !== '' && val != undefined){ str.push(val); } }) return...
2018-10-29 14:33:57 582
原创 图片点击放大
<!doctype html><html lang="en"><head> <meta charset="UTF-8"></head><body><img src="./app/image/gril.jpg"><scrip
2018-10-16 15:27:55 367
原创 canvas手机签名
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-10-16 15:26:52 180
原创 JS当前时间获取并转化中国标准时间格式
function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >=...
2018-10-15 09:48:17 7079
原创 node连接mysql数据库+做接口
首先安装node 和 所需模块(express、mysql) 建立数据库const express = require('express');const app = express();//解析表单的插件const bodyParser = require('body-parser');app.use(bodyParser.urlencoded({ extended: false...
2018-09-18 17:16:36 3716 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人