- 博客(43)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 2021-03-18
浏览器借助xshell访问代理间接访问目标服务器上的页面背景：当前设备和目标服务器不在同一个网内，本地xshell通过代理可以连接到目标服务器，但是本地用浏览器直接输入目标服务器地址无法正常访问。1、直接访问，无法访问2、处理步骤 2.1，输入代理的IP和端口2.2，设置隧道类型：选择“Dynamic(SOCKS4/5)”，端口设置10893、设置浏览代理 3.1 安装代码插件“SwitchyOmega_Chromium.crx” 3.2 ...
2021-03-18 16:51:10
119
转载 禁止 ESC关闭页面
[csharp] view plain copy<!–EditModel–><divid=”AddProjectModel”class=“modalinmodal”tabindex=“-1”role=“dialog”aria-hidden=“true”data-keyboard=“false”></div> <!--Edit Model--> <div id="AddProjectM...
2020-06-10 15:44:04
2689
1
原创 算法:JS对象数组根据某属性进行升降排序
1、需要排序的数组let testData = [{name:'张三',age:30,salary:5000},{name:'李四',age:50,salary:6000},{name:'王五',age:20,salary:7000},{name:'赵六',age:40,salary:4000}];2、排序方法 const compare = (property, o...
2019-12-13 19:37:03
487
原创 算法:JS对象数组根据某属性分组方法
1、需要进行分组的数据,根据 StEntId 进行分组letListData=[{StEntId:1,StEntName:'企业名称企业名称',EsGrade:1,OrderDt:'2019-12-01'},{StEntId:1,StEntName:'企业名称企业名称',EsGrade:4,OrderDt:'2019-12-02'},{StEn...
2019-12-13 19:21:40
3660
4
转载 JS对象数组根据属性分组方法
function test() { var list = [ {"name": "John", "Average": 15, "High": 10, "DtmStamp": 1358226000000}, {"name": "Jane", "Average": 16, "High": 92, "DtmStamp": 1358226000000}, ...
2019-12-11 11:08:45
2268
原创 把url 参数转换成js对象
JSON.parse('{"' + decodeURI(window.location.search.slice(1).replace(/&/g, "\",\"").replace(/=/g, "\":\"")) + '"}')
2019-11-02 15:30:20
504
原创 H5页面与安卓及ios交互
安卓：addJavascriptInterface方式forum_context.addJavascriptInterface(AndroidtoJs(this), "AddNoticeAndroid")// 继承自Object类public class AndroidtoJs extends Object { BaseActivity activity; pub...
2019-10-11 18:41:04
183
原创 CSS设置边框阴影效果
官方解释 原点为基点，原点左侧为x轴负方向，值为负，右侧为正；原点下方为y轴正方向，值为正，上方为负。 官方用语： box-shadow:1px 2px 3px 4px #ccc inset； 来分别看一下以上六个值的含义：1px 从原点开始，沿x轴正方向的长度（倘若为负值，为沿x轴负方向的长度）； 2px ...
2019-08-26 20:40:28
843
转载 使用react-loadable实现代码分割
在开发react单页面应用时，我们会遇到一个问题，那就是打包后的js文件特别巨大，首屏加载会特别缓慢。这个时候我们应该讲代码进行分割，按需加载，将js 拆分成若干个chunk.js,用到就加载，react-loadable就可以很好地解决这个问题。安装$ yarn add react-loadable基本使用假设现在项目中有个 home页面组件src/pages/home/...
2019-08-22 20:26:45
176
转载 ES6之Set用法
语法set对象允许存储任何类型的唯一值,无论是原始值或者是对象引用;new Set([iterable]) 参数非必需, 如果传递一个可迭代对象,他的所有元素被添加到新的Set中,如果无此参数,则Set为空 返回一个新的Set对象 简述set对象是值的集合,元素只会出现一次,即Set中的元素是唯一的. 值得注意的是,NaN被Set认为是相同的,{}...
2019-08-20 18:57:03
320
原创 单行文本和多行文本溢出显示省略号点点点.
一、单行文本溢出显示省略号点点点..overflow: hidden;text-overflow:ellipsis;white-space: nowrap;二、多行文本溢出显示省略号点点点…display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; //这里是在第二行有省略号overflow:...
2019-08-15 15:37:48
213
转载 Package.json中dependencies依赖包中^符号和~符号前缀的区别
版本号 x.y.z ：其中z 表示一些小的bugfix, 更改z的号，y表示一些大的版本更改，比如一些API的变化x表示一些设计的变动及模块的重构之类的，会升级x版本号在package.json里面dependencies依赖包的版本号前面的符号有两种，一种是~，一种是^。~的意思是匹配最近的小版本 比如~1.0.2将会匹配所有的1.0.x版本，但不匹配1.1.0^的意思是最近...
2019-08-15 10:15:25
2321
转载 dependencies、devDependencies、peerDependencies、optionalDependencies区别
你需要知道的几类npm依赖包管理在一个Node.js项目中，package.json几乎是一个必须的文件，它的主要作用就是管理项目中所使用到的外部依赖包，同时它也是npm命令的入口文件。npm目前支持以下几类依赖包管理：dependencies devDependencies peerDependencies optionalDependencies bundledDepen...
2019-08-15 09:47:06
8937
原创 利用css画三角形
1、<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style>//第一种 div{ width: 0; ...
2019-07-31 11:35:45
83
转载 函数防抖和节流的定义与区别
函数的节流和防抖在有些情况我们也许会碰到如下场景,监听一个input框的输入事件,但是大多数情况下,我们不是为了监听用户输了什么,而是想知道用户输到什么时候结束了,所以如果实时监听键盘事件,在每次用户敲击键盘的时候去触发一个函数,这样就多了非常多无用的操作,比如window.resize事件//在你的控制台输入以下代码window.onresize = ()=> { ...
2019-07-31 10:53:18
2321
转载 babel的使用
一、配置文件.babelrc.babelrc 文件存放在项目的根目录下。{ "presets": [], "plugins": []}presets 字段设定转码规则，你可以根据需要安装。$ npm install --save-dev babel-preset-es2015 # react转码规则$ npm install --save-dev...
2019-07-30 18:39:26
225
转载 JavaScript中函数声明与函数表达式的区别
解析器在向执行环境中加载数据时，对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明，并使其在执行任何代码之前可用（可以访问）。至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解释执行。如下：console.log(sum(10,10)); //20function sum(num1, num2){return num1 + num2;}以上代码完全可以...
2019-07-29 09:54:27
95
转载 vue-router导航钩子(一)
用到vue-router的导航钩子的时候，发现有三类：1 、全局导航钩子beforeEachbeforeResolveafterEach2 、某个路由独享的导航钩子beforeEnter3 、路由组件上的导航钩子beforeRouteEnterbeforeRouteUpdate (2.2 新增)beforeRouteLeave下面来举例说明一下区别全局导航...
2019-07-27 15:21:57
756
转载 jQuery图片延迟加载插件jQuery.lazyload
插件描述：jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度。在某些情况下，它也能帮助减轻服务器负载。使用方法引用jquery和jquery.lazyload.js到你的页面 1 2 <scriptsrc="jquery-1.11.0.min.js"></script> &l...
2019-07-27 14:54:49
93
转载 CSS清除浮动_清除float浮动
一、浮动产生原因 - TOP一般浮动是什么情况呢？一般是一个盒子里使用了CSS float浮动属性，导致父级对象盒子不能被撑开，这样CSSfloat浮动就产生了。浮动产生样式效果截图本来两个黑色对象盒子是在红色盒子内，因为对两个黑色盒子使用了float浮动，所以两个黑色盒子产生了浮动，导致红色盒子不能撑开，这样浮动就产生了。简单地说，浮动是因为使用了float:left...
2019-07-27 14:29:08
124
转载 JS 中的require 和 import 区别
1.ES6 模块的设计思想，是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。Require是CommonJS的语法，CommonJS的模块是对象，输入时必须查找对象属性。// CommonJS模块let { stat, exists, readFile } = require('fs');// 等同于let _fs = require('fs');...
2019-07-27 12:27:41
275
转载 Vue子组件调用父组件的方法
Vue中子组件调用父组件的方法，这里有三种方法提供参考第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法父组件<template> <div> <child></child> </div></template><script> imp...
2019-07-22 11:33:23
682
转载 浏览器缓存：强缓存和协商缓存
缓存是指代理服务器或客户端磁盘内保存的资源副本。利用缓存可减少对服务器的访问，因此也就节省了通信流量和通信时间。浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。浏览器缓存的优点有：减少了冗余的数据传输，节省了网费 减少了服务器的负担，大大提升了网站的性能 加快了客户端加载网页...
2019-07-21 17:35:38
115
原创 回流和重绘，有什么区别
什么是回流当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候，这时候是一定会发生回流的，因为要构建render tree。在回流的时候，浏览器会使渲染树中受到影响的部分失效，并重新构造这部分渲染树，完成回流后，浏览器会重新绘制受影响的部分到屏幕中，该过程成为重绘。...
2019-07-21 17:30:48
1831
转载 函数提升和变量提升，以及他们的优先级
一、变量提升在ES6之前，JavaScript没有块级作用域(一对花括号{}即为一个块级作用域)，只有全局作用域和函数作用域。变量提升即将变量声明提升到它所在作用域的最开始的部分。(1) 创建函数有两种形式，一种是函数声明，另外一种是函数字面量，只有函数声明才有变量提升console.log(a) // f a() { console.log(a) }console.log(...
2019-07-21 16:22:07
449
原创 defer和async的区别
1、<script src="script.js"></script>没有defer或async，浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该script标签之下的文档元素之前，也就是说不等待后续载入的文档元素，读到就加载并执行。2、<script async src="script.js"></script>有a...
2019-07-21 11:09:16
632
原创 for in for of map filter every some的区别和使用
ES5中的循环方法的使用在ES5中常用的10种数组遍历方法:1、原始的for循环语句2、Array.prototype.forEach数组对象内置方法3、Array.prototype.map数组对象内置方法4、Array.prototype.filter数组对象内置方法5、Array.prototype.reduce数组对象内置方法6、Array.prototype.some数...
2019-07-21 10:56:54
100
原创 spring 动态创建bean
//将applicationContext转换为ConfigurableApplicationContext ConfigurableApplicationContext configurableApplicationContext = (ConfigurableApplicationContext) context; // 获取bean工厂并转换为DefaultListabl
2017-03-06 11:14:43
571
原创 java中循环遍历
1、while循环public class Test { public static void main(String args[]) { int x = 10; while( x 20 ) { System.out.print("value of x : " + x ); x++; System.o
2017-03-06 10:41:23
627
原创 java 判断字符串中是否有重复字符
/** * 判断字符串是否包含重复字符 * @param str * @return */ public static boolean containRepeatChar(String str){ if(str==null||str.isEmpty()){ return
2017-03-06 10:38:26
7689
转载 linux下使用yum安装配置samba
注意：本文的原则是只将文件共享应用于内网服务器，并让将要被共享的目录拥有充分的读写权限属性，读者可顺着本文的思路完成基本配置流程，如需复杂读写权限功能请自行询问百度大哥。1、# yum -y install samba 使用yum命令安装samba，加入-y参数，如遇询问自动选择y，全自动下载并安装samba，此过程需要一点时间。2、# rpm -qa | grep samba
2017-02-26 17:38:24
3895
转载 spring配置datasource三种方式
1、使用org.springframework.jdbc.datasource.DriverManagerDataSource 说明：DriverManagerDataSource建立连接是只要有连接就新建一个connection,根本没有连接池的作用。 ${jdbc.driverClassName} ${jdbc.url} ${jdbc.username} ${jdbc.password} 2、
2017-02-24 10:19:48
753
1
原创 linux 安装mysql数据库——yum安装法
linux 安装mysql数据库——yum安装法mysql数据库有多种安装方式，本文只介绍在Linux服务器上最实用、最快捷的mysql server安装方法。一、Linux服务器yum安装（CentOS6.3 64位）所有在服务器上执行的命令，都在 # 后面1、命令安装mysql# yum install mysql mysql-server mysql-de
2017-01-13 15:36:19
260
原创 NamedParameterJdbcTemplate
NamedParameterJdbcTemplate和JdbcTemplate功能基本差不多。使用方法也类型。下面具体看下代码。 db.properties1 jdbc.user=root2 jdbc.password=1234563 jdbc.driverClass=com.mysql.jdbc.Driver4 jdbc.jdbcUrl=jdbc\:mysql\:/
2017-01-03 16:49:26
293
转载 JdbcTemplate简介
JdbcTemplate简介 Spring对数据库的操作在jdbc上面做了深层次的封装，使用spring的注入功能，可以把DataSource注册到JdbcTemplate之中。 JdbcTemplate位于中。其全限定命名为org.springframework.jdbc.core.JdbcTemplate。要使用JdbcTemlate还需一个这个包包含了一下事务和异常控制
2017-01-03 16:45:36
444
原创 java数组和js数组
java定义数组的几种方法String[] aArray = new String[5]; String[] bArray = {"a","b","c", "d", "e"}; String[] cArray = new String[]{"a","b","c","d","e"};js数组var mycars=new Array()myc
2016-12-19 14:44:08
1054
原创 java、js、jquery中length,length(),size()的区别
1、java中length和size()的应用String[] list={"ma","cao","yuan"}; Stringa="macaoyuan";//计算数组长度System.out.println(list.length);//计算字符串长度System.out.println(a.length());//计算集合的大小Listarray=new
2016-12-19 11:19:53
30656
转载 spring mvc中的@propertysource
在spring mvc中，在配置文件中的东西，可以在java代码中通过注解进行读取了：@PropertySource 在spring 3.1中开始引入比如有配置文件config.propertiesmongodb.url=1.2.3.4mongodb.db=hello则代码中@PropertySource("classpath:conf
2016-10-14 16:26:33
570
转载 eclipse build path功能总结
1、设置"source folder"与"output folder". source folder：存放.Java源文件的根目录；output folder：.class编译输出的根目录； 纯“Java project“中，一般把"src"设置为source folder，把bin设置为output folder； “web project”中，一般把"
2016-10-09 11:00:36
240
原创 json与java对象相互转换的两种方法(二)
第二种转换方法 jacksonjackson 框架：这个框架提供了JsonGenerator ，ObjectMapper两个类通过这两个类提供的方法可以将java 对象转化为json 对象，json 数组格式，也可以将json对象、数组格式转化为java对象。package com.jackson.test;import java.util.ArrayList;import j
2016-10-08 15:56:24
434
json和java互转jar包-json-lib
2016-10-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人