1.安装codemirror
https://www.npmjs.com/package/vue-codemirror
2.下面是自己写的例子
main.js里面引入
// 代码输入框
import VueCodemirror from 'vue-codemirror'
import 'codemirror/lib/codemirror.css'
Vue.use(VueCodemirror)
3.写一个index.vue
</div> </template> <script> import CodeMirror from 'codemirror' import 'codemirror/addon/lint/lint.css' import 'codemirror/lib/codemirror.css' import 'codemirror/theme/rubyblue.css' // require('script-loader!jsonlint') import 'codemirror/mode/javascript/javascript' // import 'codemirror/addon/lint/lint' import 'codemirror/addon/lint/json-lint' export default { name: 'JsonEditor', /* eslint-disable vue/require-prop-types */ props: ['value'], data () { return { jsonEditor: false } }, watch: { value (value) { const editor_value = this.jsonEditor.getValue() if (value !== editor_value) { this.jsonEditor.setValue(JSON.stringify(this.value, null, 2)) } } }, mounted () { this.jsonEditor = CodeMirror.fromTextArea(this.$refs.textarea, { lineNumbers: true, mode: 'application/json', gutters: ['CodeMirror-lint-markers'], theme: 'rubyblue', lint: true }) this.jsonEditor.setValue(JSON.stringify(this.value, null, 2)) this.jsonEditor.on('change', cm => { this.$emit('changed', cm.getValue()) this.$emit('input', cm.getValue()) }) }, methods: { getValue () { return this.jsonEditor.getValue() } } } </script> <style scoped> .json-editor { height: 100%; position: relative; } .json-editor >>> .CodeMirror { height: auto; min-height: 180px; } .json-editor >>> .CodeMirror-scroll { min-height: 180px; } .json-editor >>> .cm-s-rubyblue span.cm-string { color: #f08047; } </style> </code></pre> <p>4.在你需要的vue文件里引入上面的index.vue</p> <pre class="has"><code class="language-javascript"><json-editor ref="jsonEditor" v-model="value"/> import JsonEditor from '@/components/JsonEditor' components: { JsonEditor }, data(){ return { value: '' } }</code></pre> <p>这样就可以了</p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1305565110273609728"></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,codemirror-json,json格式化)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1897273943585255424.htm" title="Svelte vs Vue:前端框架的深度对比与应用场景分析" target="_blank">Svelte vs Vue:前端框架的深度对比与应用场景分析</a> <span class="text-muted">赵大仁</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/%E5%A4%A7%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">大语言模型</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%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>SveltevsVue:前端框架的深度对比与应用场景分析1.引言前端开发领域的框架选择一直是开发者关注的重点。在现代Web开发中,Vue和Svelte都是备受瞩目的框架,各自拥有不同的架构设计和适用场景。本文将从核心架构、性能对比、开发体验、生态系统、适用场景等多个维度,深入对比Vue和Svelte,帮助开发者做出更明智的选择。2.VuevsSvelte:基础概述特性VueSvelte发布年份20</div> </li> <li><a href="/article/1897262604221476864.htm" title="Python将json格式数据存储到Mysql数据库" target="_blank">Python将json格式数据存储到Mysql数据库</a> <span class="text-muted">代码轨迹</span> <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/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a> <div>Python操作Mysql数据库1.安装pipinstallmysql-connector-python2.数据库插入json格式数据importmysql.connectorimportjsonfromdatetimeimportdatetime#创建数据库连接db=mysql.connector.connect( host="localhost", #MySQL服务器地址 user="ro</div> </li> <li><a href="/article/1897256806695104512.htm" title="C语言的输入输出的方式 :scanf()&printf() 和 getchar()&putchar()和 gets()&puts() 基本用法" target="_blank">C语言的输入输出的方式 :scanf()&printf() 和 getchar()&putchar()和 gets()&puts() 基本用法</a> <span class="text-muted">阿拉保</span> <a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</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> <div>(一)scanf()&printf()C语言的输入输出通常使用scanf()、printf()函数scanf()函数用于从标准输入(键盘)读取并格式化,printf()函数发送格式化输出到标准输出(屏幕)。使用printf()函数打印时需要引用头文件,并加上#incldue的预处理命令例:#includeintmain(){intinput;//输入scanf("%d",&input);//输出p</div> </li> <li><a href="/article/1897250381960900608.htm" title="typescript快速入门--面向对象编程" target="_blank">typescript快速入门--面向对象编程</a> <span class="text-muted">Mr.Lee jack</span> <a class="tag" taget="_blank" href="/search/anyscript/1.htm">anyscript</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</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>typescript面向对象接口interface接口是对象属性,方法的抽象,也可以理解为预定义//使用接口来抽象方法,接口是需要具体去实现的interfaceAnimals{name:string;age:number;eat:(some:string)=>string;}//定义一个类型来具体实现上面的接口,这种情况可以看作是一个json对象来理解varDog:Animals={name:"d</div> </li> <li><a href="/article/1897248995550490624.htm" title="vue+element ui多表单统一验证" target="_blank">vue+element ui多表单统一验证</a> <span class="text-muted">as-鲨鱼辣椒</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a> <div>场景每个产品对应多个应用,当对产品进行修改的时,可同时修改应用相关参数,从后端接受应用参数集合,每个应用生成动态表单,点击确认按钮,对所有表单进行统一认证,验证成功再将数据保存至数据库;HTML代码//特别注意ref这里的index,填在$refs['xx']--xx就是这个ref<el-form:ref="'app</div> </li> <li><a href="/article/1897248866063937536.htm" title="文件下载/文件导出---使用a标签,访问文件路径进行下载" target="_blank">文件下载/文件导出---使用a标签,访问文件路径进行下载</a> <span class="text-muted">最初@</span> <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/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a> <div>文件下载/文件导出—使用a标签,访问文件路径进行下载首先创建一个a标签,然后设置其href属性为文件的URL地址,实现文件的下载。exportfunctiondownloadFile(data){constelink=document.createElement('a')elink.href=process.env.VUE_APP_BASE_API+'/sys/manage/common/down</div> </li> <li><a href="/article/1897248867217371136.htm" title="npm install 报错 ---- 忽略版本冲突" target="_blank">npm install 报错 ---- 忽略版本冲突</a> <span class="text-muted">最初@</span> <a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>npminstall报错----忽略版本冲突当我们在vue项目中执行npminstall时出现报错,版本冲突的问题npminstall--legacy-peer-depsnpm忽略项目中引入的各个依赖模块之间依赖相同但版本不同的问题</div> </li> <li><a href="/article/1897246471682584576.htm" title="python json转化为字典_Python处理json字符串转化为字典" target="_blank">python json转化为字典_Python处理json字符串转化为字典</a> <span class="text-muted">weixin_39636691</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/json%E8%BD%AC%E5%8C%96%E4%B8%BA%E5%AD%97%E5%85%B8/1.htm">json转化为字典</a> <div>原博文2015-11-0923:02−有一个需求,需要用python把json字符串转化为字典inp_str="{'k1':123,'k2':'345',’k3’,’ares’}"importjsoninp_str="{'k1':123,'k2':'345',’k3’,...相关推荐2017-11-1711:57−在工作中遇到一个小问题,需要将一个python的字符串转为字典,比如字符串:user</div> </li> <li><a href="/article/1897244830002638848.htm" title="Vue+ElementUI+SpringMVC实现分页" target="_blank">Vue+ElementUI+SpringMVC实现分页</a> <span class="text-muted">史天航</span> <a class="tag" taget="_blank" href="/search/java%E5%85%A5%E9%97%A8%E7%AF%87/1.htm">java入门篇</a> <div>Vue+ElementUI+SpringMVC实现分页这一段时间写项目用到了Vue+ElementUI,这里记录一下使用ElementUI内置分页插件结合后端SSM框架的实现思路和实现过程。其中遇到了很多坑,我会尽量把见到的坑都记录下来,希望对你有所帮助。首先让我们看一下最终效果:起步本博文的主要讲一下Vue+ElementUI结合后端SpringMVC实现分页的实现思路,基本的elementUI</div> </li> <li><a href="/article/1897244830497566720.htm" title="element UI => element Plus 差异化整理" target="_blank">element UI => element Plus 差异化整理</a> <span class="text-muted">CJ-杰</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>注:文章由deepSeek生成;以下是ElementUI和ElementPlus中有变化的组件属性差异的详细对比。这些变化主要集中在Vue3的适配、API优化以及新特性的引入。1.Button组件(el-button)属性名ElementUIElementPlus差异说明iconicon="el-icon-xxx":icon="IconName"ElementPlus使用Vue3的组件化图标,需引</div> </li> <li><a href="/article/1897239915746357248.htm" title="若依前后端不分离登录大致代码" target="_blank">若依前后端不分离登录大致代码</a> <span class="text-muted">m0_71908411</span> <a class="tag" taget="_blank" href="/search/okhttp/1.htm">okhttp</a> <div>前端:地址:ruoyi-ui/src/views/login.vue中的方法下面这个就是登陆方法,看我注解。this.$store.dispatch是调用vuex中actions中的方法,是vuex相关知识。handleLogin(){this.$refs.loginForm.validate(valid=>{if(valid){this.loading=true;//判断是否勾选记住密码的操作i</div> </li> <li><a href="/article/1897239662804660224.htm" title="访问Linux文件系统" target="_blank">访问Linux文件系统</a> <span class="text-muted">上邪o_O</span> <a class="tag" taget="_blank" href="/search/Redhat/1.htm">Redhat</a><a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/%E7%9F%A5%E8%AF%86%E7%82%B9/1.htm">知识点</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>存储设备是什么?怎么理解分区和格式化?存储设备是用于保存数据的硬件设备,在计算机系统中起着至关重要的作用。常见的存储设备包括硬盘驱动器、固态硬盘、U盘、磁带驱动器等。这些设备可以长期保存数据,即使计算机断电,数据也不会丢失。分区是将存储设备(如硬盘)划分为多个独立区域的过程。每个分区可以被看作是一个独立的逻辑存储单元,具有自己的文件系统和访问权限。格式化是对存储设备或分区进行初始化的过程,它会在存</div> </li> <li><a href="/article/1897231839215546368.htm" title="vue+elementUI完成登陆所需的eclipse后台代码" target="_blank">vue+elementUI完成登陆所需的eclipse后台代码</a> <span class="text-muted">涵ヂ</span> <div>eclipse后台代码前言创建eclipse项目导入jar包新建四个Package包util包entity包dao包action包xml的配置前言为完成vue+elementUI登陆,所以创建一个eclipse项目创建eclipse项目导入jar包先创建一个j2eeVue项目,在一个导入jar包依赖新建四个Package包util包CommonUtilspackagecom.tang.vue.ut</div> </li> <li><a href="/article/1897225026336256000.htm" title="纯前端实现「羊了个羊」小游戏(附源码)" target="_blank">纯前端实现「羊了个羊」小游戏(附源码)</a> <span class="text-muted">软件技术NINI</span> <a class="tag" taget="_blank" href="/search/%E8%B6%A3%E5%91%B3%E6%BA%90%E7%A0%81/1.htm">趣味源码</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>实现一个类似于「羊了个羊」的纯前端小游戏是一个相对复杂的项目,因为它涉及许多前端技术和游戏逻辑。以下是一个简要的步骤指南,帮助你入门并实现这个项目。由于篇幅限制,这里只提供一个基础框架和一些关键点的实现思路。准备工作工具选择:使用一个现代的前端框架,如React、Vue或Angular。这里以React为例。使用CSS或预处理器(如Sass)进行样式管理。使用状态管理库(如Redux)管理游戏状态</div> </li> <li><a href="/article/1897223513257865216.htm" title="基于Vue&Axios制作音乐播放器(bilibili黑马程序员Vue入门学习记录)" target="_blank">基于Vue&Axios制作音乐播放器(bilibili黑马程序员Vue入门学习记录)</a> <span class="text-muted">xxxrsongseven</span> <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/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/css/1.htm">css</a> <div>目录使用Vue制作一个音乐播放器前言VueVue导入Vue挂载Vue指令v-textv-htmlv-onv-showv-ifv-bindv-forv-modelaxiosaxios导入axios使用音乐网站代码HTMLCSSJS使用Vue制作一个音乐播放器前言第一次写,如有不足请指正!音乐播放器效果展示音乐播放器(密码:He371226)(域名出了点问题,临时使用)学习链接:黑马程序员vue前端基</div> </li> <li><a href="/article/1897222628754649088.htm" title="Spring Boot 接口 JSON 序列化优化:忽略 Null 值的九种解决方案详解" target="_blank">Spring Boot 接口 JSON 序列化优化:忽略 Null 值的九种解决方案详解</a> <span class="text-muted">坎布里奇</span> <a class="tag" taget="_blank" href="/search/SpringBoot/1.htm">SpringBoot</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><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>一、针对特定接口null的处理:方法一:使用@JsonInclude注解1.1类级别:在接口返回的DTO类或字段上添加@JsonInclude注解,强制忽略null值:类级别:所有字段为null时不返回@JsonInclude(JsonInclude.Include.NON_NULL)publicclassMyResponseDTO{privateStringfield1;1.2字段级别:在具</div> </li> <li><a href="/article/1897221868776124416.htm" title="vue3+Cesium添加影像地图、自定义集合体、标签以及3Dtiles三维模型实践" target="_blank">vue3+Cesium添加影像地图、自定义集合体、标签以及3Dtiles三维模型实践</a> <span class="text-muted">编码七号</span> <a class="tag" taget="_blank" href="/search/3d/1.htm">3d</a> <div>定义容器: 初始化constviewer=newCesium.Viewer('map',{homeButton:true,sceneModePicker:true,baseLayerPicker:false,//影像切换animation:false,//是否显示动画控件infoBox:false,//是否显示点击要素之后显示的信息selectionIndicator:false,//要素选中框g</div> </li> <li><a href="/article/1897221356290895872.htm" title="Vue3+Vite+Axios Request 请求封装(TS版本)最新" target="_blank">Vue3+Vite+Axios Request 请求封装(TS版本)最新</a> <span class="text-muted">她似晚风般温柔789</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/1.htm">技术分享</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E5%88%86%E4%BA%AB/1.htm">项目分享</a><a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</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>Vue3+Vite+AxiosRequest请求封装(TS版本)http>index.ts请求封装/**@Date:2024-03-3012:37:05*@LastEditors:zhong*@LastEditTime:2024-03-3014:12:52*@FilePath:\app-admin\src\http\index.ts*/importaxios,{AxiosInstance,Axio</div> </li> <li><a href="/article/1897215676267950080.htm" title="Go与PHP性能对比分析" target="_blank">Go与PHP性能对比分析</a> <span class="text-muted">大0马浓</span> <a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>以下是Go1.22版本和PHP8.3版本+Swoole的性能对比一、核心性能指标对比指标Go(1.22版本)PHP(8.3版本+Swoole)差距倍数单请求响应时间0.8ms(JSON序列化)2.5ms(Swoole协程模式)3.1倍并发吞吐量18万QPS(4核8G)5.2万QPS(Swoole+OPcache)3.5倍内存占用50MB/协程(百万级并发)180MB/进程(协程池模</div> </li> <li><a href="/article/1897212397580513280.htm" title="Vue.js 学习笔记" target="_blank">Vue.js 学习笔记</a> <span class="text-muted">剑走偏锋o.O</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>文章目录前言一、Vue.js基础概念1.1Vue.js简介1.2Vue.js的特点1.3Vue.js基础示例二、Vue.js常用指令2.1双向数据绑定(`v-model`)2.2条件渲染(`v-if`和`v-show`)2.3列表渲染(`v-for`)2.4事件处理(`v-on`)2.5表单绑定(`v-model`)三、Vue.js组件化开发3.1组件的概念3.2创建组件3.2.1全局注册3.2.</div> </li> <li><a href="/article/1897211382223400960.htm" title="前端vue面试题" target="_blank">前端vue面试题</a> <span class="text-muted">微微的猪食小窝</span> <a class="tag" taget="_blank" href="/search/vue%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">vue面试题</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>一.自我介绍(我是谁来自哪里,今天来的目的,面试的岗位是什么,几年的工作经验,掌握的技术栈有哪些,开发过什么项目,项目中负责的板块是什么)面试官您好!我叫XXX,来自XXX,很荣幸能来我们公司面试,我从事前端开发有3年了,目前掌握的技术有html,css,js,ajax,vue,小程序,参与过各种类型的项目。我做过的项目有A,B,C,D,E那么最近做的一个项目是XXX在这个项目中我主要负责的板块是</div> </li> <li><a href="/article/1897210248633053184.htm" title="第五十五:计算属性 computed" target="_blank">第五十五:计算属性 computed</a> <span class="text-muted">小画家~</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/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/vue.js/1.htm">vue.js</a> <div>add:{{add()}}add:{{add()}}sum:{{sum}}sum:{{sum}}xyjsimport{createApp,reactive,computed}from'./vue.esm-browser.js'createApp({setup(){constdata=reactive({x:10,y:20})//方法-无缓存letadd=()=>{console.log("add"</div> </li> <li><a href="/article/1897210122317393920.htm" title="【Vue】Vue入门--双向绑定,Vue的组件,Axios异步通信,计算属性,插值,自定义事件" target="_blank">【Vue】Vue入门--双向绑定,Vue的组件,Axios异步通信,计算属性,插值,自定义事件</a> <span class="text-muted">a碟</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</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.Vue双向绑定2.Vue的组件3.Axios异步通信3.1.什么是Axios3.2.为什么要使用Axios3.3.第一个Axios应用程序4.Vue的生命周期5.计算属性6.插槽7.自定义事件8.Vue入门小结1.Vue双向绑定Vue.js是一个MVVM框架,即数据双向绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会同步变化。这就是Vue.js的精髓之处了。可</div> </li> <li><a href="/article/1897207977048338432.htm" title="vue3+vite 封装axios请求" target="_blank">vue3+vite 封装axios请求</a> <span class="text-muted">bsefef</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</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>vue3+vite封装axios请求安装axios创建axios实例封装请求方式封装请求接口vue中调用安装axiosnpminstallaxios创建axios实例//http/index.jsimportaxiosfrom'axios'import{ElLoading,ElMessage}from'element-plus';//创建axios的一个实例varinstance=axios.cr</div> </li> <li><a href="/article/1897200610558668800.htm" title="UniApp设备适配" target="_blank">UniApp设备适配</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a> <div>UniApp是一个使用Vue.js开发跨平台应用的框架,它支持将同一套代码编译发布到多个平台,如H5、小程序、iOS、Android等。设备适配是UniApp开发中的关键环节,旨在确保应用在不同设备和操作系统上都能提供良好的用户体验。以下是UniApp设备适配的主要策略和技巧:1.使用自适应单位rpx(ResponsivePixel):定义:rpx是UniApp提供的自适应单位,1rpx等于屏幕宽</div> </li> <li><a href="/article/1897200287140081664.htm" title="鸿蒙中打开相机相册" target="_blank">鸿蒙中打开相机相册</a> <span class="text-muted">出了名的会写bug</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E7%A0%81%E7%9B%B8%E6%9C%BA/1.htm">数码相机</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a> <div>1。module.json5中配置相应的权限requestPermissions:[{"name":"ohos.permission.CAMERA","reason":"$string:permission_reason_camera","usedScene":{"abilities":["EntryAbility"],"when":"inuse"}},{"name":'ohos.permissi</div> </li> <li><a href="/article/1897199783228010496.htm" title="基于vue3+vite+axios的接口请求封装" target="_blank">基于vue3+vite+axios的接口请求封装</a> <span class="text-muted">编码七号</span> <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>一、src目录下新建http文件夹,文件夹下新建index.js/request.js文件以及api文件夹二、reques.js文件封装请求方法importaxiosfrom'axios';importqsfrom'qs'//创建axios实例constrequest=axios.create({baseURL:import.meta.env.VITE_BASE_URL,timeout:10000</div> </li> <li><a href="/article/1897178082914136064.htm" title="for根据ID去重_Vue中的v-for踩坑之旅(继上一章key的案例)" target="_blank">for根据ID去重_Vue中的v-for踩坑之旅(继上一章key的案例)</a> <span class="text-muted">weixin_39958137</span> <a class="tag" taget="_blank" href="/search/for%E6%A0%B9%E6%8D%AEID%E5%8E%BB%E9%87%8D/1.htm">for根据ID去重</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/key%E9%87%8D%E5%A4%8D/1.htm">key重复</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/%E5%88%A4%E6%96%AD%E5%90%8C%E4%B8%80%E6%95%B0%E7%BB%84%E5%86%85%E7%9A%84%E5%80%BC%E6%98%AF%E5%90%A6%E4%B8%80%E7%9B%B4/1.htm">判断同一数组内的值是否一直</a> <div>用过Vue的同学都知道,v-for指令常用于遍历数组或者对象,然后依次渲染出指定的内容。同时,我们也知道,官方文档也建议,在使用v-for指令时,记得要加上key属性,方便提升应用性能。例如一个简单的增删Todo应用如下所示:代码很简单明了,也运行的很高效。我们用了v-for指令,也加了key,一切都和完美,感叹Vue真好用,真是高效哇!组件封装在Vue中,官方建议我们多进行组件封装和抽象,这样方</div> </li> <li><a href="/article/1897176315447013376.htm" title="Vue3新特性指南:探索新增指令、内置组件和改进" target="_blank">Vue3新特性指南:探索新增指令、内置组件和改进</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> <div>Vue.js是一款流行的JavaScript框架,用于构建现代Web应用。Vue3是Vue.js的最新版本,引入了许多新特性和改进。本文将介绍Vue3新增的指令、内置组件以及其他值得关注的改进,并提供使用组合式API的用法示例。一、新增指令v-is指令:v-is指令用于动态组件,可以根据表达式的值来渲染不同的组件。用法:示例代码:import{ref}from'vue';importCompone</div> </li> <li><a href="/article/1897175681121447936.htm" title="vue学习笔记 export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘" target="_blank">vue学习笔记 export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘</a> <span class="text-muted">xiaoweiwei99</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>版本:vue3vue/cli5.0.0做写store时报错importVuefrom"vue";importVuexfrom"vuex";importgettersfrom"./getters";importuserfrom"./modules/user";Vue.use(Vuex);conststore=newVuex.Store({modules:{user,},getters,});expo</div> </li> <li><a href="/article/95.htm" title="PHP,安卓,UI,java,linux视频教程合集" target="_blank">PHP,安卓,UI,java,linux视频教程合集</a> <span class="text-muted">cocos2d-x小菜</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>╔-----------------------------------╗┆ </div> </li> <li><a href="/article/222.htm" title="zookeeper admin 笔记" target="_blank">zookeeper admin 笔记</a> <span class="text-muted">braveCS</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div> Required Software 1) JDK>=1.6 2)推荐使用ensemble的ZooKeeper(至少3台),并run on separate machines 3)在Yahoo!,zk配置在特定的RHEL boxes里,2个cpu,2G内存,80G硬盘 数据和日志目录 1)数据目录里的文件是zk节点的持久化备份,包括快照和事务日</div> </li> <li><a href="/article/349.htm" title="Spring配置多个连接池" target="_blank">Spring配置多个连接池</a> <span class="text-muted">easterfly</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>项目中需要同时连接多个数据库的时候,如何才能在需要用到哪个数据库就连接哪个数据库呢? Spring中有关于dataSource的配置: <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource" &nb</div> </li> <li><a href="/article/476.htm" title="Mysql" target="_blank">Mysql</a> <span class="text-muted">171815164</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>例如,你想myuser使用mypassword从任何主机连接到mysql服务器的话。 GRANT ALL PRIVILEGES ON *.* TO 'myuser'@'%'IDENTIFIED BY 'mypassword' WI TH GRANT OPTION; 如果你想允许用户myuser从ip为192.168.1.6的主机连接到mysql服务器,并使用mypassword作</div> </li> <li><a href="/article/603.htm" title="CommonDAO(公共/基础DAO)" target="_blank">CommonDAO(公共/基础DAO)</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a> <div> 好久没有更新博客了,最近一段时间工作比较忙,所以请见谅,无论你是爱看呢还是爱看呢还是爱看呢,总之或许对你有些帮助。 DAO(Data Access Object)是一个数据访问(顾名思义就是与数据库打交道)接口,DAO一般在业</div> </li> <li><a href="/article/730.htm" title="直言有讳" target="_blank">直言有讳</a> <span class="text-muted">永夜-极光</span> <a class="tag" taget="_blank" href="/search/%E6%84%9F%E6%82%9F/1.htm">感悟</a><a class="tag" taget="_blank" href="/search/%E9%9A%8F%E7%AC%94/1.htm">随笔</a> <div> 1.转载地址:http://blog.csdn.net/jasonblog/article/details/10813313 精华: “直言有讳”是阿里巴巴提倡的一种观念,而我在此之前并没有很深刻的认识。为什么呢?就好比是读书时候做阅读理解,我喜欢我自己的解读,并不喜欢老师给的意思。在这里也是。我自己坚持的原则是互相尊重,我觉得阿里巴巴很多价值观其实是基本的做人</div> </li> <li><a href="/article/857.htm" title="安装CentOS 7 和Win 7后,Win7 引导丢失" target="_blank">安装CentOS 7 和Win 7后,Win7 引导丢失</a> <span class="text-muted">随便小屋</span> <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a> <div>一般安装双系统的顺序是先装Win7,然后在安装CentOS,这样CentOS可以引导WIN 7启动。但安装CentOS7后,却找不到Win7 的引导,稍微修改一点东西即可。 一、首先具有root 的权限。 即进入Terminal后输入命令su,然后输入密码即可 二、利用vim编辑器打开/boot/grub2/grub.cfg文件进行修改 v</div> </li> <li><a href="/article/984.htm" title="Oracle备份与恢复案例" target="_blank">Oracle备份与恢复案例</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>Oracle备份与恢复案例 一. 理解什么是数据库恢复当我们使用一个数据库时,总希望数据库的内容是可靠的、正确的,但由于计算机系统的故障(硬件故障、软件故障、网络故障、进程故障和系统故障)影响数据库系统的操作,影响数据库中数据的正确性,甚至破坏数据库,使数据库中全部或部分数据丢失。因此当发生上述故障后,希望能重构这个完整的数据库,该处理称为数据库恢复。恢复过程大致可以分为复原(Restore)与</div> </li> <li><a href="/article/1111.htm" title="JavaEE开源快速开发平台G4Studio v5.0发布" target="_blank">JavaEE开源快速开发平台G4Studio v5.0发布</a> <span class="text-muted">無為子</span> <div> 我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V5.0版本已经正式发布。 访问G4Studio网站 http://www.g4it.org 2013-04-06 发布G4Studio_V5.0版本 功能新增 (1). 新增了调用Oracle存储过程返回游标,并将游标映射为Java List集合对象的标</div> </li> <li><a href="/article/1238.htm" title="Oracle显示根据高考分数模拟录取" target="_blank">Oracle显示根据高考分数模拟录取</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/PL%2FSQL%E7%BC%96%E7%A8%8B/1.htm">PL/SQL编程</a><a class="tag" taget="_blank" href="/search/oracle%E4%BE%8B%E5%AD%90/1.htm">oracle例子</a><a class="tag" taget="_blank" href="/search/%E6%A8%A1%E6%8B%9F%E9%AB%98%E8%80%83%E5%BD%95%E5%8F%96/1.htm">模拟高考录取</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E4%BA%A4%E6%B5%81/1.htm">学习交流</a> <div>题目要求: 1,创建student表和result表 2,pl/sql对学生的成绩数据进行处理 3,处理的逻辑是根据每门专业课的最低分线和总分的最低分数线自动的将录取和落选 1,创建student表,和result表 学生信息表; create table student( student_id number primary key,--学生id</div> </li> <li><a href="/article/1365.htm" title="优秀的领导与差劲的领导" target="_blank">优秀的领导与差劲的领导</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E9%A2%86%E5%AF%BC/1.htm">领导</a><a class="tag" taget="_blank" href="/search/%E7%AE%A1%E7%90%86/1.htm">管理</a><a class="tag" taget="_blank" href="/search/%E5%9B%A2%E9%98%9F/1.htm">团队</a> <div>责任 优秀的领导:优秀的领导总是对他所负责的项目担负起责任。如果项目不幸失败了,那么他知道该受责备的人是他自己,并且敢于承认错误。 差劲的领导:差劲的领导觉得这不是他的问题,因此他会想方设法证明是他的团队不行,或是将责任归咎于团队中他不喜欢的那几个成员身上。 努力工作 优秀的领导:团队领导应该是团队成员的榜样。至少,他应该与团队中的其他成员一样努力工作。这仅仅因为他</div> </li> <li><a href="/article/1492.htm" title="js函数在浏览器下的兼容" target="_blank">js函数在浏览器下的兼容</a> <span class="text-muted">Bill_chen</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</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/IE/1.htm">IE</a><a class="tag" taget="_blank" href="/search/DWR/1.htm">DWR</a><a class="tag" taget="_blank" href="/search/ext/1.htm">ext</a> <div> 做前端开发的工程师,少不了要用FF进行测试,纯js函数在不同浏览器下,名称也可能不同。对于IE6和FF,取得下一结点的函数就不尽相同: IE6:node.nextSibling,对于FF是不能识别的; FF:node.nextElementSibling,对于IE是不能识别的; 兼容解决方式:var Div = node.nextSibl</div> </li> <li><a href="/article/1619.htm" title="【JVM四】老年代垃圾回收:吞吐量垃圾收集器(Throughput GC)" target="_blank">【JVM四】老年代垃圾回收:吞吐量垃圾收集器(Throughput GC)</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6/1.htm">垃圾回收</a> <div>吞吐量与用户线程暂停时间 衡量垃圾回收算法优劣的指标有两个: 吞吐量越高,则算法越好 暂停时间越短,则算法越好 首先说明吞吐量和暂停时间的含义。 垃圾回收时,JVM会启动几个特定的GC线程来完成垃圾回收的任务,这些GC线程与应用的用户线程产生竞争关系,共同竞争处理器资源以及CPU的执行时间。GC线程不会对用户带来的任何价值,因此,好的GC应该占</div> </li> <li><a href="/article/1746.htm" title="J2EE监听器和过滤器基础" target="_blank">J2EE监听器和过滤器基础</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/J2EE/1.htm">J2EE</a> <div> Servlet程序由Servlet,Filter和Listener组成,其中监听器用来监听Servlet容器上下文。 监听器通常分三类:基于Servlet上下文的ServletContex监听,基于会话的HttpSession监听和基于请求的ServletRequest监听。 ServletContex监听器 ServletContex又叫application</div> </li> <li><a href="/article/1873.htm" title="博弈AngularJS讲义(16) - 提供者" target="_blank">博弈AngularJS讲义(16) - 提供者</a> <span class="text-muted">boyitech</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/api/1.htm">api</a><a class="tag" taget="_blank" href="/search/Angular/1.htm">Angular</a><a class="tag" taget="_blank" href="/search/Provider/1.htm">Provider</a> <div> Angular框架提供了强大的依赖注入机制,这一切都是有注入器(injector)完成. 注入器会自动实例化服务组件和符合Angular API规则的特殊对象,例如控制器,指令,过滤器动画等。 那注入器怎么知道如何去创建这些特殊的对象呢? Angular提供了5种方式让注入器创建对象,其中最基础的方式就是提供者(provider), 其余四种方式(Value, Fac</div> </li> <li><a href="/article/2000.htm" title="java-写一函数f(a,b),它带有两个字符串参数并返回一串字符,该字符串只包含在两个串中都有的并按照在a中的顺序。" target="_blank">java-写一函数f(a,b),它带有两个字符串参数并返回一串字符,该字符串只包含在两个串中都有的并按照在a中的顺序。</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class CommonSubSequence { /** * 题目:写一函数f(a,b),它带有两个字符串参数并返回一串字符,该字符串只包含在两个串中都有的并按照在a中的顺序。 * 写一个版本算法复杂度O(N^2)和一个O(N) 。 * * O(N^2):对于a中的每个字符,遍历b中的每个字符,如果相同,则拷贝到新字符串中。 * O(</div> </li> <li><a href="/article/2127.htm" title="sqlserver 2000 无法验证产品密钥" target="_blank">sqlserver 2000 无法验证产品密钥</a> <span class="text-muted">Chen.H</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a><a class="tag" taget="_blank" href="/search/Microsoft/1.htm">Microsoft</a> <div>在 Service Pack 4 (SP 4), 是运行 Microsoft Windows Server 2003、 Microsoft Windows Storage Server 2003 或 Microsoft Windows 2000 服务器上您尝试安装 Microsoft SQL Server 2000 通过卷许可协议 (VLA) 媒体。 这样做, 收到以下错误信息CD KEY的 SQ</div> </li> <li><a href="/article/2254.htm" title="[新概念武器]气象战争" target="_blank">[新概念武器]气象战争</a> <span class="text-muted">comsci</span> <div> 气象战争的发动者必须是拥有发射深空航天器能力的国家或者组织.... 原因如下: 地球上的气候变化和大气层中的云层涡旋场有密切的关系,而维持一个在大气层某个层次</div> </li> <li><a href="/article/2381.htm" title="oracle 中 rollup、cube、grouping 使用详解" target="_blank">oracle 中 rollup、cube、grouping 使用详解</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/grouping/1.htm">grouping</a><a class="tag" taget="_blank" href="/search/rollup/1.htm">rollup</a><a class="tag" taget="_blank" href="/search/cube/1.htm">cube</a> <div>oracle 中 rollup、cube、grouping 使用详解 -- 使用oracle 样例表演示 转自namesliu -- 使用oracle 的样列库,演示 rollup, cube, grouping 的用法与使用场景 --- ROLLUP , 为了理解分组的成员数量,我增加了 分组的计数 COUNT(SAL) </div> </li> <li><a href="/article/2508.htm" title="技术资料汇总分享" target="_blank">技术资料汇总分享</a> <span class="text-muted">Dead_knight</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E8%B5%84%E6%96%99%E6%B1%87%E6%80%BB+%E5%88%86%E4%BA%AB/1.htm">技术资料汇总 分享</a> <div>本人汇总的技术资料,分享出来,希望对大家有用。 http://pan.baidu.com/s/1jGr56uE 资料主要包含: Workflow->工作流相关理论、框架(OSWorkflow、JBPM、Activiti、fireflow...) Security->java安全相关资料(SSL、SSO、SpringSecurity、Shiro、JAAS...) Ser</div> </li> <li><a href="/article/2635.htm" title="初一下学期难记忆单词背诵第一课" target="_blank">初一下学期难记忆单词背诵第一课</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>could 能够 minute 分钟 Tuesday 星期二 February 二月 eighteenth 第十八 listen 听 careful 小心的,仔细的 short 短的 heavy 重的 empty 空的 certainly 当然 carry 携带;搬运 tape 磁带 basket 蓝子 bottle 瓶 juice 汁,果汁 head 头;头部 </div> </li> <li><a href="/article/2762.htm" title="截取视图的图片, 然后分享出去" target="_blank">截取视图的图片, 然后分享出去</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/OS/1.htm">OS</a><a class="tag" taget="_blank" href="/search/Objective-C/1.htm">Objective-C</a> <div>OS 7 has a new method that allows you to draw a view hierarchy into the current graphics context. This can be used to get an UIImage very fast. I implemented a category method on UIView to get the vi</div> </li> <li><a href="/article/2889.htm" title="MySql重置密码" target="_blank">MySql重置密码</a> <span class="text-muted">fanxiaolong</span> <a class="tag" taget="_blank" href="/search/MySql%E9%87%8D%E7%BD%AE%E5%AF%86%E7%A0%81/1.htm">MySql重置密码</a> <div>方法一: 在my.ini的[mysqld]字段加入: skip-grant-tables 重启mysql服务,这时的mysql不需要密码即可登录数据库 然后进入mysql mysql>use mysql; mysql>更新 user set password=password('新密码') WHERE User='root'; mysq</div> </li> <li><a href="/article/3016.htm" title="Ehcache(03)——Ehcache中储存缓存的方式" target="_blank">Ehcache(03)——Ehcache中储存缓存的方式</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/MemoryStore/1.htm">MemoryStore</a><a class="tag" taget="_blank" href="/search/DiskStore/1.htm">DiskStore</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E5%82%A8/1.htm">存储</a><a class="tag" taget="_blank" href="/search/%E9%A9%B1%E9%99%A4%E7%AD%96%E7%95%A5/1.htm">驱除策略</a> <div>Ehcache中储存缓存的方式 目录 1 堆内存(MemoryStore) 1.1 指定可用内存 1.2 驱除策略 1.3 元素过期 2 &nbs</div> </li> <li><a href="/article/3143.htm" title="spring mvc中的@propertysource" target="_blank">spring mvc中的@propertysource</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a> <div> 在spring mvc中,在配置文件中的东西,可以在java代码中通过注解进行读取了: @PropertySource 在spring 3.1中开始引入 比如有配置文件 config.properties mongodb.url=1.2.3.4 mongodb.db=hello 则代码中 @PropertySource(&</div> </li> <li><a href="/article/3270.htm" title="重学单例模式" target="_blank">重学单例模式</a> <span class="text-muted">lanqiu17</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</a><a class="tag" taget="_blank" href="/search/Singleton/1.htm">Singleton</a><a class="tag" taget="_blank" href="/search/%E6%A8%A1%E5%BC%8F/1.htm">模式</a> <div>最近在重新学习设计模式,感觉对模式理解更加深刻。觉得有必要记下来。 第一个学的就是单例模式,单例模式估计是最好理解的模式了。它的作用就是防止外部创建实例,保证只有一个实例。 单例模式的常用实现方式有两种,就人们熟知的饱汉式与饥汉式,具体就不多说了。这里说下其他的实现方式 静态内部类方式: package test.pattern.singleton.statics; publ</div> </li> <li><a href="/article/3397.htm" title=".NET开源核心运行时,且行且珍惜" target="_blank">.NET开源核心运行时,且行且珍惜</a> <span class="text-muted">netcome</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a> <div>背景 2014年11月12日,ASP.NET之父、微软云计算与企业级产品工程部执行副总裁Scott Guthrie,在Connect全球开发者在线会议上宣布,微软将开源全部.NET核心运行时,并将.NET 扩展为可在 Linux 和 Mac OS 平台上运行。.NET核心运行时将基于MIT开源许可协议发布,其中将包括执行.NET代码所需的一切项目——CLR、JIT编译器、垃圾收集器(GC)和核心</div> </li> <li><a href="/article/3524.htm" title="使用oscahe缓存技术减少与数据库的频繁交互" target="_blank">使用oscahe缓存技术减少与数据库的频繁交互</a> <span class="text-muted">Everyday都不同</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E9%AB%98%E5%B9%B6%E5%8F%91/1.htm">高并发</a><a class="tag" taget="_blank" href="/search/oscahe%E7%BC%93%E5%AD%98/1.htm">oscahe缓存</a> <div>此前一直不知道缓存的具体实现,只知道是把数据存储在内存中,以便下次直接从内存中读取。对于缓存的使用也没有概念,觉得缓存技术是一个比较”神秘陌生“的领域。但最近要用到缓存技术,发现还是很有必要一探究竟的。 缓存技术使用背景:一般来说,对于web项目,如果我们要什么数据直接jdbc查库好了,但是在遇到高并发的情形下,不可能每一次都是去查数据库,因为这样在高并发的情形下显得不太合理——</div> </li> <li><a href="/article/3651.htm" title="Spring+Mybatis 手动控制事务" target="_blank">Spring+Mybatis 手动控制事务</a> <span class="text-muted">toknowme</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div>@Override public boolean testDelete(String jobCode) throws Exception { boolean flag = false; &nbs</div> </li> <li><a href="/article/3778.htm" title="菜鸟级的android程序员面试时候需要掌握的知识点" target="_blank">菜鸟级的android程序员面试时候需要掌握的知识点</a> <span class="text-muted">xp9802</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>熟悉Android开发架构和API调用 掌握APP适应不同型号手机屏幕开发技巧 熟悉Android下的数据存储 熟练Android Debug Bridge Tool 熟练Eclipse/ADT及相关工具 熟悉Android框架原理及Activity生命周期 熟练进行Android UI布局 熟练使用SQLite数据库; 熟悉Android下网络通信机制,S</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>