- 博客(54)
- 收藏
- 关注
RSS订阅原创 解决同一浏览器多标签页，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
340
原创 不直接修改node_modules中包的解决办法
其实这个时候你本地已经使用到了你修改后的代码了，但问题是怎么让你的同事也同步到你的修改后的代码。这个目录，里面会出现一个包A的补丁文件，这个文件可大有用处！比如我刚刚修改了包A并提交了补丁文件。目录中找到对应的包A的补丁文件，并将补丁打到。的包A中，达到同步修改代码的效果！中包的代码的工具，使用起来也很简单。这个命令的作用就是：当你的同事去执行。目录，并将那些补丁达到对应的包里。比如我想修改包A，那么我直接进。，这时候就回去读取刚刚的。这是一个专门用来修改。这个命令，也就是执行。的时候，就会自动执行。
2022-08-25 13:29:38
686
原创 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
291
原创 自动编译scss文件为css
第一步下载 Live Sass Compiler第二步 点击右下角即可自动编译并watch整个项目下的sass文件第三步保存即可看到编译好的css文件
2020-07-23 17:08:06
557
原创 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
1044
原创 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
178
原创 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
95
原创 canvas签名
<!doctype html><html><head> <meta charset="UTF"> <title>签名版</title> <style> * { margin: 0; padding: 0; } </styl...
2020-03-25 18:21:28
98
原创 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
942
原创 常用数组方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组常用方法</title></head><body></body></html><script&g...
2020-03-23 15:20:23
73
原创 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
83
原创 前端面试题
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
102
原创 react-native项目调试配置
react-native项目调试配置初学RN，发现调试不知道该怎么调试，于是上百度翻阅资料，经过勘查一番终于大功告成，顺利完成热更新和Chrome浏览器中查看调试步骤和内容。##第一步在当前项目文件夹下，打开命令行（cmd）运行下面命令：react-native run-android运行后看到如下图，说明启动成功##第二步我们回归重点，实现Chrome中查看和调试：启动...
2020-03-18 13:23:22
159
原创 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
5187
原创 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
322
原创 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
129
原创 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
351
原创 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
108
原创 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
65
原创 WEBRTC_DEMO
<!DOCTYPE html><html><head> <meta charset="utf-8"></head><body> <!-- autoplay字段很重要，你可以不加这个字段试试，你会发现这个video图像是不会动的，因为它只是一帧 --> <video co...
2019-05-17 09:48:52
305
原创 ES6数组方法
1、reduce()；reduce()方法接收一个函数作为累加器，数组中的每个值（从左到右）开始合并，最终为一个值。array.reduce(callback,initialValue);callback:执行数组中每个值的函数（也可以叫做reducer），包含4个参数：1.previousValue:上一次调用回调返回的值,或者是提供的初始值(initialValue)2.c...
2019-05-10 15:50:37
92
原创 样式初始化
样式初始化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
56
原创 树形菜单
树形菜单 <!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
126
原创 动态渲染表格收藏
;(function($) { $.fn.ZBTable = function(options) { var defaults = { evenRowClass: 'zbt-evenRow', oddRowClass: 'zbt-oddRow', curRowClass: 'zbt-curRow',...
2018-12-07 15:43:13
181
转载 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
1084
转载 获取滚动条距离的几种问题
//获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if(document.documentElement && document.documentElement.scrollTop) { scrollTop = ...
2018-11-14 09:25:29
718
原创 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
185
原创 去除数组中的空值----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
544
原创 图片点击放大
<!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
344
原创 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
155
原创 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
7002
原创 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
3626
2
转载 JS--prototype
function Rectangle(x, y){ this._length = x; this._breadth = y;}Rectangle.prototype.getDimensions = function(){ return { length: this._length, breadth: this._breadth ...
2018-09-07 15:13:49
108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人