qq_37634366的博客

原创 当git账号的密码修改后，SourceTree 提示Authentication failed

当git账号的密码修改后，SourceTree 提示Authentication failed背景： git 密码总是需要修改。在修改代码后，拉去代码， source tree 总提示access denied.解决方法：重新修改git 仓库对应的密码。for mac：应用程序 －》 钥匙串 －》 搜索 source tree ，会找到这个git 对应key value pair 。 删除即可。...

原创 JS判断两个时间戳是否为同一天

const is_same_day = function(t){ return new Date(t).toDateString() === new Date().toDateString();}

原创 2021-03-01

最近在做属性配置相关需求，其中有将不同版本的json配置文件进行对比的需求，期待实现与git相同的代码差异对比效果。先上效果图这里用到了两个插件 react-diff-viewer 和 json-formatsReact Diff Viewerhttps://praneshravi.in/react-diff-viewer/React Diff Viewer是一款由Diff和React制作的简单而漂亮的文本差异指令观察器。它支持分屏视图、内联视图、单词差异指令、线条加粗等功能。为什么要用 js

原创 浅谈js垃圾回收

JavaScript不像c/c++，让程序员自己去开辟或者释放内存。JavaScript采用自己的一套垃圾回收算法进行自动的内存管理，JavaScript 中的内存管理是自动执行的，而且是不可见的。我们创建基本类型、对象、函数……所有这些都需要内存。当不再需要某样东西时会发生什么? JavaScript 引擎是如何发现并清理它?为什么要进行垃圾回收？程序在运行过程中，会产生大量的内存垃圾，为了确保程序运行时的性能，在程序运行的过程中不断地进行自动的垃圾回收（GC）什么是垃圾？程序中不再需要使用的对

原创 遮罩高度为100%,当页面出现滑块时，遮罩覆盖不到滑块出现位置。

