SEU_YL

常用Iview组件集合以及常用特性

Button

可以选择不同类型代表会以不同颜色呈现
可以选择边框是否为虚线或者为文本模式的按钮
可设置为幽灵按钮
可设置loading状态
可禁用
size只可选small、default、large三种

Icon

可根据type来选择不同的图标样子
size可设置大小，单位px
color可设置颜色

Typography文字排版

分别有 <Txt> <Pragraph>三种组件，分别适用于标题、不同样式的文本、段落，这三个组件都可设置是否可复制、添加删除线样式、是否可编辑、文本类型，其中Pragraph可以设置超过多少行显示省略号并且是否可展开</p> <h3>Divider</h3> <p>方向可选vertical、horizental<br> 是否为虚线<br> 若有文本，文本的位置左、中、右</p> <h3>Grid栅格</h3> <p>栅格其实可以做水平布局<br> Row中放置Col，col的总数小于24<br> 可以给Row中的Col设置间隔，可设置改变栅格顺序<br> 可设置左右偏移量<br> flex布局的justify、align属性可以使用<br> 可响应式布局</p> <h3>Layout</h3> <p>布局的组件<br> 里面可放置Header、Content、Sider、Footer<br> 可设置折叠属性</p> <h3>Space间隔</h3> <p>设置间隔<br> 可以设置水平间隔和垂直间隔<br> 可用v-model双向绑定自定义间隔</p> <h3>Split面板分隔</h3> <p>可以将一片区域分割为可以拖拽调整宽度或高度的两部分区域<br> 可嵌套使用</p> <h3>Cell单元格</h3> <p>用于固定的菜单列表<br> 每一项单元格可设置禁用以及选中</p> <h3>Affix图钉</h3> <p>可以将内容固定在屏幕上，位置是相对于浏览器的位置而定的</p> <h3>Breadcrumb面包屑</h3> <p>显示网站的层级结构并标识当前所在位置，并可添加导航和vue-router结合使用</p> <h3>Dropdown下拉菜单</h3> <p>可以设置如何触发，hover、click、右键、custom自定义<br> 可嵌套</p> <h3>Menu导航菜单</h3> <p>可选择主题风格<br> 可选vertical、horizontal</p> <h3>Page分页</h3> <p>用于分页快速切换<br> 可以设置快速跳转<br> 可以设置每页数量</p> <h3>PageHeader页头</h3> <p>用于做页头<br> 可带面包屑、可带内容<br> 可用slot嵌套一些内容</p> <h3>Steps步骤条</h3> <p>用于显示某项流程的步骤</p> <h3>AutoComplete自动完成</h3> <p>输入框自动完成<br> 可通过data属性自定义自动完成数据源<br> 也可通过传入Option组件作为选项<br> 可不区分大小写<br> 自定义Option显示复杂的布局</p> <h3>Checkbox多选框</h3> <p>用于多项选择，用v-model双向绑定选中数据<br> 可设置全选</p> <h3>Cascader级联选择</h3> <p>通常用语一组相关联并且递进的数据集合<br> 可与搜索合并，搜索并选择</p> <h3>DatePicker日期选择器</h3> <p>年月日选择时间点或者时间段<br> 可添加具体日子的快捷方式<br> 可多选<br> 可选择时间</p> <h3>Form表单</h3> <p>具有数据收集、校验和提交功能的表单<br> 此组件非常重要，特别是校验功能</p> <h3>InputNumber数字输入框</h3> <p>只允许输入数字的输入框，并且可以设置一定的范围<br> 可设置禁用、可编辑、小数等功能</p> <h3>Input输入框</h3> <p>输入框，可设置三种尺寸，可设置是否可清空<br> 可设置Icon，可设置slot前缀后缀<br> 可设置文本域输入，输入段落</p> <h3>Mentions提及</h3> <p>用于在输入中提及某人或某事，等同于@功能<br> 可与Form配合使用<br> 可自定义匹配字符</p> <h3>Rate评分</h3> <p>评分组件<br> 可半星、可显示提示<br> 只读<br> 可自定义字符</p> <h3>Radio单选框</h3> <p>可用v-model双向绑定，可选择button样式单选框</p> <h3>Switch开关</h3> <p>进行两种状态切换<br> 可禁用、可加载</p> <h3>Slider滑块</h3> <p>可单方向滑<br> 可设置range，双方向滑<br> 可用离散值，离散值时可显示间断点<br> 可用输入框输入值</p> <h3>Select选择器</h3> <p>支持单选、多选、搜索以及键盘快捷操作<br> transfer属性很重要，可以避免在position：fixed的定位中被覆盖</p> <h3>Transfer穿梭框</h3> <p>双栏穿梭选择框，常用于将多个项目从一边移到另一边<br> 详情例子请官网</p> <h3>TimerPicker时间选择器</h3> <p>选择或输入标准时间，支持选择范围</p> <h3>Upload上传</h3> <p>可支持上传单个文件、多个文件<br> 支持拖拽上传<br> 还可以自定义上传列表，如上传照片并展示</p> <h3>ColorPicker颜色选择器</h3> <p>v-model双向绑定颜色数据<br> 可默认选择<br> 可预设选择</p> <h3>Avatar头像</h3> <p>设置src获取头像<br> 可设置徽标</p> <h3>Badge徽标</h3> <p>可设置为右上角或者dot型<br> 颜色可选</p> <h3>Comment评论</h3> <p>基本用法带有作者名、头像、时间和操作（点赞、评论、转发）<br> 可配合List组件<br> 可嵌套评论<br> 提供评论框</p> <h3>Collapse折叠面板</h3> <p>可绑定默认打开、可手风琴模式<br> 可嵌套</p> <h3>Carousel走马灯</h3> <p>通常用于轮播一组图片或卡片轮播<br> 可自动切换<br> 包括切换速度、指示器样式、指示器位置、切换箭头显示、指示器触发都可调整</p> <h3>Card卡片</h3> <p>基础容器，用来显示文字、列表、图文等内容，也可以配合其他组件一起使用，基本上用于数据展示或者名片展示，也可以用于布局，基本上相当于div，可嵌套</p> <h3>Calendar日历</h3> <p>按照日历形式展示数据的容器<br> 可显示通知事项<br> 可用卡片模式<br> 可选择</p> <h3>Description描述列表</h3> <p><em>用于显示多个只读字段<br> 很类似于只读的Table，可设置边框和背景颜色</em><br> 其实不对，这几天自己用了一下，原来它并不是放只读字段的，也可以嵌套组件，感觉他的真实用途应该是以一种表格的方式但又没有Table那么强大，当然也没有Table使用起来那么复杂</p> <h3>Empty空状态</h3> <p>展示空数据时的页面</p> <h3>List列表</h3> <p>列表展示，最基础的用法<br> Loading和栅格布局也都有</p> <h3>Poptip气泡提示</h3> <p>可hover，click，focus触发<br> 位置可调<br> mask可关<br> 可嵌套复杂内容</p> <h3>Statistic统计数值</h3> <p>可展示一些需要突出的数值<br> 可prefix或者suffix内容，加单位、icon或者百分比都可以<br> 可以做倒计时组件Countdown</p> <h3>Tree树形控件</h3> <p>可以做级联展示<br> 可用show-checkbox多选<br> 也可以自定义结点</p> <h3>Tooltip文字提示</h3> <p>hover时会显示<br> 可调位置<br> 可禁用<br> transfer属性很重要，可以避免在position：fixed的定位中被覆盖</p> <h3>TimeLine时间轴</h3> <p>对一系列信息进行时间排序，用法很基础</p> <h3>Tag标签</h3> <p>可删除<br> 颜色可选</p> <h3>Tabs标签页</h3> <p>通常用于切换一些比较简单的页面，如果切换较复杂页面，建议Menu</p> <h3>Table表格</h3> <p>这个组件可就复杂了<br> 可单独设计每列的render<br> 可多选<br> 可筛选</p> <h3>Time相对时间</h3> <p>常用于表示几秒钟前，几分钟前，几天前</p> <h3>Alert警告提示</h3> <h3>Circle进度环</h3> <p>用于显示百分比进度，可配合外部组件使用<br> 可设置成仪表盘样式</p> <h3>Drawer抽屉</h3> <p>用于侧边栏的显示<br> 可嵌套多层抽屉<br> 可自定义内容</p> <h3>Modal对话框</h3> <h3>Message全局提示</h3> <h3>Notice通知提醒</h3> <h3>Progress进度条</h3> <p>。。。未完待续</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1682027717442220032"></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">  <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>  <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>  <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,前端,vue.js)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1947687868734435328.htm" title="【vue-5】Vue 3 中的 v-model：双向数据绑定的全面指南" target="_blank">【vue-5】Vue 3 中的 v-model：双向数据绑定的全面指南</a> <span class="text-muted"></span> <div>在Vue开发中，v-model是实现表单输入和应用状态之间双向绑定的关键指令。Vue3对v-model进行了重大改进，使其更加灵活和强大。本文将深入探讨Vue3中v-model的工作原理、新特性以及最佳实践。1.v-model基础1.1什么是v-modelv-model是Vue提供的一个语法糖，它本质上结合了v-bind和v-on：等价于：1.2基本用法在表单元素上使用v-model非常简单：你输</div> </li> <li><a href="/article/1947681815594594304.htm" title="‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序" target="_blank">‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序</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%E5%B1%8F%E7%AB%AF/1.htm">大屏端</a> <div>‘vue-cli-service’不是内部或外部命令，也不是可运行的程序产生原因：项目下的node_modules文件损坏。解决方案：第一步：删除图片中的文件第二步：在Terminal中运行yarninstall或者npminstall；可能会报缓存问题：清缓存：yarncacheclean第三步：等待下载加载完成即可；在Terminal中运行yarninstall或者npminstall；第四步</div> </li> <li><a href="/article/1947680052783149056.htm" title="如何让用户回到上次阅读的位置？" target="_blank">如何让用户回到上次阅读的位置？</a> <span class="text-muted">玛卡巴卡半夜不睡觉</span> <a class="tag" taget="_blank" href="/search/%E7%8A%B6%E6%80%81%E6%A8%A1%E5%BC%8F/1.htm">状态模式</a> <div>【前端实战】如何让用户回到上次阅读的位置？在阅读类、资讯类、博客类网站中，记忆用户上次阅读到的位置，并在下次访问时自动滚动回那个位置，可以大大提升用户体验感。今天我们就来详细讲一讲：前端如何实现用户回到上次阅读的位置，包括基础scroll方法+优化、IntersectionObserverAPI+探针追踪、锚点URLHASH定位跳转等策略实现一个流畅且高效的方案。一、总体思路1、核心目标在用户滚动</div> </li> <li><a href="/article/1947679674205270016.htm" title="彻底解决＂‘vue-cli-service‘ 不是内部或外部命令＂的问题！" target="_blank">彻底解决＂‘vue-cli-service‘ 不是内部或外部命令＂的问题！</a> <span class="text-muted">晷龙烬</span> <a class="tag" taget="_blank" href="/search/%E9%BE%99%E9%B3%9E%E6%8B%86%E8%A7%A3%EF%BC%88%E5%89%8D%E7%AB%AF%E6%B7%B1%E6%B8%8A%EF%BC%89/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/npm/1.htm">npm</a> <div>以龙息淬炼代码，在时光灰烬中重铸技术星河欢迎来到晷龙烬的博客✨！这里记录技术学习点滴，分享实用技巧，偶尔聊聊奇思妙想～原创内容✍️，转载请注明出处～感谢支持❤️！请尊重原创！欢迎在评论区交流！引言我最近拉取了一个Vue2的老项目，各种尝试，最终卡在了“vue-cli-service不是内部或外部命令”的这个错误提示上，令人倍感挫败。本文聚焦这一常见难题，提供我解决的思路，以供参考。一、问题分析该错</div> </li> <li><a href="/article/1947670351903256576.htm" title="vue2和vue3的区别" target="_blank">vue2和vue3的区别</a> <span class="text-muted">Sun_d9e7</span> <div>组件来说，大多代码在Vue2和Vue3都非常相似。Vue3支持碎片(Fragments)，就是说在组件可以拥有多个根节点。这种新特性可以减少很多组件之间的div包裹元素。在开发vue的时候，我们会发现每一个组件都会有个div元素包裹着。就会出现很多层多余的div元素。碎片(Fragments)解决了这个问题。对于有完美强迫症的童鞋“真的时太棒了”。我们这里的例子里就不展示了，用简单的单根节点的组件</div> </li> <li><a href="/article/1947669342502055936.htm" title="Spring Boot、Spring MVC 和 Spring 有什么区别" target="_blank">Spring Boot、Spring MVC 和 Spring 有什么区别</a> <span class="text-muted"></span> <div>spring是⼀个IOC容器，⽤来管理Bean，使⽤依赖注⼊实现控制反转，可以很⽅便的整合各种框架，提供AOP机制弥补OOP的代码重复问题、更⽅便将不同类不同⽅法中的共同处理抽取成切⾯、⾃动注⼊给⽅法执⾏，⽐如⽇志、异常等springmvc是spring对web框架的⼀个解决⽅案，提供了⼀个总的前端控制器Servlet，⽤来接收请求，然后定义了⼀套路由策略（url到handle的映射）及适配执⾏h</div> </li> <li><a href="/article/1947665307795517440.htm" title="前后端分离项目进阶1---后端" target="_blank">前后端分离项目进阶1---后端</a> <span class="text-muted">屋外雨大，惊蛰出没</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>前端链接：前端解析一.项目目录二.关键代码分析1)Admin.javapackageimprov1.improv1.entity;publicclassAdmin{privateStringaccount;privateStringpassword;privateStringname;//构造方法、getter和setterpublicAdmin(){}publicAdmin(Stringacco</div> </li> <li><a href="/article/1947645510634500096.htm" title="社交应用全栈开发实战：前后端与数据库整合" target="_blank">社交应用全栈开发实战：前后端与数据库整合</a> <span class="text-muted"></span> <div>本文还有配套的精品资源，点击获取简介：本资源包详细介绍了构建一个社交应用程序的全过程，包括前端、后端以及数据库管理的核心组件和关键功能。Uniapp框架用于开发跨平台的移动端用户界面，Java后端负责处理业务逻辑和数据交互，MySQL数据库用于管理用户信息和动态数据。项目还包括前后端通信、身份验证、性能优化和推送通知服务的实现。学习这些代码可以提升开发者的技能，帮助快速构建社交应用。1.社交APP</div> </li> <li><a href="/article/1947606236035870720.htm" title="vue 组件中如何引用外部js文件中的变量或者方法" target="_blank">vue 组件中如何引用外部js文件中的变量或者方法</a> <span class="text-muted">一叶孤舟1990</span> <div>相信很多新手小伙伴都会遇到这样一个问题，就是我如何引用一个外部文件中的变量，下面我为大家分享一下解决办法：（如果解决小伙伴的问题，请帮忙给我点个赞吧，谢谢！！！）1，首先自己创建一个js文件放到assets中：map.js2，map.js中代码如下：（data是数组，geoCoordMap是对象，这个因为太长了所以就不展开了）重点：export{//导出多个对象geoCoordMap,data}3</div> </li> <li><a href="/article/1947603164693852160.htm" title="JavaScript进阶：探索模块化、ES6+与前端框架" target="_blank">JavaScript进阶：探索模块化、ES6+与前端框架</a> <span class="text-muted">WayneYalejk</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>随着Web技术的快速发展，JavaScript也在不断演进。ES6（ECMAScript2015）及更高版本的发布为JavaScript带来了许多新特性和改进，使得JavaScript更加强大和易用。同时，模块化编程和前端框架的兴起也极大地推动了前端开发的现代化进程。本文将带您深入探索JavaScript的进阶话题，包括模块化、ES6+新特性以及前端框架的应用。1.模块化编程模块化的重要性：解释模</div> </li> <li><a href="/article/1947591569888571392.htm" title="vue3使用AntV X6 (图可视化引擎)历程[二]" target="_blank">vue3使用AntV X6 (图可视化引擎)历程[二]</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/javascript/1.htm">javascript</a> <div>通过h函数动态展示自定义节点内容一、案例效果二、案例代码父组件.BloodTopology.vuerightContentimportRightDrawerfrom'@/common/components/topologyToolKit/RightDrawer.vue';importTopologyCompactfrom'@/common/components/topologyToolKit/To</div> </li> <li><a href="/article/1947589049292222464.htm" title="基于 Vue3 + ECharts 实现渐变分段折线图：支持动态区间、响应式渲染与颜色控制" target="_blank">基于 Vue3 + ECharts 实现渐变分段折线图：支持动态区间、响应式渲染与颜色控制</a> <span class="text-muted">saadiya~</span> <a class="tag" taget="_blank" href="/search/echarts/1.htm">echarts</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">信息可视化</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在数据可视化项目中，折线图是最常见的图表类型之一，而通过颜色分段渐变可以让用户更加直观地感知数据的变化趋势和区间风险。本文将带你实战一个基于Vue3+ECharts的渐变分段折线图组件，支持传入valueList控制每段颜色，适配多种数据类型，实现图表的动态更新与响应式自适应。一、效果预览与场景说明该组件可应用于以下场景：空气质量指标（AQI）路况拥堵指数（如：0-0.5畅通，0.5-1一般，1-</div> </li> <li><a href="/article/1947587789264580608.htm" title="前端使用 Vue 3，后端使用 Spring Boot 构建 Hello World 程序" target="_blank">前端使用 Vue 3，后端使用 Spring Boot 构建 Hello World 程序</a> <span class="text-muted">天天进步2015</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E6%8A%80%E5%B7%A7/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/vue.js/1.htm">vue.js</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>前端使用Vue3，后端使用SpringBoot构建HelloWorld程序前端（Vue3）首先，创建一个Vue3项目。1.安装VueCLInpminstall-g@vue/cli2.创建Vue项目vuecreatefrontend在交互式提示中，选择默认的Vue3预设。3.修改App.vue在frontend/src目录下，修改App.vue文件：{{message}}{{error}}expor</div> </li> <li><a href="/article/1947587284941467648.htm" title="URL GET +号后台接收成空格" target="_blank">URL GET +号后台接收成空格</a> <span class="text-muted">墨着染霜华</span> <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>问题：参数spdm=whbs+001其中包含URL特殊符号如果用GET请求方式不做任何不处理那么浏览器自动将+转为%20请求链接为details?spdm=whbs%20001&limitKcysType=1后台接收到的参数为whbs001，自动将+号转成空格了。尝试解决（失败）：前端URLENCODE然后后台解密params:{spdm:encodeURIComponent(this.spdm)</div> </li> <li><a href="/article/1947586781100699648.htm" title="Vue 报错error:0308010C:digital envelope routines::unsupported 解决方案" target="_blank">Vue 报错error:0308010C:digital envelope routines::unsupported 解决方案</a> <span class="text-muted">abchuangyoucheng</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>Vue报错error:0308010C:digitalenveloperoutines::unsupported解决方案拿了一个比较老的项目部署在本地，然后先安装依赖npminstall,最后npmrunserve,在runserve的时候报错：报错error:0308010C:digitalenveloperoutines::unsupported，出现这个错误是因为node.jsV17版本中最</div> </li> <li><a href="/article/1947573543596257280.htm" title="从零入门 HTML 开发：构建网页世界的基石指南" target="_blank">从零入门 HTML 开发：构建网页世界的基石指南</a> <span class="text-muted">incidite</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>从零入门HTML开发：构建网页世界的基石指南在互联网蓬勃发展的今天，我们每天浏览的网页、使用的App界面，背后都离不开HTML这一基础技术的支撑。作为前端开发的入门语言，HTML（超文本标记语言）就像建筑中的砖石，是构建网页骨架的核心。无论你是想成为专业的前端工程师，还是单纯想了解网页背后的运作原理，掌握HTML基础都是迈出的第一步。认识HTML：网页的“骨架”语言HTML的全称为HyperTex</div> </li> <li><a href="/article/1947571652640436224.htm" title="Taro 网络 API 详解与实用案例" target="_blank">Taro 网络 API 详解与实用案例</a> <span class="text-muted"></span> <div>Taro网络API详解与实用案例在现代前端开发中，网络通信是不可或缺的一环。Taro作为一款多端开发框架，提供了丰富且统一的网络API，帮助开发者在小程序、H5、ReactNative等多端环境下高效地进行数据交互。本文将详细介绍Taro的四大网络API：Taro.request、Taro.uploadFile、Taro.downloadFile和Taro.connectSocket，并结合实际案</div> </li> <li><a href="/article/1947554259331510272.htm" title="Vite：下一代前端构建工具的革命" target="_blank">Vite：下一代前端构建工具的革命</a> <span class="text-muted">布兰妮甜</span> <a class="tag" taget="_blank" href="/search/vite/1.htm">vite</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/%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7/1.htm">构建工具</a> <div>Hi，我是布兰妮甜！在现代前端开发领域，构建工具的选择对开发体验和项目效率有着决定性影响。从早期的Grunt、Gulp到Webpack、Rollup，前端构建工具不断演进。而Vite的出现，则彻底改变了传统构建工具的工作模式，为开发者带来了前所未有的开发体验。本文将深入探讨Vite的设计哲学、核心特性、工作原理以及实际应用场景。文章目录一、什么是Vite？二、Vite的核心设计理念2.1利用浏览器</div> </li> <li><a href="/article/1947553628831150080.htm" title="MEMS定向短节的作用如何在HDD中体现？" target="_blank">MEMS定向短节的作用如何在HDD中体现？</a> <span class="text-muted">ericco123</span> <a class="tag" taget="_blank" href="/search/MEMS/1.htm">MEMS</a><a class="tag" taget="_blank" href="/search/%E9%99%80%E8%9E%BA%E4%BB%AA/1.htm">陀螺仪</a><a class="tag" taget="_blank" href="/search/%E6%83%AF%E6%80%A7%E6%8A%80%E6%9C%AF/1.htm">惯性技术</a><a class="tag" taget="_blank" href="/search/%E5%88%B6%E9%80%A0/1.htm">制造</a><a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a> <div>ER-MNS-09作为一款基于MEMS陀螺技术的定向短节，其异形圆柱体设计（直径30mm，长度120mm）使其能适配探管等钻探设备前端的有限空间。其核心在于采用可自寻北的高精度MEMS陀螺仪，摆脱了对地磁场的依赖。这一特性对于HDD至关重要，因其常在埋地管线、强电磁干扰或金属结构密集区域施工，传统磁传感器易受干扰失效，而ER-MNS-09能在此类复杂地下环境中提供稳定、可靠的方位基准。在HDD管道</div> </li> <li><a href="/article/1947538123235848192.htm" title="前端基础知识Vue系列 - 17（vue中key的原理）" target="_blank">前端基础知识Vue系列 - 17（vue中key的原理）</a> <span class="text-muted"></span> <div>一、Key是什么开始之前，我们先还原两个实际工作场景当我们在使用v-for时，需要给单元加上key...用+newDate()生成的时间戳作为key，手动强制触发重新渲染那么这背后的逻辑是什么，key的作用又是什么？一句话来讲key是给每一个vnode的唯一id，也是diff的一种优化策略，可以根据key，更准确，更快的找到对应的vnode节点场景背后的逻辑当我们在使用v-for时，需要给单元加上</div> </li> <li><a href="/article/1947527030094491648.htm" title="Vue 3.6 Alpha 深度解析：Vapor Mode 如何颠覆虚拟 DOM 时代" target="_blank">Vue 3.6 Alpha 深度解析：Vapor Mode 如何颠覆虚拟 DOM 时代</a> <span class="text-muted">给钱，谢谢！</span> <a class="tag" taget="_blank" href="/search/vue3/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/js/1.htm">js</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><a class="tag" taget="_blank" href="/search/vue3.6/1.htm">vue3.6</a><a class="tag" taget="_blank" href="/search/Vapor/1.htm">Vapor</a><a class="tag" taget="_blank" href="/search/Mode/1.htm">Mode</a> <div>无虚拟DOM、原生级性能、渐进式迁移——Vue进入双运行时新纪元在最近的VueConf大会上，尤雨溪正式发布了Vue3.6Alpha版本，其中最引人瞩目的特性VaporMode（无虚拟DOM模式）标志着Vue在渲染引擎上的革命性突破。本文将深入解析其技术原理、性能表现和实践方案，并附带完整可运行的代码示例。一、为何需要VaporMode？传统虚拟DOM的瓶颈：-️虚拟节点创建与对比的运行时开销-内</div> </li> <li><a href="/article/1947523245452357632.htm" title="基于 vue＋Cesium 实现军事标绘之钳击箭头绘制实战" target="_blank">基于 vue＋Cesium 实现军事标绘之钳击箭头绘制实战</a> <span class="text-muted"></span> <div>效果图在地理信息系统（GIS）开发中，军事标绘是一个重要的应用场景，其中箭头类标绘（如攻击箭头、钳击箭头）是常用的战术符号。本文将基于Cesium引擎，详细讲解如何实现可交互的钳击箭头绘制功能，支持动态跟随鼠标调整、固定部分标绘区域及自动清理临时标记等特性。一、技术背景与实现目标Cesium简介Cesium是一款开源的3D地理信息引擎，支持高精度全球地形、影像加载及矢量数据可视化，广泛应用于数字地</div> </li> <li><a href="/article/1947510516725379072.htm" title="vue3实现可视化大屏布局" target="_blank">vue3实现可视化大屏布局</a> <span class="text-muted">程序猿的杂货店</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AFVUE3%E5%BC%80%E5%8F%91%E7%AC%94%E8%AE%B0/1.htm">前端VUE3开发笔记</a><a class="tag" taget="_blank" href="/search/%E5%8F%AF%E8%A7%86%E5%8C%96%E5%A4%A7%E5%B1%8F/1.htm">可视化大屏</a><a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a><a class="tag" taget="_blank" href="/search/vue3%E9%A1%B5%E9%9D%A2%E5%B8%83%E5%B1%80/1.htm">vue3页面布局</a> <div>实现功能:1实现4x3宫格布局，2自定义设置跨行，跨列自动隐藏对应列，比如setAreaSpanAndUpdateVisibility(2,3,2);表示设置区域2，跨3行，跨2列，然后区域3，6，7，10，11自动隐藏3内容自动剧中1效果图代码数据可视化大屏-顶部区域{{item.id}}-{{item.title}}测试区域1跨2行2列-->importGridCellfrom"./compo</div> </li> <li><a href="/article/1947510263628492800.htm" title="Vue.js 全面解析：构建现代前端应用的渐进式框架" target="_blank">Vue.js 全面解析：构建现代前端应用的渐进式框架</a> <span class="text-muted">斯~内克</span> <a class="tag" taget="_blank" href="/search/vue%E7%9F%A5%E8%AF%86%E7%82%B9/1.htm">vue知识点</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.js/1.htm">vue.js</a> <div>一、Vue.js的核心价值与演进1.1前端框架的变革与Vue的定位根据2024年StateofJS调查报告，Vue.js以82%的开发者满意度稳居前端框架前三甲。其核心优势体现在：渐进式架构：可从轻量级视图层扩展至全栈解决方案响应式系统：基于Proxy的精准依赖追踪（Vue3）组合式API：代码复用率提升60%以上生态系统：覆盖SSR、状态管理、移动端等20+场景1.2版本演进里程碑版本发布时间里</div> </li> <li><a href="/article/1947494500721029120.htm" title="微信推客系统小程序开发上线全攻略：从源码部署到社交裂变运营" target="_blank">微信推客系统小程序开发上线全攻略：从源码部署到社交裂变运营</a> <span class="text-muted">v_qutudy</span> <a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%AE%A2%E7%B3%BB%E7%BB%9F%E5%BC%80%E5%8F%91/1.htm">推客系统开发</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E5%AE%A2%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">推客小程序</a> <div>一、前言：为什么选择微信推客系统？在社交电商的浪潮中，微信推客系统凭借"自用省钱、分享赚钱"的裂变模式，成为商家低成本获客的利器。本文将深度解析如何从零开发一套支持独立部署的推客小程序，涵盖技术架构、源码解析、部署实战及运营策略，助力开发者快速搭建高转化率的社交电商系统。二、技术架构设计：打造稳定可扩展的推客系统1.整体架构分层前后端分离架构前端：采用Taro跨端框架开发微信小程序端，适配多端展示</div> </li> <li><a href="/article/1947493996259504128.htm" title="新一代会员分销返利小程序，聚合cps系统独立部署，对接20多个CPA/CPS资源" target="_blank">新一代会员分销返利小程序，聚合cps系统独立部署，对接20多个CPA/CPS资源</a> <span class="text-muted">+V：ywxs5787</span> <a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91/1.htm">小程序开发</a><a class="tag" taget="_blank" href="/search/cps%E5%88%86%E9%94%80/1.htm">cps分销</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E5%BC%80%E5%8F%91/1.htm">软件开发</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a><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>技术栈前端：vue3+uniapp后端：PHP数据库：MySQL一、系统介绍PHP部分代码'value1','param2'=>'value2',//添加其他参数];//发送HTTPPOST请求$ch=curl_init();curl_setopt($ch,CURLOPT_URL,$url);curl_setopt($ch,CURLOPT_POST,true);curl_setopt($ch,CU</div> </li> <li><a href="/article/1947489335003639808.htm" title="2024最新外卖CPS分销微信小程序源码【前端+后台+数据库+分销功能】" target="_blank">2024最新外卖CPS分销微信小程序源码【前端+后台+数据库+分销功能】</a> <span class="text-muted">云深不知处㊣</span> <a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81%E4%B8%93%E5%8C%BA/1.htm">源码专区</a><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><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a><a class="tag" taget="_blank" href="/search/%E5%A4%96%E5%8D%96CPS%E5%88%86%E9%94%80%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%BA%90%E7%A0%81/1.htm">外卖CPS分销微信小程序源码</a><a class="tag" taget="_blank" href="/search/CPS%E5%88%86%E9%94%80%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%BA%90%E7%A0%81/1.htm">CPS分销微信小程序源码</a> <div>内容目录一、详细介绍二、效果展示三、源代码下载地址一、详细介绍外卖侠CPS全套源码是一款为外卖平台提供分销功能的微信小程序。用户可以通过你的链接去领取外卖红包，然后去下单点外卖，既能省钱，又能获得佣金。该小程序带有商城、影票、吃喝玩乐等多个模块，适合不同用户的需求。外卖CPS的势头猛得一塌糊涂，被称为23年最大的红利之一，也被称为2023最佳小白可实操项目。外卖公司的广告预算持续增加，因为比传统广</div> </li> <li><a href="/article/1947489323431555072.htm" title="CSS利用@font-face使用自定义字符和图标" target="_blank">CSS利用@font-face使用自定义字符和图标</a> <span class="text-muted">小前端2018</span> <div>昨天发的一个教程被一顿喷，说已经不用图片了，什么图标字体啦，好桑心~~，但也是事实，现在的前端图片越来越少了，相应替换的是css以及图标字体，所以去探测了几个网站，找了一下style.css文件，看看具体的CSS内容，然后发现这是一个很有趣的问题。</div> </li> <li><a href="/article/1947473941379477504.htm" title="开发一个 vscode 图片悬停预览插件" target="_blank">开发一个 vscode 图片悬停预览插件</a> <span class="text-muted">weixin_40203158</span> <div>在前端项目中，往往会使用到图片，可能是直接放在项目中，也可能是使用cdn地址，但它们都需要点击才能查看到图片具体是什么内容，显得繁琐，能否和代码提示一样直接鼠标悬停时就展示呢？目前使用量最多的是ImagePreview这款插件，但我自己在使用时发现并没有在悬停时看到图片，自然想着自己实现一个。简单三步即可实现代码完成后发现异常地简单，指定某个语言增加额外hover内容获取鼠标悬停时当前行是否有图片</div> </li> <li><a href="/article/1947473055089487872.htm" title="Vue3 + WebSocket" target="_blank">Vue3 + WebSocket</a> <span class="text-muted">穆罕周</span> <a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>Vue3与WebSocket结合能够很好地满足实时通讯的需求。通过合理设计和管理WebSocket连接的生命周期，以及实现必要的重连逻辑和心跳检测机制，可以构建出响应迅速且稳定的实时应用。WebSocketWebSocket允许服务端主动向客户端发送数据，无需客户端发起请求，从而实现了低延迟、高效率的数据交换。它通过HTTP升级协议握手来建立持久性的连接，并使用帧（frame）的形式传输数据。Vu</div> </li> <li><a href="/article/8.htm" title="LeetCode[Math] - #66 Plus One" target="_blank">LeetCode[Math] - #66 Plus One</a> <span class="text-muted">Cwind</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/LeetCode/1.htm">LeetCode</a><a class="tag" taget="_blank" href="/search/%E9%A2%98%E8%A7%A3/1.htm">题解</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a><a class="tag" taget="_blank" href="/search/Math/1.htm">Math</a> <div>原题链接：#66 Plus One 要求：给定一个用数字数组表示的非负整数，如num1 = {1, 2, 3, 9}, num2 = {9, 9}等，给这个数加上1。注意： 1. 数字的较高位存在数组的头上，即num1表示数字1239 2. 每一位（数组中的每个元素）的取值范围为0~9 难度：简单分析：题目比较简单，只须从数组</div> </li> <li><a href="/article/135.htm" title="JQuery中$.ajax()方法参数详解" target="_blank">JQuery中$.ajax()方法参数详解</a> <span class="text-muted">AILIKES</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a> <div>url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和 delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局</div> </li> <li><a href="/article/262.htm" title="JConsole & JVisualVM远程监视Webphere服务器JVM" target="_blank">JConsole & JVisualVM远程监视Webphere服务器JVM</a> <span class="text-muted">Kai_Ge</span> <a class="tag" taget="_blank" href="/search/JVisualVM/1.htm">JVisualVM</a><a class="tag" taget="_blank" href="/search/JConsole/1.htm">JConsole</a><a class="tag" taget="_blank" href="/search/Webphere/1.htm">Webphere</a> <div> JConsole是JDK里自带的一个工具，可以监测Java程序运行时所有对象的申请、释放等动作，将内存管理的所有信息进行统计、分析、可视化。我们可以根据这些信息判断程序是否有内存泄漏问题。　　使用JConsole工具来分析WAS的JVM问题，需要进行相关的配置。　　首先我们看WAS服务器端的配置. 　　1、登录was控制台https://10.4.119.18</div> </li> <li><a href="/article/389.htm" title="自定义annotation" target="_blank">自定义annotation</a> <span class="text-muted">120153216</span> <a class="tag" taget="_blank" href="/search/annotation/1.htm">annotation</a> <div>Java annotation 自定义注释@interface的用法一、什么是注释说起注释，得先提一提什么是元数据(metadata)。所谓元数据就是数据的数据。也就是说，元数据是描述数据的。就象数据表中的字段一样，每个字段描述了这个字段下的数据的含义。而J2SE5.0中提供的注释就是java源代码的元数据，也就是说注释是描述java源</div> </li> <li><a href="/article/516.htm" title="CentOS 5/6.X 使用 EPEL YUM源" target="_blank">CentOS 5/6.X 使用 EPEL YUM源</a> <span class="text-muted">2002wmj</span> <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a> <div>CentOS 6.X 安装使用EPEL YUM源1. 查看操作系统版本[root@node1 ~]# uname -a Linux node1.test.com 2.6.32-358.el6.x86_64 #1 SMP Fri Feb 22 00:31:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux [root@node1 ~]#</div> </li> <li><a href="/article/643.htm" title="在SQLSERVER中查找缺失和无用的索引SQL" target="_blank">在SQLSERVER中查找缺失和无用的索引SQL</a> <span class="text-muted">357029540</span> <a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a> <div>--缺失的索引 SELECT avg_total_user_cost * avg_user_impact * ( user_scans + user_seeks ) AS PossibleImprovement , last_user_seek , </div> </li> <li><a href="/article/770.htm" title="Spring3 MVC 笔记（二） —json+rest优化" target="_blank">Spring3 MVC 笔记（二） —json+rest优化</a> <span class="text-muted">7454103</span> <a class="tag" taget="_blank" href="/search/Spring3+MVC/1.htm">Spring3 MVC</a> <div>接上次的 spring mvc 注解的一些详细信息！其实也是一些个人的学习笔记呵呵！ </div> </li> <li><a href="/article/897.htm" title="替换“\”的时候报错Unexpected internal error near index 1 \ ^" target="_blank">替换“\”的时候报错Unexpected internal error near index 1 \ ^</a> <span class="text-muted">adminjun</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E2%80%9C%5C%E6%9B%BF%E6%8D%A2%E2%80%9D/1.htm">“\替换”</a> <div>发现还是有些东西没有刻子脑子里,,过段时间就没什么概念了,所以贴出来...以免再忘... 在拆分字符串时遇到通过 \ 来拆分，可是用所以想通过转义 \\ 来拆分的时候会报异常 public class Main { /*</div> </li> <li><a href="/article/1024.htm" title="POJ 1035 Spell checker(哈希表)" target="_blank">POJ 1035 Spell checker(哈希表)</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E6%9A%B4%E5%8A%9B%E6%B1%82%E8%A7%A3--%E5%93%88%E5%B8%8C%E8%A1%A8/1.htm">暴力求解--哈希表</a> <div>/* 题意：输入字典，然后输入单词，判断字典中是否出现过该单词，或者是否进行删除、添加、替换操作，如果是，则输出对应的字典中的单词要求按照输入时候的排名输出题解：建立两个哈希表。一个存储字典和输入字典中单词的排名，一个进行最后输出的判重 */ #include <iostream> //#define using namespace std; const int HASH =</div> </li> <li><a href="/article/1151.htm" title="通过原型实现javascript Array的去重、最大值和最小值" target="_blank">通过原型实现javascript Array的去重、最大值和最小值</a> <span class="text-muted">ayaoxinchao</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/array/1.htm">array</a><a class="tag" taget="_blank" href="/search/prototype/1.htm">prototype</a> <div>用原型函数（prototype）可以定义一些很方便的自定义函数，实现各种自定义功能。本次主要是实现了Array的去重、获取最大值和最小值。实现代码如下： <script type="text/javascript"> Array.prototype.unique = function() { var a = {}; var le</div> </li> <li><a href="/article/1278.htm" title="UIWebView实现https双向认证请求" target="_blank">UIWebView实现https双向认证请求</a> <span class="text-muted">bewithme</span> <a class="tag" taget="_blank" href="/search/UIWebView/1.htm">UIWebView</a><a class="tag" taget="_blank" href="/search/https/1.htm">https</a><a class="tag" taget="_blank" href="/search/Objective-C/1.htm">Objective-C</a> <div> 什么是HTTPS双向认证我已在先前的博文 ASIHTTPRequest实现https双向认证请求中有讲述，不理解的读者可以先复习一下。本文是用UIWebView来实现对需要客户端证书验证的服务请求，网上有些文章中有涉及到此内容，但都只言片语，没有讲完全，更没有完整的代码，让人困扰不已。但是此知</div> </li> <li><a href="/article/1405.htm" title="NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存)" target="_blank">NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存)</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/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/NoSQL/1.htm">NoSQL</a> <div>3.事务处理 Redis对事务的支持目前不比较简单。Redis只能保证一个client发起的事务中的命令可以连续的执行，而中间不会插入其他client的命令。当一个client在一个连接中发出multi命令时，这个连接会进入一个事务上下文，该连接后续的命令不会立即执行，而是先放到一个队列中，当执行exec命令时，redis会顺序的执行队列中</div> </li> <li><a href="/article/1532.htm" title="各数据库分页sql备忘" target="_blank">各数据库分页sql备忘</a> <span class="text-muted">bingyingao</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E9%A1%B5/1.htm">分页</a> <div>ORACLE 下面这个效率很低 SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_FS_RETURN order by id desc) A ) WHERE RN <20; 下面这个效率很高 SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_</div> </li> <li><a href="/article/1659.htm" title="【Scala七】Scala核心一：函数" target="_blank">【Scala七】Scala核心一：函数</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a> <div>1. 如果函数体只有一行代码，则可以不用写{},比如 def print(x: Int) = println(x) 一行上的多条语句用分号隔开，则只有第一句属于方法体，例如 def printWithValue(x: Int) : String= println(x); "ABC" 上面的代码报错，因为，printWithValue的方法</div> </li> <li><a href="/article/1786.htm" title="了解GHC的factorial编译过程" target="_blank">了解GHC的factorial编译过程</a> <span class="text-muted">bookjovi</span> <a class="tag" taget="_blank" href="/search/haskell/1.htm">haskell</a> <div>GHC相对其他主流语言的编译器或解释器还是比较复杂的，一部分原因是haskell本身的设计就不易于实现compiler，如lazy特性，static typed，类型推导等。关于GHC的内部实现有篇文章说的挺好，这里，文中在RTS一节中详细说了haskell的concurrent实现，里面提到了green thread，如果熟悉Go语言的话就会发现，ghc的concurrent实现和Go有点类</div> </li> <li><a href="/article/1913.htm" title="Java-Collections Framework学习与总结-LinkedHashMap" target="_blank">Java-Collections Framework学习与总结-LinkedHashMap</a> <span class="text-muted">BrokenDreams</span> <a class="tag" taget="_blank" href="/search/LinkedHashMap/1.htm">LinkedHashMap</a> <div> 前面总结了java.util.HashMap，了解了其内部由散列表实现，每个桶内是一个单向链表。那有没有双向链表的实现呢？双向链表的实现会具备什么特性呢？来看一下HashMap的一个子类——java.util.LinkedHashMap。 </div> </li> <li><a href="/article/2040.htm" title="读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory" target="_blank">读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/abstract/1.htm">abstract</a> <div>声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * Abstract Factory Pattern * 抽象工厂模式的目的是： * 通过在抽象工厂里面定义一组产品接口，方便地切换“产品簇” * 这些接口是相关或者相依赖的</div> </li> <li><a href="/article/2167.htm" title="压暗面部高光" target="_blank">压暗面部高光</a> <span class="text-muted">cherishLC</span> <a class="tag" taget="_blank" href="/search/PS/1.htm">PS</a> <div>方法一、压暗高光&重新着色当皮肤很油又使用闪光灯时，很容易在面部形成高光区域。下面讲一下我今天处理高光区域的心得：皮肤可以分为纹理和色彩两个属性。其中纹理主要由亮度通道（Lab模式的L通道）决定，色彩则由a、b通道确定。处理思路为在保持高光区域纹理的情况下，对高光区域着色。具体步骤为：降低高光区域的整体的亮度，再进行着色。如果想简化步骤，可以只进行着色（参看下面的步骤1</div> </li> <li><a href="/article/2294.htm" title="Java VisualVM监控远程JVM" target="_blank">Java VisualVM监控远程JVM</a> <span class="text-muted">crabdave</span> <a class="tag" taget="_blank" href="/search/visualvm/1.htm">visualvm</a> <div>Java VisualVM监控远程JVM JDK1.6开始自带的VisualVM就是不错的监控工具. 这个工具就在JAVA_HOME\bin\目录下的jvisualvm.exe, 双击这个文件就能看到界面通过JMX连接远程机器, 需要经过下面的配置: 1. 修改远程机器JDK配置文件 (我这里远程机器是linux). </div> </li> <li><a href="/article/2421.htm" title="Saiku去掉登录模块" target="_blank">Saiku去掉登录模块</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/saiku/1.htm">saiku</a><a class="tag" taget="_blank" href="/search/%E7%99%BB%E5%BD%95/1.htm">登录</a><a class="tag" taget="_blank" href="/search/olap/1.htm">olap</a><a class="tag" taget="_blank" href="/search/BI/1.htm">BI</a> <div> 1、修改applicationContext-saiku-webapp.xml <security:intercept-url pattern="/rest/**" access="IS_AUTHENTICATED_ANONYMOUSLY" /> <security:intercept-url pattern=&qu</div> </li> <li><a href="/article/2548.htm" title="浅析 Flex中的Focus" target="_blank">浅析 Flex中的Focus</a> <span class="text-muted">dsjt</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/Flex/1.htm">Flex</a><a class="tag" taget="_blank" href="/search/Flash/1.htm">Flash</a> <div>关键字：focus、 setFocus、 IFocusManager、KeyboardEvent 焦点、设置焦点、获得焦点、键盘事件一、无焦点的困扰——组件监听不到键盘事件原因：只有获得焦点的组件（确切说是InteractiveObject）才能监听到键盘事件的目标阶段；键盘事件（flash.events.KeyboardEvent）参与冒泡阶段，所以焦点组件的父项（以及它爸</div> </li> <li><a href="/article/2675.htm" title="Yii全局函数使用" target="_blank">Yii全局函数使用</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a> <div>由于YII致力于完美的整合第三方库，它并没有定义任何全局函数。yii中的每一个应用都需要全类别和对象范围。例如，Yii::app()->user;Yii::app()->params['name'];等等。我们可以自行设定全局函数，使得代码看起来更加简洁易用。(原文地址) 我们可以保存在globals.php在protected目录下。然后，在入口脚本index.php的，我们包括在</div> </li> <li><a href="/article/2802.htm" title="设计模式之单例模式二（解决无序写入的问题）" target="_blank">设计模式之单例模式二（解决无序写入的问题）</a> <span class="text-muted">come_for_dream</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a><a class="tag" taget="_blank" href="/search/volatile/1.htm">volatile</a><a class="tag" taget="_blank" href="/search/%E4%B9%B1%E5%BA%8F%E6%89%A7%E8%A1%8C/1.htm">乱序执行</a><a class="tag" taget="_blank" href="/search/%E5%8F%8C%E9%87%8D%E6%A3%80%E9%AA%8C%E9%94%81/1.htm">双重检验锁</a> <div> 在上篇文章中我们使用了双重检验锁的方式避免懒汉式单例模式下由于多线程造成的实例被多次创建的问题，但是因为由于JVM为了使得处理器内部的运算单元能充分利用，处理器可能会对输入代码进行乱序执行（Out Of Order Execute）优化，处理器会在计算之后将乱序执行的结果进行重组，保证该</div> </li> <li><a href="/article/2929.htm" title="程序员从初级到高级的蜕变" target="_blank">程序员从初级到高级的蜕变</a> <span class="text-muted">gcq511120594</span> <a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</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><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>软件开发是一个奇怪的行业，市场远远供不应求。这是一个已经存在多年的问题，而且随着时间的流逝，愈演愈烈。我们严重缺乏能够满足需求的人才。这个行业相当年轻。大多数软件项目是失败的。几乎所有的项目都会超出预算。我们解决问题的最佳指导方针可以归结为——“用一些通用方法去解决问题，当然这些方法常常不管用，于是，唯一能做的就是不断地尝试，逐个看看是否奏效”。现在我们把淫浸代码时间超过3年的开发人员称为</div> </li> <li><a href="/article/3056.htm" title="Reverse Linked List" target="_blank">Reverse Linked List</a> <span class="text-muted">hcx2013</span> <a class="tag" taget="_blank" href="/search/list/1.htm">list</a> <div>Reverse a singly linked list. /** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode(int x) { val = x; } * } */ p</div> </li> <li><a href="/article/3183.htm" title="Spring4.1新特性——数据库集成测试" target="_blank">Spring4.1新特性——数据库集成测试</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/spring+4.1/1.htm">spring 4.1</a> <div>目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T</div> </li> <li><a href="/article/3310.htm" title="C# Ajax上传图片同时生成微缩图(附Demo)" target="_blank">C# Ajax上传图片同时生成微缩图(附Demo)</a> <span class="text-muted">liyonghui160com</span> <div> 1.Ajax无刷新上传图片,详情请阅我的这篇文章。（jquery + c# ashx） 2.C#位图处理 System.Drawing。 3.最新demo支持IE7,IE8,Fir</div> </li> <li><a href="/article/3437.htm" title="Java list三种遍历方法性能比较" target="_blank">Java list三种遍历方法性能比较</a> <span class="text-muted">pda158</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>从c/c++语言转向java开发，学习java语言list遍历的三种方法，顺便测试各种遍历方法的性能，测试方法为在ArrayList中插入1千万条记录，然后遍历ArrayList，发现了一个奇怪的现象，测试代码例如以下： package com.hisense.tiger.list; import java.util.ArrayList; import java.util.Iterator;</div> </li> <li><a href="/article/3564.htm" title="300个涵盖IT各方面的免费资源（上）——商业与市场篇" target="_blank">300个涵盖IT各方面的免费资源（上）——商业与市场篇</a> <span class="text-muted">shoothao</span> <a class="tag" taget="_blank" href="/search/seo/1.htm">seo</a><a class="tag" taget="_blank" href="/search/%E5%95%86%E4%B8%9A%E4%B8%8E%E5%B8%82%E5%9C%BA/1.htm">商业与市场</a><a class="tag" taget="_blank" href="/search/IT%E8%B5%84%E6%BA%90/1.htm">IT资源</a><a class="tag" taget="_blank" href="/search/%E5%85%8D%E8%B4%B9%E8%B5%84%E6%BA%90/1.htm">免费资源</a> <div> A.网站模板+logo+服务器主机+发票生成 HTML5 UP:响应式的HTML5和CSS3网站模板。 Bootswatch:免费的Bootstrap主题。 Templated:收集了845个免费的CSS和HTML5网站模板。 Wordpress.org|Wordpress.com:可免费创建你的新网站。 Strikingly:关注领域中免费无限的移动优</div> </li> <li><a href="/article/3691.htm" title="localStorage、sessionStorage" target="_blank">localStorage、sessionStorage</a> <span class="text-muted">uule</span> <a class="tag" taget="_blank" href="/search/localStorage/1.htm">localStorage</a> <div>W3School 例子 HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不</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.  </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>