为了显 出实时性，在一些社交类产品中，甚至会实时转换为几秒钟前、几分钟前、几小时前等不同的格式，这样比直接
转换为年、月、日、时、分、秒更友好。本示例就来实现这样一个自定义指令 v-time 将表达式传入的时间戳实时转换为相对时间。
便于演示效果，我们初始 时定义了两个时间。
index.html:
< !DOCTYPE html>
</head>
<body>
<div id=” app” v-cloak>
<div v-time=” timeNow” ></div>
<div v-time=” timeBefore ” ></div>
</div>
<script src=” https://unpkg.com/vue/dist/vue . min . j s ” ></script>
<script src=” time.j s ” ></script>
<script src=”index . j s ” ></script>
</body>
</html>
</code></pre>
<p>index.js:</p>
<pre><code>var app =new Vue({
el : ’ #app ’,
data : {
timeNow : (new Date()) .getTime (),
timeBefore : 1488930695721
}
}) ;
</code></pre>
<p>timeNow 是目前的时间， timeBefore 是一个写死的时间 2017-03-08</p>
<h4>分析一下时间转换的逻辑</h4>
<p>• 分钟以前，显示“刚刚”。<br> • 分钟～ 小时之间，显示“xx 分钟前”．<br> • 小时～ 天之间，显示“xx 小时前”．<br> • 天～ 个月 01 天）之间，显示“xx 天前<br> • 大于 个月，显示“xx xx xx 曰’</p>
<h4>为了使判断逻辑更简单，统 使用时间戳进行大小判断。在写指令 v-tim 之前，需要先写</h4>
<p>系列与时间相关的函数，我们声明 个对象 Time ，把它们都封装在里面。</p>
<pre><code>time.js:
var Time = {
／／获取当前时间戳
getUnix : funct 工。 () {
var date= new Date() ;
return date.getTime() ;
／／获取今天 秒的时间戳
getTodayUnix : function () {
var date = new Date() ;
date.setHours(O) ;
date . setMinutes(O) ;
date.setSeconds(O) ;
date . setMilliseconds(O) ;
return date. get Time() ;
／／获取今年 秒的时间戳
getYearUnix: function () {
var date ＝口ew Date() ;
date . setMonth(O);
date.setDate(l) ;
date . setHours(O);
date.setMinutes(O);
date . setSeconds(O) ;
date.setMilliseconds (O) ;
return date . getTime();
／／获取标准年月日
getLastDate : function(t me) {
var date= new Date(time);
var month= date . getMonth() + 1 < 10 (date.getMonth() + 1)
date . getMonth () + 1 ;
var day= date.getDate() < 10 date.getDate() : date.getDate();
return date.getFullYear() + ’-’ + month +”-” + day;
／／转换时间
getFormatTime : function(timestamp) {
var now= this . getUnix() ;
var today= this . getTodayUnix() ;
var year= this . getYearUnix();
／／当前时间戳
／／今天 点时间戳
／／今年 点时间戳
章自定义指令 129
var timer = (now - timestamp) I 1000 ; ／／转换为秒级时
var tip = ”;
if (timer <= 0 ) {
tip 刚刚 ’；
) else if (Math . floor (timer I 60) <= 0 ) {
tip 刚刚 ’；
) else if (timer < 3600) {
tip= Math . floor(timer/60 ) 分钟前 ’；
) else if (timer >= 3600 && (timestamp - today >= 0) ) {
tip= Math . floor(timer/3600 ) 小时前 ’；
) else if (timer/86400 <= 31) {
tip= Math . ceil(timer/86400 ) 天前 ’；
) else {
tip= this . getLastDate(timestamp);
return tip;
}
};
</code></pre>
<p>Time getFormatTimeO方法就是自定义指令 time 所需要的，入参为毫秒级时间 返回己经<br> 整理好时间格式的字符串。<br> 最后在 time 里补全剩余的代码</p>
<pre><code>Vue . directive ( ’ time ’, {
bind : function (el, binding) {
el.innerHTML = Time . getFormatTime (binding . value) ;
el._timeout_ = setinterval(function() {
el . innerHTML = Time . getFormatTime (binding . value) ;
) , 60000) ;
},
unbind : funct on (el ) {
clearinterval(el. meout ) ;
delete el. _timeout_ ;
}
})
</code></pre>
</article>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1683993867025723392"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(vue 通过指令 将时间转化为实时方便读取的时间)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1892540600499105792.htm"
title="uni.request 发起网络请求3种回调结果调用" target="_blank">uni.request 发起网络请求3种回调结果调用</a>
<span class="text-muted">治金的blog</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a>
<div>第一种标题：{{item.title}}内容：{{item.body}}import{ref}from'vue';letarrs=ref([]);//uni.request请求的三种方式functionrequest(){uni.request({url:"https://jsonplaceholder.typicode.com/posts",success:res=>{console.log(r</div>
</li>
<li><a href="/article/1892540601199554560.htm"
title="对回调结果严格处理then,catch,finally" target="_blank">对回调结果严格处理then,catch,finally</a>
<span class="text-muted">治金的blog</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a>
<div>{{item.content}}----{{item.author}}import{ref}from'vue';constpets=ref([]);constonPreview=function(index){leturls=pets.value.map(item=>item.url)uni.previewImage({current:index,urls})//console.log(index</div>
</li>
<li><a href="/article/1892540598934630400.htm"
title="vue 3中 页面跳转" target="_blank">vue 3中 页面跳转</a>
<span class="text-muted">治金的blog</span>
<a class="tag" taget="_blank" href="/search/Vue3%E5%AD%A6%E4%B9%A0/1.htm">Vue3学习</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>z1.普通函数的页面跳转首页我的import{useRouter}from'vue-router'//使用useRouter创建一个router实例constrouter=useRouter()//定义go函数以便路由跳转functiongo(){router.push({path:'/my'})}//将go函数暴露给模板2.箭头函数的实现方法首页我的import{useRouter}from'v</div>
</li>
<li><a href="/article/1892540599857377280.htm"
title="路由导航守卫" target="_blank">路由导航守卫</a>
<span class="text-muted">治金的blog</span>
<a class="tag" taget="_blank" href="/search/Vue3%E5%AD%A6%E4%B9%A0/1.htm">Vue3学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>路由导航守卫（NavigationGuards）是VueRouter提供的功能，用于控制用户在应用中的导航行为。简单来说，它们允许你在用户访问不同路由时执行一些代码，比如检查用户是否登录、加载数据或阻止导航等。比喻：可以将其想象成机场的安检。安检元在你登机前会检查你的证件和行李，确保一切符合要求，然后才允许你进入登机口。路由导航守卫的主要类型1.全局守卫：（全局守卫就像博物馆的总管理员，负责在你进</div>
</li>
<li><a href="/article/1892540346982789120.htm"
title="【vue 后台管理模板 ranAdmin 支持ant-design/ant-design/electron-plus/electron-plus-electron】" target="_blank">【vue 后台管理模板 ranAdmin 支持ant-design/ant-design/electron-plus/electron-plus-electron】</a>
<span class="text-muted">RanShakaLove</span>
<a class="tag" taget="_blank" href="/search/ranAdmin/1.htm">ranAdmin</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/electron/1.htm">electron</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/electron/1.htm">electron</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>【vue后台管理模板支持ant-design/ant-design/electron-plus/electron-plus-electron】个性化功能项目主要功能项目演示github地址vue-ant-designgitee地址vue-ant-design项目地址项目4个分支ant-designant-dessign-electronelement-pluselement-plus-electr</div>
</li>
<li><a href="/article/1892540094556991488.htm"
title="Java 与设计模式（15）：模板方法模式" target="_blank">Java 与设计模式（15）：模板方法模式</a>
<span class="text-muted">暗星涌动</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E6%A8%A1%E6%9D%BF%E6%96%B9%E6%B3%95%E6%A8%A1%E5%BC%8F/1.htm">模板方法模式</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a>
<div>一、定义模板方法模式是一种行为设计模式，它定义了一个操作中的算法的骨架（也就是大致的步骤和流程），而将一些具体步骤的实现延迟到子类中。这样，子类可以不改变算法的结构即可重新定义算法的某些特定步骤。二、Java示例举个简单的例子：假设我们要泡一杯茶和一杯咖啡，这两者的制作过程有一些共同的步骤，比如烧水、倒水、搅拌等，但也有不同的地方，比如茶需要放茶叶，而咖啡需要放咖啡粉。泡茶的过程：烧水、放茶叶、倒</div>
</li>
<li><a href="/article/1892539968312635392.htm"
title="基于若依和flowable6.7.2的ruoyi-nbcio流程管理系统正式发布" target="_blank">基于若依和flowable6.7.2的ruoyi-nbcio流程管理系统正式发布</a>
<span class="text-muted">宁波阿成</span>
<a class="tag" taget="_blank" href="/search/ruoyi-nbcio/1.htm">ruoyi-nbcio</a><a class="tag" taget="_blank" href="/search/%E8%8B%A5%E4%BE%9D/1.htm">若依</a><a class="tag" taget="_blank" href="/search/flowable/1.htm">flowable</a><a class="tag" taget="_blank" href="/search/flowable/1.htm">flowable</a><a class="tag" taget="_blank" href="/search/%E8%8B%A5%E4%BE%9D/1.htm">若依</a><a class="tag" taget="_blank" href="/search/ruoyi-nbcio/1.htm">ruoyi-nbcio</a><a class="tag" taget="_blank" href="/search/ruoyi/1.htm">ruoyi</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a>
<div>更多ruoyi-nbcio功能请看演示系统gitee源代码地址前后端代码：https://gitee.com/nbacheng/ruoyi-nbcio演示地址：RuoYi-Nbcio后台管理系统项目概要本项目基于RuoYi-Flowable-Plus进行二次开发，从nbcio-boot(https://gitee.com/nbacheng/nbcio-boot)项目</</div>
</li>
<li><a href="/article/1892539841762095104.htm"
title="js的垃圾回收机制" target="_blank">js的垃圾回收机制</a>
<span class="text-muted">www.www</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E7%9B%B8%E5%85%B3/1.htm">相关</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>js中的垃圾回收机制JavaScript作为一种高级语言，开发者不需要手动管理内存的分配和释放。垃圾回收机制是JavaScript引擎中的一部分，负责自动回收那些不再被使用的内存，确保内存资源得到有效利用，避免内存泄漏。垃圾回收机制主要有两种算法：引用计数和标记清除引用计数基本原理：每个对象都有一个引用计数器，当有一个引用指向该对象时，计数器+1，当一个引用不再指向该对象时，计数器-1。如果某个对</div>
</li>
<li><a href="/article/1892539211513393152.htm"
title="mac mini m1芯片 Xcode 15.3 各种报错的问题" target="_blank">mac mini m1芯片 Xcode 15.3 各种报错的问题</a>
<span class="text-muted">OKXLIN</span>
<a class="tag" taget="_blank" href="/search/macos/1.htm">macos</a><a class="tag" taget="_blank" href="/search/xcode/1.htm">xcode</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a>
<div>错误一：/Users/mac/Desktop/Test_project/mobile-ios/Test/Test-Bridging-Header.h:4:9failedtoemitprecompiledheader'/Users/mac/Library/Developer/Xcode/DerivedData/App-apvcgkuclncgfqdlzqcoffyaexos/Build/Interm</div>
</li>
<li><a href="/article/1892539212012515328.htm"
title="Android Calendar日历获取几个月的总天数，每月的月初时间和月末时间" target="_blank">Android Calendar日历获取几个月的总天数，每月的月初时间和月末时间</a>
<span class="text-muted">OKXLIN</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>/***获取当月剩余天数（含当天）+往后几个月的天数总和*@parammonthNum往后几个月*@return总天数*/publicstaticintgetDaysWithMonthYear(intmonthNum){intdays=0;Calendarcalendar=Calendar.getInstance();intyear=calendar.get(Calendar.YEAR);intm</div>
</li>
<li><a href="/article/1892539085134819328.htm"
title="记录App中加入Mqtt实现过程" target="_blank">记录App中加入Mqtt实现过程</a>
<span class="text-muted">街角的小菜鸟</span>
<a class="tag" taget="_blank" href="/search/Android%E5%BC%80%E5%8F%91/1.htm">Android开发</a>
<div>前言因为公司项目里因为功能的修改，移除了关于无人机飞控控制的代码部分，软件中无人机信息变更为通过mqtt获取，通过翻阅网上资料后，终于实现了该功能。现在写下来，以免再次用到要重新查找资料。MQTT的相关了解Topic：订阅的主题。URI：MQTT服务器的地址例如："tcp://"+MQTT_HOST+":"+MQTT_PORTusername&password：账户与密码ClientId：客户端的</div>
</li>
<li><a href="/article/1892538578999767040.htm"
title="基于Transformer的YOLOv8检测头架构改进：提升目标检测精度的全新突破（YOLOv8）" target="_blank">基于Transformer的YOLOv8检测头架构改进：提升目标检测精度的全新突破（YOLOv8）</a>
<span class="text-muted">步入烟尘</span>
<a class="tag" taget="_blank" href="/search/transformer/1.htm">transformer</a><a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E7%9B%AE%E6%A0%87%E6%A3%80%E6%B5%8B/1.htm">目标检测</a>
<div>本专栏专为AI视觉领域的爱好者和从业者打造。涵盖分类、检测、分割、追踪等多项技术，带你从入门到精通！后续更有实战项目，助你轻松应对面试挑战！立即订阅，开启你的YOLOv8之旅！专栏订阅地址：https://blog.csdn.net/mrdeam/category_12804295.html文章目录基于Transformer的YOLOv8检测头架构改进：提升目标检测精度的全新突破什么是DAtten</div>
</li>
<li><a href="/article/1892538580790734848.htm"
title="vscode保存自动将CRLF 转换成 LF" target="_blank">vscode保存自动将CRLF 转换成 LF</a>
<span class="text-muted">沐歌丨丶</span>
<a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>1、下载vscode插件：EditorConfigforVSCode2、在项目根目录新建.editorconfigroot=true[*]charset=utf-8indent_style=spaceindent_size=2end_of_line=lfinsert_final_newline=truetrim_trailing_whitespace=true</div>
</li>
<li><a href="/article/1892537571427282944.htm"
title="一文读懂MUSIC算法DOA估计的数学原理并仿真" target="_blank">一文读懂MUSIC算法DOA估计的数学原理并仿真</a>
<span class="text-muted">迎风打盹儿</span>
<a class="tag" taget="_blank" href="/search/%E9%98%B5%E5%88%97%E4%BF%A1%E5%8F%B7%E5%A4%84%E7%90%86/1.htm">阵列信号处理</a><a class="tag" taget="_blank" href="/search/MUSIC%E7%AE%97%E6%B3%95/1.htm">MUSIC算法</a><a class="tag" taget="_blank" href="/search/DOA%E4%BC%B0%E8%AE%A1/1.htm">DOA估计</a><a class="tag" taget="_blank" href="/search/%E9%98%B5%E5%88%97%E4%BF%A1%E5%8F%B7%E5%A4%84%E7%90%86/1.htm">阵列信号处理</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E5%8F%B7%E5%AD%90%E7%A9%BA%E9%97%B4/1.htm">信号子空间</a><a class="tag" taget="_blank" href="/search/%E5%99%AA%E5%A3%B0%E5%AD%90%E7%A9%BA%E9%97%B4/1.htm">噪声子空间</a>
<div>一文读懂MUSIC算法DOA估计的数学原理并仿真文章目录前言一、DOA估计基本原理二、MATLAB仿真总结前言MUSIC（MultipleSignalClassification）算法于1979年由R.O.Schmidt提出，是阵列信号处理中广泛应用的经典DOA（DirectionofArrival）估计算法，凭借其超分辨的估计性能受到广泛关注。本文将从数学公式推导的角度出发系统阐述MUSIC算法</div>
</li>
<li><a href="/article/1892537066504384512.htm"
title="python爬虫Selenium库详细教程_python爬虫之selenium库的使用详解" target="_blank">python爬虫Selenium库详细教程_python爬虫之selenium库的使用详解</a>
<span class="text-muted">嘻嘻哈哈学编程</span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a>
<div>网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！2.2访问页面2.3查找元素2.3.1单个元素下面</div>
</li>
<li><a href="/article/1892537067355828224.htm"
title="排序算法：冒泡排序（Python）" target="_blank">排序算法：冒泡排序（Python）</a>
<span class="text-muted">娱乐不打烊丶</span>
<a class="tag" taget="_blank" href="/search/%E6%8E%92%E5%BA%8F%E7%AE%97%E6%B3%95/1.htm">排序算法</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a>
<div>思路：大家一定都喝过汽水吧，汽水中常常有许多小小的气泡，往上飘，这是因为组成小气泡的二氧化碳比水要轻，所以小气泡才会一点一点的向上浮。而冒泡排序之所以叫冒泡排序，正是因为这种排序算法的每一个元素都可以向小气泡一样，根据自身大小，一点一点向着数组的一侧移动。一图解百惑，上图！那么，话不多说，上代码！defbubble_sort(input_list):#冒泡排序：每次循环，锁定一个最值，并朝着最大或</div>
</li>
<li><a href="/article/1892536562550370304.htm"
title="@AllArgsConstructor等lombok注解不生效以及idea的plugins加载不出来的解决方案" target="_blank">@AllArgsConstructor等lombok注解不生效以及idea的plugins加载不出来的解决方案</a>
<span class="text-muted">CodeYello</span>
<a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/idea/1.htm">idea</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a>
<div>@AllArgsConstructor等lombok注解不生效的特点：被这个注解修饰的类并没有被准备好的无参构造器、有参构造器（不是指没有相关的代码，而是没有这些功能）不生效原因：idea里没有配备或配备完全lombox在网上搜了很多解决方案，但有些只适合老版本的idea，还有些根本解决不了。在这里给出亲身解决的方案。解决方式：一开始我们需要在pom.xml里引入lombox的依赖（引入后别忘了刷</div>
</li>
<li><a href="/article/1892536436008218624.htm"
title="图片粘贴上传实现" target="_blank">图片粘贴上传实现</a>
<span class="text-muted">SarinaDu</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div>图片上传htmldemo直接粘贴本地运行查看效果即可，有看不懂的直接喂给deepseek会解释的很清晰粘贴图片上传示例-使用场景，粘贴桌面图片上传、粘贴word文档中图片上传、直接截图上传等body{font-family:Arial,sans-serif;padding:20px;}.upload-area{width:100%;height:200px;border:2pxdashed#ccc</div>
</li>
<li><a href="/article/1892536309688365056.htm"
title="supervisord 命令介绍和使用案例" target="_blank">supervisord 命令介绍和使用案例</a>
<span class="text-muted">lisanmengmeng</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E4%BB%A4%E5%B7%A5%E5%85%B7/1.htm">命令工具</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E8%BF%90%E7%BB%B4/1.htm">系统运维</a><a class="tag" taget="_blank" href="/search/shell%E7%BC%96%E7%A8%8B/1.htm">shell编程</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>supervisord命令介绍和使用案例supervisord是一个用Python编写的进程管理工具，用于监控和管理Linux系统中的进程。它可以将普通的命令行进程转变为后台守护进程（daemon），并监控进程状态，在进程异常退出时自动重启。它通过fork/exec的方式把被管理的进程当作自己的子进程来启动。主要功能:进程管理：能够启动、停止、重启和关闭进程.自动重启：监控进程状态，并在进程崩溃时</div>
</li>
<li><a href="/article/1892536182668062720.htm"
title="前后端分离跨域问题解决方案" target="_blank">前后端分离跨域问题解决方案</a>
<span class="text-muted">慕容屠苏</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF%E7%88%AC%E5%9D%91%E4%B9%8B%E8%B7%AF/1.htm">大前端爬坑之路</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E5%90%8E%E7%AB%AF%E5%88%86%E7%A6%BB/1.htm">前后端分离</a><a class="tag" taget="_blank" href="/search/%E8%B7%A8%E5%9F%9F%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/1.htm">跨域问题解决方案</a>
<div>前后端分离跨域问题解决方案现在的web开发中经常会用到前后分离技术，前后端分解技术，都会涉及到跨域问题。解决跨域问题的方法：第一种解决方案jsonp(不推荐使用)这种方案其实我是不赞同的，第一，在编码上jsonp会单独因为回调的关系，在传入传出还有定义回调函数上都会有编码的”不整洁”.简单阐述jsonp能够跨域是因为javascript的script标签，通过服务器返回script标签的code，</div>
</li>
<li><a href="/article/1892536183204933632.htm"
title="ptython setup.py install 设置python包编译时的并行数" target="_blank">ptython setup.py install 设置python包编译时的并行数</a>
<span class="text-muted">leo0308</span>
<a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86/1.htm">基础知识</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/pytorch3d/1.htm">pytorch3d</a>
<div>通过源码编译安装pytorch3d的时候，直接执行pythonsetup.pyinstall时，默认开的并行数很多，有10几个，直接导致机器卡死。通过设置下面的环境变量，可以设置较小的并行数，避免占用过多的资源。exportMAX_JOBS=4设置后，同时只有4个编译的进程。</div>
</li>
<li><a href="/article/1892535930644918272.htm"
title="Vue 基础二（进阶使用）" target="_blank">Vue 基础二（进阶使用）</a>
<span class="text-muted">诚信爱国敬业友善</span>
<a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>一、Vue的响应式系统（一）Vue响应式的原理Vue的核心特性之一是响应式数据绑定系统。它允许我们轻松地将数据与视图进行绑定，当数据发生变化时，视图会自动更新。Vue内部通过Object.defineProperty或Proxy来实现这一特性。Object.defineProperty：在Vue2.x中，Vue使用Object.defineProperty来劫持对象的属性。当我们访问或修改被Obj</div>
</li>
<li><a href="/article/1892535803729473536.htm"
title="微信扫二维码挪车小程序开发制作功能" target="_blank">微信扫二维码挪车小程序开发制作功能</a>
<span class="text-muted">dh13122250525</span>
<a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a>
<div>微信扫二维码挪车小程序开发制作功能微信扫码挪车是一种全新的挪车服务，实现“微信扫码，隐号通话”。用户只需要通过微信扫描对方车主置于车内的挪车码，即可通过匿名电话和短信联络对方车主挪车，同时对双方的电话信息进行有效的保护。扫一下挪车，二维码代替了电话号码，只需要用手机扫描二维码，即可直接联系到车主挪车，在整个过程中，不需要知道车主联系电话或其他任何联系方式，平台会以微信、短信、语音通话等方式通知车主</div>
</li>
<li><a href="/article/1892535425759768576.htm"
title="【深度学习目标检测|YOLO算法5-1-1】YOLO家族进化史：从YOLOv1到YOLOv11的架构创新、性能优化与行业应用全解析..." target="_blank">【深度学习目标检测|YOLO算法5-1-1】YOLO家族进化史：从YOLOv1到YOLOv11的架构创新、性能优化与行业应用全解析...</a>
<span class="text-muted">985小水博一枚呀</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BA%E6%96%87%E8%A7%A3%E8%AF%BB/1.htm">论文解读</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E7%9B%AE%E6%A0%87%E6%A3%80%E6%B5%8B/1.htm">目标检测</a><a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a>
<div>【深度学习目标检测|YOLO算法5-1-1】YOLO家族进化史：从YOLOv1到YOLOv11的架构创新、性能优化与行业应用全解析…【深度学习目标检测|YOLO算法5-1-1】YOLO家族进化史：从YOLOv1到YOLOv11的架构创新、性能优化与行业应用全解析…文章目录【深度学习目标检测|YOLO算法5-1-1】YOLO家族进化史：从YOLOv1到YOLOv11的架构创新、性能优化与行业应用全解</div>
</li>
<li><a href="/article/1892534921776394240.htm"
title="基于MUSIC算法的DOA估计Matlab仿真" target="_blank">基于MUSIC算法的DOA估计Matlab仿真</a>
<span class="text-muted">fpga和matlab</span>
<a class="tag" taget="_blank" href="/search/%E2%98%85MATLAB%E7%AE%97%E6%B3%95%E4%BB%BF%E7%9C%9F%E7%BB%8F%E9%AA%8C/1.htm">★MATLAB算法仿真经验</a><a class="tag" taget="_blank" href="/search/%E6%9D%BF%E5%9D%971%3A%E9%80%9A%E4%BF%A1%E4%B8%8E%E4%BF%A1%E5%8F%B7%E5%A4%84%E7%90%86/1.htm">板块1:通信与信号处理</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a><a class="tag" taget="_blank" href="/search/MUSIC%E7%AE%97%E6%B3%95/1.htm">MUSIC算法</a><a class="tag" taget="_blank" href="/search/DOA%E4%BC%B0%E8%AE%A1/1.htm">DOA估计</a>
<div>up目录一、理论基础二、核心程序三、测试结果一、理论基础阵列信号处理是信号处理领域内的一个重要分支，在近些年来得到了迅速发展。波达方向（DirectionofArrival，DOA）估计是阵列信号处理的一个重要的研究领域，在雷达、通信、声纳、地震学等领域都有着广泛的应用前景。在DOA估计的发展过程中，人们对高分辨DOA估计算法一直有很大的研究兴趣，并在这一领域取得了很多重要的进展。阵列信号处理主要</div>
</li>
<li><a href="/article/1892534920669097984.htm"
title="Vue.js 从新手到专家：第七章 高级渲染、动态组件和插件合成" target="_blank">Vue.js 从新手到专家：第七章 高级渲染、动态组件和插件合成</a>
<span class="text-muted">caifox菜狐狸</span>
<a class="tag" taget="_blank" href="/search/Vue.js/1.htm">Vue.js</a><a class="tag" taget="_blank" href="/search/%E4%BB%8E%E6%96%B0%E6%89%8B%E5%88%B0%E4%B8%93%E5%AE%B6/1.htm">从新手到专家</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/vite/1.htm">vite</a>
<div>欢迎来到《Vue.js从新手到专家》的第七章！在这一章中，我们将深入探讨Vue.js的高级渲染技术、动态组件的使用以及如何通过插件扩展应用程序的功能。这些技能将帮助你构建更加灵活和可维护的应用程序。通过学习本章内容，你将掌握以下技能：理解Render函数和JSX的基本概念及其应用场景。学习函数式组件的定义及其实现方式。掌握如何为函数式组件定义Props和Emits。学习如何使用Vue插件全局地添加</div>
</li>
<li><a href="/article/1892533535663779840.htm"
title="vue根据vue-admin-template封装导出excel数据文件组件" target="_blank">vue根据vue-admin-template封装导出excel数据文件组件</a>
<span class="text-muted">Nikki_u</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>（1）由于Export2Excel不仅依赖js-xlsx还依赖file-saver和script-loader。先需要安装如下命令npminstallxlsxfile-saver-Snpminstallscript-loader-S-D（2）导出表格地址https://github.com/PanJiaChen/vue-element-admin/blob/master/src/vendor/Ex</div>
</li>
<li><a href="/article/1892533283338645504.htm"
title="深入浅出：基于SpringBoot和JWT的后端鉴权系统设计与实现" target="_blank">深入浅出：基于SpringBoot和JWT的后端鉴权系统设计与实现</a>
<span class="text-muted">Vcats</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>文章目录什么是鉴权系统定义与作用主要组成部分工作原理常用技术和框架基于SpringBoot+JWT的鉴权系统设计与实现指南前言技术对比令牌技术JWT令牌实现全流程1.**依赖引入**2.**JWT工具类**3.**JWT拦截器（Interceptor）**4.**拦截器注册**5.**登录接口**什么是鉴权系统后端开发鉴权系统是一种用于验证和授权用户访问后端资源的系统，在保障系统安全和资源合理访问</div>
</li>
<li><a href="/article/1892532653761032192.htm"
title="CSS flex布局 列表单个元素点击 本行下插入详情独占一行" target="_blank">CSS flex布局 列表单个元素点击 本行下插入详情独占一行</a>
<span class="text-muted">Cxiaomu</span>
<a class="tag" taget="_blank" href="/search/CSS3/1.htm">CSS3</a><a class="tag" taget="_blank" href="/search/UI%E8%AE%BE%E8%AE%A1/1.htm">UI设计</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>技术栈：Vue2+javaScript简介在实际开发过程中有遇到一个场景：一个list，每行个数固定，点击单个元素后，在当前行与下一行之间插入一行元素详情，便于更直观的查看到对应的数据详情。这种情形，在移动端比较常见，比如用户列表，点击单个列表展示详情，可以考虑flex布局+positionrelative定位。实现思路对于需求重点和实现拆解列表元素：for遍历每行固定（3）个元素：flex布局、</div>
</li>
<li><a href="/article/1892532149689577472.htm"
title="短剧系统源码上线三端小程序需要什么资质上线周期是多久？" target="_blank">短剧系统源码上线三端小程序需要什么资质上线周期是多久？</a>
<span class="text-muted">南阳迈特网络科技</span>
<a class="tag" taget="_blank" href="/search/%E7%9F%AD%E5%89%A7%E6%BA%90%E7%A0%81/1.htm">短剧源码</a><a class="tag" taget="_blank" href="/search/%E7%9F%AD%E5%89%A7%E7%B1%BB%E7%9B%AE/1.htm">短剧类目</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
<div>短剧系统部署上线需要哪些资质呢？近年来，随着移动互联网的迅猛发展和用户内容消费习惯的改变，短剧作为一种新兴的内容形式，正迅速崛起并受到广泛关注。短剧以其短小精悍、节奏紧凑、题材多样化的特点，吸引了大量年轻观众的喜爱。无论是在通勤路上、午休时间，还是临睡前，短剧都成为了人们碎片化时间娱乐的首选。运营短剧类小程序首先需要注册申请开放平台账号，小程序备案、类目申请等等......抖音小程序《营业执照》《</div>
</li>
<li><a href="/article/11.htm"
title="VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite" target="_blank">VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite</a>
<span class="text-muted">iwindyforest</span>
<a class="tag" taget="_blank" href="/search/vmware/1.htm">vmware</a><a class="tag" taget="_blank" href="/search/mac+os/1.htm">mac os</a><a class="tag" taget="_blank" href="/search/10.10/1.htm">10.10</a><a class="tag" taget="_blank" href="/search/workstation/1.htm">workstation</a><a class="tag" taget="_blank" href="/search/player/1.htm">player</a>
<div>最近尝试了下VMware下安装MacOS 系统，
安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章，
只能提供大概的思路， 但是实际安装起来由于版本问题， 走了不少弯路， 所以我尝试写以下总结， 希望能给有兴趣安装OSX的人提供一点帮助。
写在前面的话：
其实安装好后发现， 由于我的th</div>
</li>
<li><a href="/article/138.htm"
title="关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？" target="_blank">关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？</a>
<span class="text-muted">deathwknight</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a>
<div>本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：deathwknight@163.com）
一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下
平台</div>
</li>
<li><a href="/article/265.htm"
title="如何把maven项目转成web项目" target="_blank">如何把maven项目转成web项目</a>
<span class="text-muted">Kai_Ge</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/MyEclipse/1.htm">MyEclipse</a>
<div>创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl</div>
</li>
<li><a href="/article/392.htm"
title="主管？？？" target="_blank">主管？？？</a>
<span class="text-muted">Array_06</span>
<a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a>
<div>转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html
很久以前跟同事参加的培训，同事整理得很详细，必须得转！
前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个</div>
</li>
<li><a href="/article/519.htm"
title="python内置函数大全" target="_blank">python内置函数大全</a>
<span class="text-muted">2002wmj</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu</div>
</li>
<li><a href="/article/646.htm"
title="JSP页面通过JQUERY合并行" target="_blank">JSP页面通过JQUERY合并行</a>
<span class="text-muted">357029540</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a>
<div>在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示
如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码
function mergeCell(){
var trs = $("#table tr");
&nb</div>
</li>
<li><a href="/article/773.htm"
title="Java基础" target="_blank">Java基础</a>
<span class="text-muted">冰天百华</span>
<a class="tag" taget="_blank" href="/search/java%E5%9F%BA%E7%A1%80/1.htm">java基础</a>
<div>学习函数式编程
package base;
import java.text.DecimalFormat;
public class Main {
public static void main(String[] args) {
// Integer a = 4;
// Double aa = (double)a / 100000;
// Decimal</div>
</li>
<li><a href="/article/900.htm"
title="unix时间戳相互转换" target="_blank">unix时间戳相互转换</a>
<span class="text-muted">adminjun</span>
<a class="tag" taget="_blank" href="/search/%E8%BD%AC%E6%8D%A2/1.htm">转换</a><a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a><a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%97%B4%E6%88%B3/1.htm">时间戳</a>
<div>如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000)
getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135</div>
</li>
<li><a href="/article/1027.htm"
title="作为一个合格程序员该做的事" target="_blank">作为一个合格程序员该做的事</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a>
<div>作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多
2、考虑自己明天应该做的主要工作 把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作
3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法 出错不要紧，最重</div>
</li>
<li><a href="/article/1154.htm"
title="由html5视频播放引发的总结" target="_blank">由html5视频播放引发的总结</a>
<span class="text-muted">ayaoxinchao</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E8%A7%86%E9%A2%91/1.htm">视频</a><a class="tag" taget="_blank" href="/search/video/1.htm">video</a>
<div>前言
项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。
视频结构
本该直接介绍html5的<video>的，但鉴于本人对视频</div>
</li>
<li><a href="/article/1281.htm"
title="解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat" target="_blank">解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat</a>
<span class="text-muted">bewithme</span>
<a class="tag" taget="_blank" href="/search/httpclient/1.htm">httpclient</a>
<div> 如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误
javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu</div>
</li>
<li><a href="/article/1408.htm"
title="Jedis连接池的入门级使用" target="_blank">Jedis连接池的入门级使用</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/redis%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">redis数据库</a><a class="tag" taget="_blank" href="/search/jedis/1.htm">jedis</a>
<div>Jedis连接池操作步骤如下：
a.获取Jedis实例需要从JedisPool中获取；
b.用完Jedis实例需要返还给JedisPool；
c.如果Jedis在使用过程中出错，则也需要还给JedisPool；
packag</div>
</li>
<li><a href="/article/1535.htm"
title="变与不变" target="_blank">变与不变</a>
<span class="text-muted">bingyingao</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%8D%E5%8F%98/1.htm">不变</a><a class="tag" taget="_blank" href="/search/%E5%8F%98/1.htm">变</a><a class="tag" taget="_blank" href="/search/%E4%BA%B2%E6%83%85%E6%B0%B8%E6%81%92/1.htm">亲情永恒</a>
<div>变与不变
周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，
各种店铺都换了好几茬，这些是变的。
三年前还很流行的一款手机在今天看起来已经落后的不像样子。
三年前还运行的好好的一家公司，今天也已经不复存在。
一座座高楼拔地而起，</div>
</li>
<li><a href="/article/1662.htm"
title="【Scala十】Scala核心四：集合框架之List" target="_blank">【Scala十】Scala核心四：集合框架之List</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
<div>Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解
1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量
2. 给变量赋值(注意val关键字，a，b</div>
</li>
<li><a href="/article/1789.htm"
title="Nested Functions in C" target="_blank">Nested Functions in C</a>
<span class="text-muted">bookjovi</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/closure/1.htm">closure</a>
<div>
Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。
既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的</div>
</li>
<li><a href="/article/1916.htm"
title="Java-Collections Framework学习与总结-WeakHashMap" target="_blank">Java-Collections Framework学习与总结-WeakHashMap</a>
<span class="text-muted">BrokenDreams</span>
<a class="tag" taget="_blank" href="/search/Collections/1.htm">Collections</a>
<div> 总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。
强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集</div>
</li>
<li><a href="/article/2043.htm"
title="读《研磨设计模式》-代码笔记-解释器模式-Interpret" target="_blank">读《研磨设计模式》-代码笔记-解释器模式-Interpret</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
<div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
package design.pattern;
/*
* 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象
*
* 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值
* 多</div>
</li>
<li><a href="/article/2170.htm"
title="After Effects操作&快捷键" target="_blank">After Effects操作&快捷键</a>
<span class="text-muted">cherishLC</span>
<a class="tag" taget="_blank" href="/search/After+Effects/1.htm">After Effects</a>
<div>1、快捷键官方文档
中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html
英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html
2、常用快捷键</div>
</li>
<li><a href="/article/2297.htm"
title="Maven 常用命令" target="_blank">Maven 常用命令</a>
<span class="text-muted">crabdave</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>Maven 常用命令
mvn archetype:generate
mvn install
mvn clean
mvn clean complie
mvn clean test
mvn clean install
mvn clean package
mvn test
mvn package
mvn site
mvn dependency:res</div>
</li>
<li><a href="/article/2424.htm"
title="shell bad substitution" target="_blank">shell bad substitution</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a>
<div>#!/bin/sh
/data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im</div>
</li>
<li><a href="/article/2551.htm"
title="Java SE 第二讲（原生数据类型 Primitive Data Type）" target="_blank">Java SE 第二讲（原生数据类型 Primitive Data Type）</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>Java SE 第二讲：
1. Windows: notepad, editplus, ultraedit, gvim
Linux: vi, vim, gedit
2. Java 中的数据类型分为两大类：
1）原生数据类型 （Primitive Data Type）
2）引用类型（对象类型） （R</div>
</li>
<li><a href="/article/2678.htm"
title="CGridView中实现批量删除" target="_blank">CGridView中实现批量删除</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a>
<div>1，CGridView中的columns添加
array(
'selectableRows' => 2,
'footer' => '<button type="button" onclick="GetCheckbox();" style=&</div>
</li>
<li><a href="/article/2805.htm"
title="Java中泛型的各种使用" target="_blank">Java中泛型的各种使用</a>
<span class="text-muted">dyy_gusi</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%B3%9B%E5%9E%8B/1.htm">泛型</a>
<div>Java中的泛型的使用：1.普通的泛型使用
在使用类的时候后面的<>中的类型就是我们确定的类型。
public class MyClass1<T> {//此处定义的泛型是T
private T var;
public T getVar() {
return var;
}
public void setVa</div>
</li>
<li><a href="/article/2932.htm"
title="Web开发技术十年发展历程" target="_blank">Web开发技术十年发展历程</a>
<span class="text-muted">gcq511120594</span>
<a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a>
<div>回顾web开发技术这十年发展历程：
Ajax
03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。
彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a</div>
</li>
<li><a href="/article/3059.htm"
title="openSession()与getCurrentSession()区别：" target="_blank">openSession()与getCurrentSession()区别：</a>
<span class="text-muted">hetongfei</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a>
<div>来自 http://blog.csdn.net/dy511/article/details/6166134
1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。
2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。
这里getCurrentSession本地事务(本地</div>
</li>
<li><a href="/article/3186.htm"
title="第一章 安装Nginx+Lua开发环境" target="_blank">第一章 安装Nginx+Lua开发环境</a>
<span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a><a class="tag" taget="_blank" href="/search/openresty/1.htm">openresty</a>
<div>首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒</div>
</li>
<li><a href="/article/3313.htm"
title="HSQLDB In-Process方式访问内存数据库" target="_blank">HSQLDB In-Process方式访问内存数据库</a>
<span class="text-muted">liyonghui160com</span>
<div>
HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。
先睹为快！
下面是一个In-Process方式访问内存数据库的代码示例：
下面代码需要引入hsqldb.jar包 （hsqldb-2.2.8）
import java.s</div>
</li>
<li><a href="/article/3440.htm"
title="Java线程的5个使用技巧" target="_blank">Java线程的5个使用技巧</a>
<span class="text-muted">pda158</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a>
<div>Java线程有哪些不太为人所知的技巧与用法？ 萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常
工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。 </div>
</li>
<li><a href="/article/3567.htm"
title="开发资源大整合：编程语言篇——JavaScript（1）" target="_blank">开发资源大整合：编程语言篇——JavaScript（1）</a>
<span class="text-muted">shoothao</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div>概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。
程序包管理器
管理javascript库并提供对这些库的快速使用与打包的服务。
Bower - 用于web的程序包管理。
component - 用于客户端的程序包管理，构建更好的web应用程序。
spm - 全新的静态的文件包管</div>
</li>
<li><a href="/article/3694.htm"
title="避免使用终结函数" target="_blank">避免使用终结函数</a>
<span class="text-muted">vahoa.ma</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a>
<div>终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。
我自己总结了一下这一条的综合性结论是这样的：
1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html>