遮罩高度设为100%，当页面出现滑块时，遮罩覆盖不到滑块出现位置。解决方案：{ position:fixed!important;/*FF IE7*/ position:absolute;/*IE6*/ top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') documentElement.

原创 echarts 轮播高亮

echarts 轮播高亮最近做了一个可视化大屏的需求，其中有图表数据轮播高亮的功能。以此记录，效果如下：代码如下：import ReactEcharts from 'echarts-for-react';import React from 'react';class EchartsRing extends React.Component { constructor(props) { super(props); } render(){ let { t

原创 移动端pdf预览

移动端pdf预览功能最近开发移动端项目，项目中有预览pdf功能，pc端与iOS可正常预览，但安卓不可以直接预览，需要下载。1、使用到了react-pdf插件，插件地址https://github.com/wojtekmaj/react-pdf2、import React, { useState } from 'react';import { Document, Page } from 'react-pdf';function MyApp() { const [numPages, setN

原创 表单全部禁用

转载 this指针的问题

let声明变量会形成块级作用域，且不存在声明提升，而var存在声明提升。所以当使用let声明变量时，不存在声明提升，length属性实际上并没有添加到window对象中。从下面的例子可以看出var length = 10;function fn() { console.log(this.length);} var obj = { length: 5, method: f...

原创 create-react-app 使用教程

首先全局安装create-react-appnpm install -g create-react-app然后 create-react-app react-cli-demo可能会报错解决办法，修改环境变量然后在执行create-react-app react-cli-demo升级node之后再重试，成功了...

转载 MySQL 获得当前日期时间(以及时间的转换)

转载自：http://blog.sina.com.cn/s/blog_6d39dc6f0100m7eo.html1.1 获得当前日期+时间（date + time）函数：now()除了 now() 函数能获得当前的日期时间外，MySQL 中还有下面的函数：current_timestamp()   current_timestamplocaltime()   localtime

原创 node实现D3数据交互与使用

treemap.js <script src="d3/d3.min.js"></script> <script> $(function() { var svg = d3.select("svg"), width = +svg.attr("width"),

转载 NodeJS学习笔记 - Apache反向代理集成实现

初学，简单的实现，为进行优化。   1. 假设NodeJS服务端监听3000端口   2. Apache反向代理设置     a. 在httpd.conf配置文件中开启代理模块 LoadModule proxy_module modules/mod_proxy.so LoadModule proxy_connect_module modules/mod_proxy_connect.so

转载 网页上的“返回上一页”的几种实现代码

在制作网页的时候，经常在网页上要用到“返回上一页”的功能。这一功能在制作网页的时候会有多种编码方法，在此，我们郑州网站建设公司将比较常用的几种编码的写作方法在下面列出来，供各位技术人员参考使用。 方法一、以按钮点击的方式实现：<input type="button" name="Submit" value="返回上一页" onclick="javascript:window.history.bac

原创 使用forever启动nodejs 和vue 代码

1》 `npm install forever -g` #安装 2》`forever start app.js` #启动应用 3》`forever stop app.js` #关闭应用 4》`forever restartall` #重启所有应用 例如：本

原创 nohap启动服务

开启命令 nohup 启动命令 >> out.log 2>&1 & 例如 ： nohup npm run dev >> out.log 2>&1 &查询 ps -ef|grep 项目名 例如 ps -ef|grep node gzh 11861 11851 5 16:45 pts/2 00:00:10 node build/de

原创 在linux下安装Redis

1、下载源码，解压缩后编译源码。$ wget http://download.redis.io/releases/redis-2.8.3.tar.gz$ tar xzf redis-2.8.3.tar.gz$ cd redis-2.8.3$ make2、编译完成后，在Src目录下，有四个可执行文件redis-server、redis-benchmark、redis-cli和redis.conf

原创 在linux下安装MongoDB

1.下载安装包 下载方式：curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-3.2.9.tgz解压缩压缩包：tar zxvf mongodb-linux-x86_64-3.2.9.tgz安装准备 创建数据库文件夹与日志文件、配置文件：mkdir -p /usr/local/server/mongodb/datato

原创 在Linux下安装Node.js

1、下载 cd /home wget https://nodejs.org/dist/v6.10.2/node-v6.10.2-linux-x86.tar.xz2、解压到 home下> xz -d node-v6.10.2-linux-x86.tar.xz> tar -xf node-v6.10.2-linux-x86.tar3.设置全局变量> ln -s /ho

原创 node.js健壮性问题及打印错误日志

var moment = require('moment'); var express = require('express');var bodyparser = require('body-parser');var app = express();//var router = express.Router();var mysql = require('mysql');var que

原创 node.js产生随机数

node.js产生随机数的方法，需要注意的是使用了全局对象global，这样可以使res在方法外也可以被访问到。var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W'

原创 node.js调用Java接口连接hive

var request = require('request');request.post('http://192.168.6.63:7009/hiveservice', { form: { host: '10.1.0.58', port: '10000', querysql: 'select * from mse20app.hhueinfo', }, jso

原创 日期插件可选范围控制在5周内

$(document).ready(function() { $('#reservation').daterangepicker({ locale: { applyLabel: '确定', cancelLabel: '取消', fromLabel: '起始时间', toLabel: '结束

原创 日期插件可选范围限制在5周内

$(document).ready(function() {$('#reservation').daterangepicker({ locale: { applyLabel: '确定', cancelLabel: '取消', fromLabel: '起始时间', toLabel: '结束时间', customRangeL

转载 a 标签为空的时候 该怎么写

基于webkit内核的移动开发笔记，之前已经写过4篇，主要是关于移动开发重构的分享，今晚有空了再写一篇。 回忆去年年底最后的一个项目，还有一个很怪异的bug，让项目团队的成员感到十分头疼。测试组的同事做完最后的测试回归后，项目发布上线，并通过微信推送链接。在iOS系统中(Android显示正常)，微信内页打开链接后，点击页面的一个按钮，页面被重新加载了，这时才可以对页面进行其它操作。 再次不断测

转载 checkbox属性checked="checked"已有，但却不显示打勾的解决办法

主要原因是：jquery版本问题。 1、attr(): 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。 在jQuery 1.6中,当属性没有被设置时候，.attr()方法将返回undefined。若要检索和更改DOM属性,比如元素的checked, selected, 或 disabled状态，请使用.prop()方法。 2、removeAttr():

原创 隐藏一个元素的几种方式

1、css display的值为none 2、type=hidden的表单元素 3、css opacity为0 4、宽度和高度都显式设置为0 5、一个祖先元素是隐藏的，该元素是不会在页面上显示 6、CSS visibility的值是hidden

原创 for循环去掉最后一个逗号

复选框利用for循环获取多个值，最后一个值后面有逗号，将其去掉var $age=$(".Age-Gender input[name='age']:checked"); age=""; for(var i=0;i<$age.length;i++){

原创 日期插件改为单选

<script type="text/javascript"> $(document).ready(function() { $('#reservation').daterangepicker({ singleDatePicker: true, locale: {

原创 echarts 的ajax

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body><script> $(document).ready( function() { $('#c

原创 datatables的ajax

<script> $(document).ready( function() { $.ajaxSetup({ beforeSend : function() { // show gif here, eg:

转载 三列布局（左右固定宽度，中间自适应）

以前在网上看到过，说这个问题是一道经典的笔试/面试题。当时在百度面试的时候果然就遇到过。昨天在兰亭的时候果然又遇到了。其实，这个题目确实考到了Css几个方面的很重要的基础知识。首先考到了定位中的方法中的文档流和浮动流，然后考到了文档流和浮动流默认宽度和显示层级（我一般理解成index这种含义，或者画布中的上下层一样，浮动流会居于上层，文档流会居于下层，因此浮动流区块可能会部分遮住文档流区块，但是文档

原创 用Xshell 看日志 查数据库

查看日志ssh hadoop@10.1.0.63hadoop00techcd soft/apache-tomcat-8.5.11/logstail -100f catalina.out查看数据库ssh hadoop@10.1.0.63hadoop00techhive检查sql错误beeline!connect jdbc:hive2://10.1.0.58:10000/default

原创 datatables表格汉化

<script> $(document).ready(function() { var handleDataTableButtons = function() { if ($("#live-ten").length) { $("#live-ten").DataTable({ dom: "Bfrtip"

原创 echarts 图表根据容器大小自适应

var echartFunnel = echarts.init(document.getElementById("live-five")); echartFunnel.setOption(option);window.addEventListener('resize', function () { echartFunnel.re

原创 bootstrap 下箭头的禁用

bootstrap下箭头的禁用使用disabled=”disabled”无效。 解决方式：在CSS中加入如下代码，并且在类名中添加disabled css代码：.caret.disabled , .caret [disabled] { pointer-events: none; cursor: default; } HTML代码<span class="caret disabled" styl

原创 滑块外遮罩

遮罩高度设为100%，当页面出现滑块时，遮罩覆盖不到滑块出现位置。 解决方案：{ position:fixed!important;/*FF IE7*/ position:absolute;/*IE6*/ top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') documentElement.scr

原创 bootstrap日期插件的汉化

bootstrap日期插件默认星期显示为周日到周六，如图 不符合国人的习惯，星期显示格式为周一到周日，日期汉化可以实现此效果 汉化代码如下：<script>$(document).ready(function() {$('#reservation').daterangepicker(null, function(start, end, label) { console.log(start

转载 jQuery美化滑块

overflow=scroll默认滑块不美观，用插件进行美化 html代码<!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/xhtm