qq_37634366的博客

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

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

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功能，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

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

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

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

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

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

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

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

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

主要原因是：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

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

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

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

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

查看日志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

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

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

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

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

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

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