一、html结构
this.setState({ textValue: e.target.value,nums: 1,showData: JSON.parse(JSON.stringify([]))})} /> //有查询条件时,条件初始化
搜索
//查询条件
this.contentNode = node}
onScrollCapture={() => this.onScrollHandle()}>
{this.getTabTextList()} //列表循环li内容,外层div类似ul
二、js代码逻辑
getTabTextList = () => {
const { showData } = this.state //列表数据进行循环渲染页面
if ((showData == undefined) || showData.length <= 0) {
return (
)
}
return showData.map((item, index) => {
return (
{index + 1}、 名称:
{item.name}
建议:
{item.shouldDo ? item.shouldDo : '无'}
)
})
}
onScrollHandle = () => { //滚动事件
const clientHeight = this.contentNode.clientHeight;
const scrollHeight = this.contentNode.scrollHeight;
const scrollTop = this.contentNode.scrollTop;
const isBottom = scrollHeight - scrollTop - clientHeight;
if (isBottom <= 0) {
this.setState({
loading: true,
})
var _this = this
setTimeout(function () {
_this.explandShowData()
}, 200)
}
}
explandShowData = async () => {
const { nums,totalCount} = this.state;
const totalMax = Math.ceil(totalCount/10)
var index = nums + 1;
if(totalMax>nums){
await this.setState({
nums: index,
})
await this.getZjPageList() //列表数据
}else{
await this.setState({
loading: false,
})
}
}
getZjPageList = async () => { //列表数据
const { showData } = this.state
this.state.loading = true
const data = {
hospitalCode: this.state.hospitalCode,
inhospNo: this.state.inhospNo,
patientId: this.state.patientId,
pageNo:this.state.nums,
physicianCode:this.state.textValue
}
await zjPageList(data).then(
(res) => {
if (res.code === '200') {
const data = res.body
const totalCount = res.body.totalCount //后端返回数据总数
if(totalCount<=10){ //数据小于10条直接显示
this.setState({
loading: false,
caseList:data.items,
totalCount:totalCount
})
}else{ //大于10条往数据后依次添加
var newData = data.items
showData.push(...newData)
this.setState({
loading: false,
caseList:showData,
totalCount:totalCount
})
}
} else {
message.error(res.message);
}
},
(error) => {
message.error('请求失败');
}
);
}
//需要注意点!!!坑
searchText = async() => { //举例:假如有筛选条件,需要将this.contentNode.scrollTop置0重点
this.contentNode.scrollTop = 0
await this.getZjPageList()
await this.onScrollHandle()
}
//添加一个ui组件antd获取滚动事件,与自定义滚动略有不同,下列代码与上部分无关
onScrollHandle = () => {
// const {scrollDistance} =this.state
var tableScrol = document.getElementsByClassName('ant-table-body')[0]
tableScrol.addEventListener("scroll", (v) => {
var scrollDistance = tableScrol.scrollHeight - tableScrol.scrollTop -
tableScrol.clientHeight;
if (scrollDistance <= 0) {
this.setState({
loading: true,
})
var _this = this
setTimeout(function () {
_this.explandShowData()
}, 200)
}
});
}
explandShowData = async () => {
// const { resultList, itemIndex } = this.state;
// var leng = resultList.length;
// var index = itemIndex + 10;
// if (index > leng) {
// index = leng;
// } 注释项为前端分页时主要逻辑
// var addData = resultList.slice(0, index)
// var show = [].concat(...addData)
// await this.setState({
// showData: show,
// itemIndex: index,
// })
const { nums, totalCount } = this.state;
const totalMax = Math.ceil(totalCount / 10)
var index = nums + 1;
if (totalMax > nums) {
await this.setState({
nums: index,
}) //该段主要为后端分页主要逻辑
await this.getZjPageList()
} else {
await this.setState({
loading: false,
})
// message.error('可以了,我已经到底了!!!');
}
}
{this.state.tabType == '1' ?
record.id + Math.random()} scroll={{ y: 320 }} />
:
}
//componentWillUnmount() {
//if (this.contentNode) {
//this.contentNode.removeEventListener('scroll', //this.onScrollHandle.bind(this));
// }
// }
你可能感兴趣的:(前端小强踩坑之路,webview,javascript,react)
AI赋能:构建你的个性化前端开发学习路径
前端
在竞争激烈的程序员职业发展道路上,持续学习和提升技能至关重要。尤其对于前端开发者而言,技术的日新月异要求我们不断适应新的框架、工具和理念。而个性化学习路径,则成为提升学习效率,快速掌握新技能的关键。今天,我们将探讨如何利用AI代码生成器等AI工具,构建一条高效的前端开发学习路径,助力你快速提升技能,在职业发展中脱颖而出。AI如何革新前端开发学习方式传统的学习方式往往是枯燥的教程和大量的练习,学习曲
NodeJS 简介
qichengzong_right
VS Code 软件架构 node.js vscode
NodeJS简介Node.js简介Node.js示例程序链接Node.js简介Node.js是一款开源的跨平台JavaScript运行时环境,可以说是各类项目的热门之选!具备如下的特点:Node.js借助谷歌浏览器的核心——V8JavaScript引擎1(V8引擎独立于浏览器),从而具备卓越的性能。Node.js应用程序以单进程模式运行,不会为每个请求额外创建新线程。其标准库提供了一系列异步I/O
前端面试题
木輮
javascript javascript 前端 vue.js
文章目录一、闭包(完)二、原型链(完)三、防抖和节流(完)四、Vue相关1、MVC和MVVM的区别2、v-model原理3、vue中的data为什么是一个函数?(面试常问)4、v-if和v-show的区别5、v-for中为什么要有key6、dist目录打包后过大,解决办法?7、watch和computed的区别8、子组件给父组件传递数据9、全局事件总线:可以实现任意组件间的数据传递10、Vue生命
工作流程设计 php,php工程狮感知的前端工作流程
三符
工作流程设计 php
这个时代不懂点前端知识,真的没有办法生存。就算不会写,也得了解它的原理吧!最近做了一些总结,之前都是迷迷糊糊,搞不清楚前端之前的相关定位。好好梳理了一下。错误之处请各位指正。本文主要说的是JavaScript工作流程目前前端真的该叫大前端,其越来越细化,越来越复杂。在这种背景下,诞生了很多工具很多前端工作流程。比如热门的:reactvuewebpackbabelgulpnode.jsnpmnvma
前端经典的JavaScript面试知识总结
weixin_33982670
面试 前端 javascript ViewUI
1、使用typeofbar==="object"来确定bar是否是一个对象时有什么潜在的缺陷?这个陷阱如何避免?尽管typeofbar===“object”是检查bar是否是对象的可靠方法,但JavaScript中令人惊讶的问题null也被认为是一个对象!因此,对于大多数开发人员来说,下面的代码会将true(而不是false)打印到控制台:varbar=null;console.log(typeo
03 手把手教你理解Vue Router核心原理(附实战代码)
泯泷
Vue2 快速入门 ui html5 css3 前端 前端框架 Vue vue.js
一、前端路由的魔法原理想象你在一本魔法书中翻页,页面内容会变化但书本本身不会重新印刷。前端路由就是这样的魔法,当我们在单页应用(SPA)中切换页面时:不会触发真正的页面刷新页面内容通过JavaScript动态更新URL会同步变化反映当前状态二、三种路由模式大比拼1.Hash模式(默认模式)工作原理:利用URL中的#符号(锚点)实现路由切换//创建路由实例import{createRouter,cr
前端如何安全存储密钥,防止信息泄露
m0_54804970
vip1024p 前端 安全 状态模式
场景把公钥硬编码在前端代码文件里,被公司安全检测到了要整改,于是整理几种常见的前端密钥存储方案。1.设置环境变量再读取在打包或部署前端应用时,可以将密钥配置为环境变量,在应用运行时通过环境变量读取密钥。这样可以将密钥从源代码中分离出来,避免意外泄露。a.前端设置环境变量将密钥作为前端应用的环境变量进行配置。但是直接使用环境变量存储密钥也是很危险的,前端代码可以被任何人查看和修改,这意味着敏感信息可
最新计算机专业开题报告案例84:基于Springboot框架的校园点餐系统的设计与实现
平姐设计
微信小程序项目实战 java项目实战 计算机毕业设计开题报告100套 spring boot java 校园点餐管理系统 餐厅管理 在线支付 开题报告 国内外研究现状
计算机毕业设计100套微信小程序项目实战java项目实战需要源码可以滴滴我请文末卡片dd我获取更详细的演示视频撰写不易,感谢支持!目录一、研究背景和意义1.1研究背景1.2研究意义二、国内外研究状况2.1后端技术2.1.1基于SpringBoot的校园点餐系统设计与实现2.1.2基于SpringMVC的校园点餐系统设计与实现2.1.3基于Mybatis的校园点餐系统设计与实现2.2前端技术2.2.
【个人学习日志-前端】浏览器窗口大小改变后,超出视窗部分的导航栏div标签背景色丢失问题
雲海夢
学习 css html vscode 前端
项目场景:复刻小米商城前端html。问题描述浏览器窗口宽度改变后,导航栏div标签超出视图的部分背景色丢失。问题如图:原因分析:导航栏的宽度是基于其子元素的宽度计算的,当窗口宽度较小时,子元素可能会换行或超出视窗,导致背景色无法覆盖整个导航栏。如果导航栏的布局没有正确处理响应式设计,当窗口宽度较小时,布局可能会塌陷,导致背景色丢失。min-width属性用于设置元素的最小宽度,确保元素在窗口宽度较
vite.config.js 的一些常用配置你知道吗
子伟-H5
javascript 开发语言 ecmascript
前言当我们进行前端开发项目的时候都需要一些构建工具,像Webpack、Rollup、Snowpack、Vite等构建工具,而在Vue3的官方文档中的创建应用例子使用了Vite,那么问题来了,为什么在Vue3中大多数都会推荐使用Vite呢?介绍Vite是前端的一种构建工具,有着服务启动快、热更新迅速的特点,显著提升前端开发体验。在项目一开始启动时,Vite会将应用中的模块区分为依赖和源码两类。依赖,
Web前端第一次作业
unfeeling_
前端
作业代码:(1)登录页面:登录会员登录页面YQ会员登录账号:密码:(2)注册页面:DocumentYQ会员注册账号:密码:确认密码:昵称:(3)主页页面跳转:index主页登录页面注册页面效果展示:总结:主页点击登录或者注册能直接跳转到新页面,登录页面,输入账号密码,就可以跳转到对应主页,注册页面也是如此,该次作业运用了表格标签修饰页面,用表单标签做出要求,最后运用超链接实现页面跳转
JavaScript 中处理 object 对象类型的常见方法
像素检测仪
前端 js javascript 前端 typescript
目录一、对象的基本操作1.创建对象2.访问和修改属性3.添加新属性4.删除属性5.检查属性是否存在二、对象的组合操作1.合并对象2.扩展运算符3.对象解构三、对象的深拷贝1.使用JSON.parse和JSON.stringify2.使用递归函数四、对象的遍历1.for...in循环2.Object.keys()3.Object.entries()五、常用对象方法1.Object.assign()2
请解释 JavaScript 中的函数式编程,优缺点是什么?
程序员黄同学
前端开发 JavaScript javascript 开发语言 ecmascript
一、对JavaScript函数式编程的理解函数式编程(FunctionalProgramming,FP)是一种编程范式,它将计算视为数学函数的求值,并避免改变状态和可变数据。在JavaScript中,函数式编程具有以下几个关键特性:(一)纯函数纯函数是指对于相同的输入,总是返回相同的输出,并且不会产生任何可观察的副作用。例如://纯函数示例:计算两个数的和functionadd(a,b){retu
探索Node.js的串口通信新世界:Node Serialport
侯深业Dorian
探索Node.js的串口通信新世界:NodeSerialport项目地址:https://gitcode.com/gh_mirrors/no/node-serialport在构建硬件交互或物联网应用时,我们常常需要与设备进行低级别通信,例如通过串行端口(如COM端口)。这就是NodeSerialport发挥作用的地方。这是一个强大的开源库,它为JavaScript开发者提供了跨平台的串行端口访问功
Perl语言的区块链
沈韡蕙
包罗万象 golang 开发语言 后端
Perl语言在区块链技术中的应用引言随着区块链技术的迅猛发展,越来越多的编程语言开始在这个领域中发挥重要作用。虽然常见的区块链开发语言例如Solidity和JavaScript广受欢迎,但Perl作为一门成熟且灵活的语言,也在一些特定的应用场景中展现出其独特的优势。本文将探讨Perl语言在区块链技术中的应用,包括其特点、在区块链中的实现、案例分析以及未来展望。Perl语言的特点Perl是一种强大的
最全面的 Node.js 资源汇总推荐
程序员小英
node.js
原文来源于:程序员成长指北;作者:前哨君原文:https://github.com/jobbole/awesome-nodejs-cn如有侵权,联系删除【导读】:Node.js是一个开源、跨平台的,用于编写服务器和命令行的JavaScript运行时工具。awesome-nodejs是sindresorhus发起维护的Node.js资源列表,内容包括:命令行工具、日志、调试、HTTP、构建工具、文件
2019 - Web开发技术指南和趋势
编程鸭
互联网 JavaScript 编程语言 前端 前端 IT 编程 程序员
这是一个2019年你成为前端,后端或全栈开发者的进阶指南:你不需要学习所有的技术成为一个web开发者这个指南只是通过简单分类列出了技术选项我将从我的经验和参考中给出建议首选我们会介绍通用的知识,最后介绍2019年的Web的一些趋势1.基础前端开发者1.1HTML&CSSHTML&CSS最基础的知识:语义化的HTML元素基础的CSS语法Flexbox&GridCSS变量浏览器开发者工具1.2响应式布
Vue.js 在低代码开发平台中的应用与优化
vue.js
Vue.js在低代码开发平台中的应用与优化在数字化转型的进程中,低代码开发平台成为了企业快速构建应用的得力助手。而Vue.js作为一款广受欢迎的前端框架,在低代码开发平台中发挥着举足轻重的作用。它不仅提升了开发效率,还优化了应用的用户体验,今天我们就来深入探讨Vue.js在低代码开发平台中的应用与优化,同时为大家介绍在这方面表现卓越的JNPF快速开发平台。Vue.js在低代码开发平台中的核心应用高
记录一次项目踩坑,关于antd组件Popover 的content传参形式问题
antd的Popover组件,在内部js定义了Content组件。这两种写法的区别是写法1:写法2:}/>这两种写法在使用Popover组件时有以下差异:写法1:这种写法将Content组件作为一个函数引用传递给Popover组件的content属性。在Popover内部,content属性会被直接使用,不会作为一个新的React元素渲染。这种方式更加简洁,但意味着Content组件的渲染逻辑需要
前端面试题
前端javascript
以下是一些前端较新的面试题:一、现代框架相关(以React为例)ReactHooks(如useState、useEffect)与传统类组件相比有什么优势?答案:代码更简洁:Hooks允许在不编写类组件的情况下使用状态和其他React特性。例如,使用useState可以轻松在函数组件中添加状态,而类组件需要通过this.state和this.setState来管理状态,代码相对繁琐。更好的逻辑复用:
基于Django以及vue的电子商城系统设计与实现
放学-别走
django vue.js python 毕设 毕业设计 后端 零售
基于Django以及vue的电子商城系统设计与实现引言随着电子商务的快速发展,越来越多的企业和个人选择搭建线上商城,以提供更加便捷的购物体验。本文基于Python开发了一套电子商城系统,后端采用Django框架,前端使用Vue.js,并使用MySQL数据库进行数据存储和管理。本文将详细介绍该系统的设计、实现及测试过程,以供开发者参考。1.电子商城系统概述1.1背景与意义电子商务已经成为现代商业的重
Django学习笔记(第二天:render函数渲染网页模板,使用网页模板输出数据,实现前端页面与数据分离)
S1901
Django python django 学习 笔记
Django模板在HelloWorld目录底下创建templates目录并新建runoob.html文件,整个目录结构如下:HelloWorld/|--HelloWorld||--__init__.py||--__init__.pyc||--settings.py||--settings.pyc||--urls.py||--urls.pyc||--views.py||--views.pyc||--
前端常用验证规则(身份证,手机号,邮箱等)
小钟H呀
前端
验证用户名/***@param{string}str*@returns{Boolean}*/exportfunctionvalidUsername(str){constvalid_map=["admin","editor"];returnvalid_map.indexOf(str.trim())>=0;}验证URL/***@param{string}url*@returns{Boolean}*/e
深入探究前端性能优化:从理论到实践
lozhyf
学习 工作 面试 前端 性能优化
一、引言在当今数字化时代,用户对于网页的加载速度和响应性能有着极高的要求。前端性能不仅直接影响用户体验,还与业务指标息息相关,如转化率、用户留存率等。因此,掌握前端性能优化技术成为了前端开发者必备的技能。本文将深入探讨前端性能优化的多个方面,并提供实际可操作的优化技巧。二、前端性能优化的关键指标(一)加载时间这是最直观的指标,指从用户请求网页到页面完全加载并可交互的时间。加载时间过长会导致用户流失
前端常用正则校验规则
我欲连梦
JS 正则校验 表单验证 javascript 开发语言 ecmascript
1、IP地址校验varreg=/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;if((!reg.test(value))&&value!=''){console.log(
JavaScript 中内存泄漏的几种情况是什么,如何避免?
程序员黄同学
前端开发 JavaScript Java面试题 javascript 前端 开发语言
一、全局变量泄漏(高频考点)问题场景:未使用var/let/const声明变量,或意外挂载到window对象//错误示例(创建全局变量)functioninitData(){cache=newArray(1000000)//隐式全局变量}//正确方案(严格模式+局部变量)'usestrict'functionsafeInit(){constlocalCache=[]//局部变量自动回收}防御建议:
自定义公式校验规则、常用的JavaScript正则公式合法校验、自定义公式合集、前端校验规则、字符串校验
a_dream(前端)
前端 javascript 正则表达式
vue开发中,会使用到自定义公式校验合法性,判断公式是否符合逻辑,整理个人使用过的自定义公式页面保存时对输入的字符串进行校验的一套规则(文章最后有完整代码)目录1.正则判断2.校验数字(输入数字不超过十位数,不超过两位小数)3.校验括号(嵌套括号是否符合要求)4.(完整代码文件)1.正则判断constre=/[^0-9\(\)\+\-\×\÷\.\#\{\}]{1,}///判断输入字符合法性的正则
前端常用校验规则
weixin_45907435
前端
/***手机号码验证规则*/exportfunctionsjhmValidator(value){constreg=/^1[3-9]\d{9}$/if(!reg.test(value)){returnfalse}else{returntrue}}/***邮政编码验证规则*/exportfunctionyzbmValidator(value){constreg=/^\d{6}$/if(!reg.te
Vue3笔记_<入门基础篇>
我的白银时代
Vue2进阶Vue3笔记 Vue3零到一实战 笔记 vue.js 前端
目录Setup语法糖ref:定义一个数据的响应式reactive:定义一个对象类型的响应式数据toRef()toRefs()计算属性watchEffect函数生命周期Vue3获取DomPropsVue3自定义事件Setup语法糖setup是一个专门用于组合式API的特殊钩子函数,只在初始化时执行一次。setup有两种返回值:对象。对象中的属性,方法在模板中都可以直接使用函数。自定义渲染内容,覆盖模
告别繁琐的路径配置:带你写一个让 Monorepo 项目模块导入更优雅的 Webpack 插件
真的很上进
Web前端进阶合集 webpack 前端 javascript java react.js vue node.js
目录手把手带你写一个Webpack提效插件前言为什么要写这个插件?Webpack插件是什么?开发MonorepoAliasPlugin1.基础结构搭建2.理解Webpack模块解析3.路径别名的解析和转换4.添加所有包的支持5.测试插件6.使用方法总结手把手带你写一个Webpack提效插件前言大家好,今天我想和大家分享如何从零开始写一个实用的Webpack提效插件(完整源码在文章最后).作为前端开
Maven
Array_06
eclipse jdk maven
Maven
Maven是基于项目对象模型(POM), 信息来管理项目的构建,报告和文档的软件项目管理工具。
Maven 除了以程序构建能力为特色之外,还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性,所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法,许多 Apache Jakarta 项目发文时使用 Maven,而且公司
ibatis的queyrForList和queryForMap区别
bijian1013
java ibatis
一.说明
iBatis的返回值参数类型也有种:resultMap与resultClass,这两种类型的选择可以用两句话说明之:
1.当结果集列名和类的属性名完全相对应的时候,则可直接用resultClass直接指定查询结果类
LeetCode[位运算] - #191 计算汉明权重
Cwind
java 位运算 LeetCode Algorithm 题解
原题链接:#191 Number of 1 Bits
要求:
写一个函数,以一个无符号整数为参数,返回其汉明权重。例如,‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。
汉明权重:指一个字符串中非零字符的个数;对于二进制串,即其中‘1’的个数。
难度:简单
分析:
将十进制参数转换为二进制,然后计算其中1的个数即可。
“
浅谈java类与对象
15700786134
java
java是一门面向对象的编程语言,类与对象是其最基本的概念。所谓对象,就是一个个具体的物体,一个人,一台电脑,都是对象。而类,就是对象的一种抽象,是多个对象具有的共性的一种集合,其中包含了属性与方法,就是属于该类的对象所具有的共性。当一个类创建了对象,这个对象就拥有了该类全部的属性,方法。相比于结构化的编程思路,面向对象更适用于人的思维
linux下双网卡同一个IP
被触发
linux
转自:
http://q2482696735.blog.163.com/blog/static/250606077201569029441/
由于需要一台机器有两个网卡,开始时设置在同一个网段的IP,发现数据总是从一个网卡发出,而另一个网卡上没有数据流动。网上找了下,发现相同的问题不少:
一、
关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
安卓按主页键隐藏程序之后无法再次打开
肆无忌惮_
安卓
遇到一个奇怪的问题,当SplashActivity跳转到MainActivity之后,按主页键,再去打开程序,程序没法再打开(闪一下),结束任务再开也是这样,只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity
本来代码:
// 销毁这个Activity
fin
通过cookie保存并读取用户登录信息实例
知了ing
JavaScript html
通过cookie的getCookies()方法可获取所有cookie对象的集合;通过getName()方法可以获取指定的名称的cookie;通过getValue()方法获取到cookie对象的值。另外,将一个cookie对象发送到客户端,使用response对象的addCookie()方法。
下面通过cookie保存并读取用户登录信息的例子加深一下理解。
(1)创建index.jsp文件。在改
JAVA 对象池
矮蛋蛋
java ObjectPool
原文地址:
http://www.blogjava.net/baoyaer/articles/218460.html
Jakarta对象池
☆为什么使用对象池
恰当地使用对象池化技术,可以有效地减少对象生成和初始化时的消耗,提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
ArrayList根据条件+for循环批量删除的方法
alleni123
java
场景如下:
ArrayList<Obj> list
Obj-> createTime, sid.
现在要根据obj的createTime来进行定期清理。(释放内存)
-------------------------
首先想到的方法就是
for(Obj o:list){
if(o.createTime-currentT>xxx){
阿里巴巴“耕地宝”大战各种宝
百合不是茶
平台战略
“耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”,“耕地宝”由阿里巴巴投入一亿 ,主要是用来进行农业方面,将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权,还增加了土地的流通与 利用率,提高了土地的产量,有利于大规模的产业化的高科技农业的 发展,阿里在农业上的探索将会引起新一轮的产业调整,但是集体化之后农民的个体的话语权 将更少,国家应出台相应的法律法规保护
Spring注入有继承关系的类(1)
bijian1013
java spring
一个类一个类的注入
1.AClass类
package com.bijian.spring.test2;
public class AClass {
String a;
String b;
public String getA() {
return a;
}
public void setA(Strin
30岁转型期你能否成为成功人士
bijian1013
成功
很多人由于年轻时走了弯路,到了30岁一事无成,这样的例子大有人在。但同样也有一些人,整个职业生涯都发展得很优秀,到了30岁已经成为职场的精英阶层。由于做猎头的原因,我们接触很多30岁左右的经理人,发现他们在职业发展道路上往往有很多致命的问题。在30岁之前,他们的职业生涯表现很优秀,但从30岁到40岁这一段,很多人
[Velocity三]基于Servlet+Velocity的web应用
bit1129
velocity
什么是VelocityViewServlet
使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中,以Servlet+Velocity的方式实现web应用
Servlet + Velocity的一般步骤
1.自定义Servlet,实现VelocityViewServl
【Kafka十二】关于Kafka是一个Commit Log Service
bit1129
service
Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解?
A message is considered "committed" when all in sync replicas for that partition have applied i
NGINX + LUA实现复杂的控制
ronin47
lua nginx 控制
安装lua_nginx_module 模块
lua_nginx_module 可以一步步的安装,也可以直接用淘宝的OpenResty
Centos和debian的安装就简单了。。
这里说下freebsd的安装:
fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz
tar zxvf lua-5.1.4.tar.gz
cd lua-5.1.4
ma
java-14.输入一个已经按升序排序过的数组和一个数字, 在数组中查找两个数,使得它们的和正好是输入的那个数字
bylijinnan
java
public class TwoElementEqualSum {
/**
* 第 14 题:
题目:输入一个已经按升序排序过的数组和一个数字,
在数组中查找两个数,使得它们的和正好是输入的那个数字。
要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字,输出任意一对即可。
例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder
bylijinnan
java netty
今天看Netty如何实现一个Http Server
org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory:
pipeline.addLast("decoder", new HttpRequestDecoder());
pipeline.addLast(&quo
java敏感词过虑-基于多叉树原理
cngolon
违禁词过虑 替换违禁词 敏感词过虑 多叉树
基于多叉树的敏感词、关键词过滤的工具包,用于java中的敏感词过滤
1、工具包自带敏感词词库,第一次调用时读入词库,故第一次调用时间可能较长,在类加载后普通pc机上html过滤5000字在80毫秒左右,纯文本35毫秒左右。
2、如需自定义词库,将jar包考入WEB-INF工程的lib目录,在WEB-INF/classes目录下建一个
utf-8的words.dict文本文件,
多线程知识
cuishikuan
多线程
T1,T2,T3三个线程工作顺序,按照T1,T2,T3依次进行
public class T1 implements Runnable{
@Override
spring整合activemq
dalan_123
java spring jms
整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分: a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接 b、真正产生到JMS服务器链接的ConnectionFactory还得
MySQL时间字段究竟使用INT还是DateTime?
dcj3sjt126com
mysql
环境:Windows XPPHP Version 5.2.9MySQL Server 5.1
第一步、创建一个表date_test(非定长、int时间)
CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
Parcel: unable to marshal value
dcj3sjt126com
marshal
在两个activity直接传递List<xxInfo>时,出现Parcel: unable to marshal value异常。 在MainActivity页面(MainActivity页面向NextActivity页面传递一个List<xxInfo>): Intent intent = new Intent(this, Next
linux进程的查看上(ps)
eksliang
linux ps linux ps -l linux ps aux
ps:将某个时间点的进程运行情况选取下来
转载请出自出处:http://eksliang.iteye.com/admin/blogs/2119469
http://eksliang.iteye.com
ps 这个命令的man page 不是很好查阅,因为很多不同的Unix都使用这儿ps来查阅进程的状态,为了要符合不同版本的需求,所以这个
为什么第三方应用能早于System的app启动
gqdy365
System
Android应用的启动顺序网上有一大堆资料可以查阅了,这里就不细述了,这里不阐述ROM启动还有bootloader,软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来(包括wifi, power, rild, surfaceflinger, mediaserver等等)-> 启动Dalivk中的第一个进程Zygot
App Framework发送JSONP请求(3)
hw1287789687
jsonp 跨域请求 发送jsonp ajax请求 越狱请求
App Framework 中如何发送JSONP请求呢?
使用jsonp,详情请参考:http://json-p.org/
如何发送Ajax请求呢?
(1)登录
/***
* 会员登录
* @param username
* @param password
*/
var user_login=function(username,password){
// aler
发福利,整理了一份关于“资源汇总”的汇总
justjavac
资源
觉得有用的话,可以去github关注:https://github.com/justjavac/awesome-awesomeness-zh_CN 通用
free-programming-books-zh_CN 免费的计算机编程类中文书籍
精彩博客集合 hacke2/hacke2.github.io#2
ResumeSample 程序员简历
用 Java 技术创建 RESTful Web 服务
macroli
java 编程 Web REST
转载:http://www.ibm.com/developerworks/cn/web/wa-jaxrs/
JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API,可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项
超声波
oracle linux
前言:
这两天项目要上线了,由我负责往服务器部署整个项目,因此首先要往服务器安装oracle,服务器本身是CentOS6.5的64位系统,安装的数据库版本是11g,在整个的安装过程中碰到很多的坑,不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。
安装过程中可能遇到的问题(注
HttpClient 4.3 设置keeplive 和 timeout 的方法
supben
httpclient
ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() {
@Override
public long getKeepAliveDuration(HttpResponse response, HttpContext context) {
long keepAlive
Spring 4.2新特性-@Import注解的升级
wiselyman
spring 4
3.1 @Import
@Import注解在4.2之前只支持导入配置类
在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean
3.2 示例
演示java类
package com.wisely.spring4_2.imp;
public class DemoService {
public void doSomethin