幸福晓杰2016
幸福晓杰2016

2018-03-06-1组件Scroll

微信官方代码依旧需要写入Css文件，自从上次经历之后，我主动开始写WXSS文件了。
可惜的是：我scroll 依旧无法实现水平布局，更别说水平滑动了。
首先，上次实践的 style="display:flex;flex-direction:row;" 在scrollView里面样式配置失效！！！！

最后我查了别人写的demo，找到了如下代码

.scroll-view_H{
  white-space: nowrap;
  /*上面的设置，是不允许换行,关键是这个设置*/
}
.scroll-view-item_H{
  width: 50%;
  height: 160rpx;
  display: inline-block;
}

被逼无奈，转入学习WXSS的布局语法。
学习参考文章

1.尺寸单位

rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。一般以iphone6屏幕做为视觉设计标准。

设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度)
iPhone6 1rpx = 0.5px 1px = 2rpx

2.样式导入

可以使用@import语句来导入外联样式表，其后面跟需要导入外联样式表的相对路径，并以分号结束。

3.wxss样式属性(关键部分来了)

一、wxss display(显示)

属性  说明
flex       多栏多列布局   flex-direction:row/column
inline-block    行内块元素
inline  此元素会被显示为内联元素，元素前后没有换行符
inline-table    作为内联表格来显示（类似 ），表格前后没有换行符
inline-flex 将对象作为内联块级弹性伸缩盒显示
none    此元素不会被显示
block   此元素将显示为块级元素，此元素前后会带有换行符
list-item   此元素会作为列表显示
table   会作为块级表格来显示（类似 
），表格前后带有换行符
table-caption   作为一个表格标题显示（类似 ）
table-column-group  作为一个或多个列的分组来显示（类似 ）
table-row   作为一个表格行显示（类似 ）
table-row-group 作为一个或多个行的分组来显示（类似 ）
table-header-group  作为一个或多个行的分组来显示（类似 ）
table-footer-group  作为一个或多个行的分组来显示（类似 ）
inherit 从父元素继承 display 属性的值

二、wxss position(定位)
属性  说明
absolute    生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative    生成相对定位的元素，相对于其正常位置进行定位。
因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
fixed   生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
static  默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）
inherit 规定应该从父元素继承 position 属性的值

三、wxss float(浮动)
属性  说明
left    元素向左浮动
right   元素向右浮动
none默认值 元素不浮动，并会显示在其在文本中出现的位置。
inherit 规定应该从父元素继承 float 属性的值。

四、wxss background(背景)
属性  说明  语法(属性值)
background  简写属性，作用是将背景属性设置在一个声明中   background: color position size repeat origin clip attachment image;
background-color    指定要使用的背景颜色
background-position 指定背景图像的位置   background-position:center
background-size     指定背景图片的大小   background-size:80px 60px;宽度 高度
background-repeat   指定如何重复背景图像  repeat,repeat-x,repeat-y,no-repeat,inherit
background-origin   指定背景图像的定位区域 padding-box 背景图像填充框的相对位置
border-box 背景图像边界框的相对位置
content-box 背景图像的相对位置的内容框
background-clip 指定背景图像的绘画区域 属性值，同上
background-attachment   设置背景图像是否固定或者随着页面的其余部分滚动。    scroll 背景图片随页面的其余部分滚动。这是默认
fixed 背景图像是固定的
inherit 指定background-attachment的设置应该从父元素继承
local 背景图片随滚动元素滚动
background-image    指定要使用的一个或多个背景图像     url('URL') 图像的URL  \  none 无图像背景会显示。这是默认  \   inherit 指定背景图像应该从父元素继承

五、wxss border(边框)
属性  说明  语法(属性值)
border  简写属性，用于把针对四个边的属性设置在一个声明 border:5px solid red;
border-width    用于为元素的所有边框设置宽度，或者单独地为各边边框设置宽度   border-top-width 上右下左边框厚度 属性值：thin medium thick length
border-style    设置元素所有边框的样式，或者单独地为各边设置边框样式。 border-top-width 上右下左边框样式 属性值：solid,dashed,dotted,double等
border-color    元素的所有边框中可见部分的颜色，或为 4 个边分别设置颜色   border-top-width 上右下左边框颜色

六、xss 轮廓（outline）
属性  说明  语法(属性值)
outline 在一个声明中设置所有的外边框属性    outline: outline-color, outline-style, outline-width
outline-color   设置外边框的颜色
outline-style   设置外边框的样式。   属性值：solid,dashed,dotted,double等
outline-width   设置外边框的宽度    属性值：thin medium thick length

七、xss 文本属性（text）
属性  说明  语法(属性值)
color   设置文本颜色
direction   设置文本方向。 ltr:文本方向从左到右;rtl:文本方向从右到左
letter-spacing  设置字符间距
line-height 设置行高
text-align  对齐元素中的文本    left：把文本排列到左边。默认值，由浏览器决定。
right：把文本排列到右边。
center：把文本排列到中间。
justify：实现两端对齐文本效果。
inherit: 规定应该从父元素继承 text-align 属性的值。
text-decoration 向文本添加修饰 underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
text-indent 缩进元素中文本的首行
text-shadow 设置文本阴影  text-shadow: h-shadow v-shadow blur color;
h-shadow:水平阴影的位置,允许负值;
v-shadow:垂直阴影的位置,允许负值;
blur:模糊的距离;
color:阴影的颜色
text-transform  控制元素中的字母    capitalize 文本中的每个单词以大写字母开头。
uppercase 定义仅有大写字母。
lowercase 定义无大写字母，仅有小写字母。
unicode-bidi    设置或返回文本是否被重写 
vertical-align  设置元素的垂直对齐
white-space 设置元素中空白的处理方式   
word-spacing    设置字间距

注意：view组件竟然可以用文本的 white-space: nowrap；来修饰！！！
八、xss 字体属性（font）
属性  说明  语法(属性值)
font    在一个声明中设置所有字体属性  font:font-style font-variant font-weight font-size/line-height font-family(按顺序)
font-style  指定文本的字体样式   normal 默认值。浏览器显示一个标准的字体样式。
italic 浏览器会显示一个斜体的字体样式。
oblique 浏览器会显示一个倾斜的字体样式。
inherit 规定应该从父元素继承字体样式。
font-variant    以小型大写字体或者正常字体显示文本   normal 默认值。浏览器会显示一个标准的字体。
small-caps 浏览器会显示小型大写字母的字体。
inherit 规定应该从父元素继承 font-variant 属性的值。
font-weight 指定字体的粗细 normal 默认值。定义标准的字符。
bold 定义粗体字符。
bolder 定义更粗的字符。
lighter 定义更细的字符。
inherit 规定应该从父元素继承字体的粗细。
font-size   指定文本的字体大小   smaller 把 font-size 设置为比父元素更小的尺寸。
larger 把 font-size 设置为比父元素更大的尺寸。
length 把 font-size 设置为一个固定的值。
% 把 font-size 设置为基于父元素的一个百分比值。
font-family 指定文本的字体系列

九、xss margin(外边距)（margin）
属性  说明  语法(属性值)
margin  在一个声明中设置所有外边距属性。    margin:10px 5px 15px 20px;(上边距，右边距，下边距，左边距)
margin-top  设置元素的上外边距。
margin-right    设置元素的右外边距。
margin-bottom   设置元素的下外边距。
margin-left 设置元素的左外边距。

十、xss padding(填充)（padding）
属性  说明  语法(属性值)
padding 使用缩写属性设置在一个声明中的所有填充属性   padding:10px 5px 15px 20px;(上填充，右填充，下填充，左填充)
padding-top 设置元素的顶部填充。
padding-right   设置元素的右部填充
padding-bottom  设置元素的底部填充
padding-left    设置元素的左部填充

注意iOS是上左下右，而上面是上右下左。
十一、xss 选择器（略）

                    
                

        
你可能感兴趣的:(2018-03-06-1组件Scroll)

        

            

                
    
                    
  • 在Vue自定义事件中，父组件如何接收子组件传递的多个参数
                        北辰alk
vuevue.jsjavascript前端
                        
    在Vue.js中，组件之间的通信是一个非常重要的概念。Vue提供了多种方式来实现组件之间的通信，其中自定义事件是一种非常常见的方式。通过自定义事件，子组件可以向父组件传递数据。本文将详细介绍如何在Vue中通过自定义事件实现父组件接收子组件传递的多个参数，并提供详细的代码示例和流程图。文章目录1.Vue组件通信概述2.自定义事件的基本用法2.1子组件触发自定义事件2.2父组件监听自定义事件3.传递多
    
                    
    • 
                    
  • Maven中的依赖管理: ＜dependencies＞与＜dependencyManagement＞的区别
                        Fhoro
mavenjavaspringboot后端
                        
    在Java项目的构建过程中，依赖管理是一个至关重要的部分，特别是当使用Maven作为构建工具时。Maven提供了多种方式来管理项目的依赖，而和是最常用的两个概念。本文将详细探讨这两者的区别及其应用场景。什么是？dependencies是Maven项目中直接声明所需依赖的方式。在pom.xml文件中，我们可以通过标签列出项目所需的所有库和组件。每个依赖项都包括groupId、artifactId和v
    
                    
    • 
                    
  • 图解AUTOSAR_CP_ComM
                        KaiGer666
图解AUTOSAR_CP嵌入式硬件单片机汽车
                        
    AUTOSARComM模块详解AUTOSAR通信管理模块详细解析目录1.概述1.1.ComM模块的作用1.2.ComM模块的位置2.架构设计2.1.模块上下文视图2.2.内部组件结构3.状态机3.1.通道状态机3.2.PNC状态机4.配置模型4.1.配置结构4.2.用户-PNC-通道映射5.服务接口5.1.API概述5.2.主要功能6.通信序列<
    
                    
    • 
                    
  • Langchain链式开发：打造高效、可扩展的AI应用
                        小南AI学院
langchain人工智能软件工程
                        
    1.Langchain链是什么?Langchain是一个开源框架，专门用于开发基于大型语言模型(LLMs)的应用程序。它允许开发者将各种组件(如模型、数据源、工具等)连接在一起，构建复杂的AI应用程序。“链”(Chain)在Langchain中是一个核心概念，它代表了多个组件的有序连接，用于完成特定任务。2.Langchain链的职责是什么?Langchain链的主要职责包括：流程编排：管理多个组
    
                    
    • 
                    
  • Weblogic XMLDecoder反序列化漏洞复现(CVE-2017-10271)
                        又菜又爱倒腾
漏洞复现安全漏洞
                        
    #WeblogicXMLDecoder反序列化漏洞(CVE-2017-10271)#一、漏洞简介weblogic的WLSSecurity组件对外提供webservice服务，其中使用了XMLDecoder来解析用户传入的XML数据，在解析的过程中出现反序列化漏洞，导致可执行任意命令。二、漏洞影响影响版本10.3.6.0.0，12.1.3.0.0，12.2.1.1.0，12.2.1.2.0三、产生原
    
                    
    • 
                    
  • 鸿蒙HarmonyOS NEXT开发：自定义事件拦截（ArkTS组件事件）
                        「已注销」
鸿蒙ArkTSharmonyos华为鸿蒙android驱动开发
                        
    为组件提供自定义的事件拦截能力，开发者可根据事件在控件上按下时发生的位置，输入源等事件信息决定控件上的HitTestMode属性。说明：从APIVersion12开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。onTouchInterceptonTouchIntercept(callback:Callback)系统能力：SystemCapability.ArkUI.ArkUI
    
                    
    • 
                    
  • 鸿蒙5.0版开发：UI界面[email protected] (componentUtils)
                        星星不闪包退1
ArkTS鸿蒙5.0ArkUIharmonyos华为android鸿蒙前端UI
                        
    往期鸿蒙全套实战文章必看：鸿蒙开发核心知识点，看这篇文章就够了最新版！鸿蒙HarmonyOSNext应用开发实战学习路线鸿蒙HarmonyOSNEXT开发技术最全学习路线指南鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）@ohos.arkui.componentUtils(componentUtils)提供获取组件绘制区域坐标和大小的能力。说明：从APIVersion10开始支持。后续
    
                    
    • 
                    
  • 鸿蒙 @ohos.arkui.inspector (布局回调)
                        淼学派对
harmonyos华为
                        
    鸿蒙@ohos.arkui.inspector(布局回调)在鸿蒙开发中，@ohos.arkui.inspector模块提供了一种强大的方式来监听组件的布局和绘制完成事件。这对于实现动态布局调整、自定义动画以及优化性能等场景非常有用。本文将详细介绍如何使用@ohos.arkui.inspector模块实现布局回调，并提供一些实际代码示例。一、功能概述@ohos.arkui.inspector模块提供
    
                    
    • 
                    
  • 鸿蒙 @ohos.arkui.node
                        淼学派对
harmonyos华为
                        
    鸿蒙@ohos.arkui.node在鸿蒙开发中，@ohos.arkui.node模块提供了一系列用于构建和管理自定义节点的API。这些API组织在一起，方便开发者进行导出和使用。本文将详细介绍@ohos.arkui.node模块的功能和使用方法。一、模块功能概述@ohos.arkui.node模块提供了以下功能：（一）BuilderNode模块功能：提供能够挂载原生组件的自定义节点Builder
    
                    
    • 
                    
  • 鸿蒙NEXT开发【@ohos.arkui.observer (无感监听)】 UI界面API
                        傲慢的螺蛳粉
日志harmonyos华为鸿蒙鸿蒙系统程序员创富ui
                        
    提供UI组件行为变化的无感监听能力。说明从APIVersion11开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。导入模块import{uiObserverasobserver}from'@kit.ArkUI';NavDestinationStateNavDestination组件状态。元服务API：从APIversion12开始，该接口支持在元服务中使用。系统能力：Syst
    
                    
    • 
                    
  • vue处理接口返回EventStream数据并进行展示
                        zuo-yiran
vue学习笔记jsvue.js前端javascript
                        
    1、在Vue组件中连接外部SSE接口HTML：来自本地文件的SSE流数据：-----+++++JS：mounted(){//http://localhost:3001/sse-stream为返回EventStream数据的地址consteventSource=newEventSource('http://localhost:3001/sse-stream');//监听消息事件eventSource
    
                    
    • 
                    
  • 数据架构与机器学习：如何构建智能系统
                        AI天才研究院
AI大模型应用入门实战与进阶大数据人工智能语言模型AILLMJavaPython架构设计AgentRPA
                        
    1.背景介绍机器学习（MachineLearning）是一种使计算机程序在未被明确编程的情况下，通过经验的学习自动改善其行为的技术。机器学习的目标是使计算机能够自主地从数据中学习，以便在未来的问题中做出更好的决策。数据架构（DataArchitecture）是一种用于有效管理、存储和处理数据的系统结构和组件。数据架构涉及到数据的收集、存储、处理和分析，以及数据的存储和传输。数据架构是构建智能系统的
    
                    
    • 
                    
  • 分布式光伏电站经济性指标优化分析
                        罗思付之技术屋
网络通信安全及科学技术专栏分布式
                        
    摘要结合工程经验，分析了工商业分布式光伏电站平准发电成本（LevelizedCostofEnergy，LCOE）、资本金内部收益率（InternalRateofReturn，IRR）的主要影响因素，其中平准发电成本主要受静态投资影响，资本金内部收益率主要受消纳比影响。针对上述影响因素，进一步讨论了LCOE、IRR指标优化方法与在工程项目中可选用的举措。最后，结合实际项目背景，在站址条件、组件瓦单价
    
                    
    • 
                    
  • Uniapp当中的scroll-view滚动条不出现或者触底刷新事件不触发
                        堕落年代
uniappuni-app
                        
    一、未正确设置容器高度问题描述scroll-view未设置明确高度或高度值无效，导致无法形成有效滚动区域。解决方案•使用行内样式直接设置height（如style="height:500rpx;"），避免类名样式被覆盖。•动态计算高度（例如通过uni.getSystemInfoSync()获取屏幕剩余高度）。二、滚动条样式被覆盖或隐藏问题描述•默认滚动条被全局CSS样式（如::-webkit-sc
    
                    
    • 
                    
  • uniapp vue3项目用原生h5 audioContext实现语音文件倍速播放，可适应h5和安卓app
                        努力做大神
uni-appandroid音频倍速播放
                        
    前言uniapp项目要做类似微信的聊天语音播放功能，可以切换语音，可以点击切换播放/停止播放状态，还可以倍速播放。开始用了uniapp的音频组件uni.createInnerAudioContext()，很好用但就是倍速播放playbackRate属性不起作用，经过研究，决定用原生h5的audioContext。AudioContext是WebAudioAPI的一部分，它代表了一个音频处理图，允许
    
                    
    • 
                    
  • 69.Harmonyos NEXT图片预览组件应用实践（二）：电商、内容与办公场景
                        
harmonyos-next
                        
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyosNEXT图片预览组件应用实践（二）：电商、内容与办公场景效果预览一、电商应用最佳实践1.功能需求电商应用中的商品图片预览需求包括：支持商品多角度图片查看高清缩放查看商品细节商品参数标注和热点标记与商品信息面板的联动支持视频和图片混合展示2.实现
    
                    
    • 
                    
  • Android第二次面试总结（项目拷打实战）
                        每次的天空
android
                        
    MVVM+Jetpack组件落地采用ViewModel+LiveData实现数据驱动开发，将UI逻辑与业务逻辑解耦，通过LiveData的生命周期感知能力避免内存泄漏。使用WorkManager替代传统Service处理后台任务（如数据同步），结合Room数据库实现任务持久化，确保应用被杀后仍能恢复任务。性能优化实战集成Glide加载国风插画，结合自定义三级缓存策略（内存LRU+磁盘缓存+本地资源
    
                    
    • 
                    
  • vue中el-tree的懒加载
                        zhz5214
vuevue.jselementuijavascript前端
                        
    el-tree是ElementUI中的一种树形控件，它可以在页面中显示树形数据结构，同时支持懒加载。懒加载是指在Vue组件渲染的过程中，只加载当前可见的部分数据，而不是一次性加载整个数据。这种方法可以显著提高页面的加载速度和响应性能，特别是在大型数据集上。要使用el-tree的懒加载功能，需要在树形控件组件中提供一个load方法。load方法会在展开一个父节点时触发，它的参数包含了父节点的数据和一
    
                    
    • 
                    
  • kettle数据同步
                        zhz5214
数据同步javaetlbigdata数据仓库运维开发
                        
    Kettle是一个强大的数据集成工具，可以用来实现各种数据同步的需求。以下是一些常见的Kettle数据同步的实现方法：数据库之间的同步：使用Kettle中的数据库连接组件，可以连接多个不同的数据库，并通过数据抽取、转换和加载步骤实现数据同步。文件之间的同步：Kettle可以读取和写入各种类型的文件，包括CSV、Excel、JSON和XML等格式。因此，可以通过读取源文件、转换数据格式，并将其写入目
    
                    
    • 
                    
  • 从前端视角理解消息队列：核心问题与实战指南
                        秋水为渡
前端
                        
    消息队列（MessageQueue）是现代分布式系统的核心组件之一，它在前后端协作、系统解耦、流量削峰等场景中发挥着重要作用。本文从前端开发者视角出发，解析消息队列的关键问题，并结合实际场景给出解决方案。一、为什么要使用消息队列？1.前端常见场景异步任务处理：用户行为日志上报、实时通知推送流量削峰：应对秒杀活动、大文件上传等瞬时高并发场景系统解耦：前端与后端服务、第三方服务之间的松耦合通信2.前端
    
                    
    • 
                    
  • UNet 改进：添加Transformer注意力机制增强捕捉长距离依赖关系的能力
                        听风吹等浪起
AI改进系列transformer深度学习人工智能
                        
    目录1.Transformer注意力机制2.Unet改进3.代码1.Transformer注意力机制TransformerBlock是Transformer模型架构的基本组件，广泛应用于机器翻译、文本摘要和情感分析等自然语言处理任务。TransformerBlock是一个由两个子组件组成的构建块：多头注意力机制和前馈神经网络。这两个组件协同工作，处理和转换输入序列。多头注意力机制负责从输入序列中捕
    
                    
    • 
                    
  • Vue动态组件完全指南：原理、使用场景与最佳实践
                        北辰alk
前端vuevue.jsjavascript前端
                        
    文章目录一、什么是动态组件？核心特性：二、基本使用方式1.基础语法2.组件注册方式3.动态组件生命周期三、六大典型应用场景1.标签页切换系统2.多步骤表单流程3.动态仪表盘4.权限驱动视图5.插件系统集成6.服务端驱动界面四、高级使用技巧1.状态保持方案2.动态Props传递3.异步组件加载4.过渡动画支持五、性能优化策略1.缓存策略对比2.代码分割配置3.内存管理示例六、常见问题解决方案1.组件
    
                    
    • 
                    
  • Apache OFBiz路径遍历漏洞(CVE-2024-36104)
                        WuY1nSec
漏洞复现apache
                        
    0x01漏洞描述ApacheOFBiz是美国阿帕奇（Apache）基金会的一套企业资源计划（ERP）系统。该系统提供了一整套基于Java的Web应用程序组件和工具。ApacheOFBiz18.12.14之前版本存在命令执行漏洞，该漏洞源于ControlFilter对路径限制不当导致用户能够访问ProgramExport导出功能执行Groovy代码。0x02影响版本ApacheOFBiz<18.12
    
                    
    • 
                    
  • 解码数字基因：数据架构如何重塑企业核心竞争力？——全面解析数据架构的战略价值与实践路径
                        领码科技
产业篇央国企技能篇数据架构数据模型数据资产目录企业数字化转型TOGAF
                        
    摘要：数据架构作为企业数字化转型的“基因图谱”，通过整合业务需求与IT实现，构建起数据流动的规则体系。本文系统剖析数据架构的四大核心组件（数据资产目录、数据模型、数据标准、数据分布）及其协同逻辑，揭示其在TOGAF4A架构中的桥梁作用，解读从架构规划到主数据落地的全生命周期管理。结合华为等标杆企业实践，提供兼具理论深度与实操指导的方法论框架，助力企业打造高质量数据底座。关键词：数据架构、数据模型、
    
                    
    • 
                    
  • 鸿蒙的 Stage 模型
                        淼学派对
harmonyos华为
                        
    鸿蒙的Stage模型在鸿蒙Next开发中，Stage模型是应用开发的核心架构之一，它为开发者提供了一种高效、灵活的方式来构建分布式应用。本文将详细介绍鸿蒙Stage模型的基本概念、应用配置文件的使用、UIAbility组件的介绍以及如何通过Stage模型开发复杂应用。一、Stage模型的基本概念（一）什么是Stage模型？Stage模型是鸿蒙HarmonyOSAPI9开始新增的应用模型，是目前主推
    
                    
    • 
                    
  • 用 Pinia 点燃 Vue 3 应用：状态管理革新之旅
                        心中的灯塔
vue.js前端javascript
                        
    用Pinia点燃Vue3应用：状态管理革新之旅用Pinia点燃Vue3应用：状态管理革新之旅什么是Pinia？安装与基础配置创建和使用Store定义Store在组件中使用Store高级用法组合多个Store持久化状态总结用Pinia点燃Vue3应用：状态管理革新之旅在构建现代前端应用时，如何高效管理状态一直是开发者关注的焦点。随着Vue3的普及，官方推荐的状态管理方案Pinia因其轻量、灵活和易于
    
                    
    • 
                    
  • 玩转 Vue 3：自定义指令让页面魔法随心而动
                        心中的灯塔
vue.jsjavascript前端
                        
    玩转Vue3：自定义指令让页面魔法随心而动玩转Vue3：自定义指令让页面魔法随心而动什么是自定义指令？全局注册示例：高亮效果指令注册自定义指令在组件中使用局部注册与高级用法局部注册示例小结玩转Vue3：自定义指令让页面魔法随心而动在Vue3中，自定义指令为我们提供了在模板中直接操作DOM的能力，不仅可以让我们的页面效果更炫酷，还能将一些通用逻辑抽离出来，做到代码复用。本文将带你了解Vue3自定义指
    
                    
    • 
                    
  • Spring bean factory
                        门里有什么

                        
    EJB：JAVA中的商业应用组件技术（EnterpriseJavaBean）控制反转/反向控制inversionofcontrol依赖注入：dependencyinjection所有的类的创建、销毁都由spring来控制，也就是说控制对象生存周期的不再是引用它的对象，而是spring。对于某个具体的对象而言，以前是它控制其他对象，现在是所有对象都被spring控制，所以这叫控制反转。IoC的一个重
    
                    
    • 
                    
  • 什么是 MVC 架构？它在后端开发中的作用是什么？
                        破碎的天堂鸟
学习教程mvc架构
                        
    MVC（Model-View-Controller）架构是一种广泛应用于软件开发的分层设计模式，尤其在后端开发和Web应用程序中占据重要地位。其核心思想是通过职责分离，将应用程序分为三个独立的组件——模型（Model）、视图（View）和控制器（Controller），从而实现代码的高效管理和维护。以下从定义、组成部分及其在后端开发中的作用展开详细说明：一、MVC架构的定义与组成部分1.模型（Mo
    
                    
    • 
                    
  • java解析el-upload上传的文件,vue+elementui 使用el-upload组件实现单个文件手动上传
                        神经脱臼

                        
    ref='upload'style="width:100%":action="uploadUrl":on-remove="handleRemove":on-change="handleChange":data="uploadData":file-list="filelist":before-upload="handleBeforeUpload":auto-upload="false">选取文件仅支
    
                    
    • 
                                
  • 插入表主键冲突做更新
                                    a-john

                                    
    有以下场景： 
用户下了一个订单，订单内的内容较多，且来自多表，首次下单的时候，内容可能会不全（部分内容不是必须，出现有些表根本就没有没有该订单的值）。在以后更改订单时，有些内容会更改，有些内容会新增。 
问题： 
如果在sql语句中执行update操作，在没有数据的表中会出错。如果在逻辑代码中先做查询，查询结果有做更新，没有做插入，这样会将代码复杂化。 
解决： 
mysql中提供了一个sql语
    
                                
    • 
                                
  • Android xml资源文件中@、@android:type、@*、？、@+含义和区别
                                    Cb123456
@+@?@*
                                    
    一.@代表引用资源 
1.引用自定义资源。格式：@[package:]type/name 
android：text="@string/hello" 
  
2.引用系统资源。格式：@android:type/name 
    android:textColor="@android:color/opaque_red"
    
                                
    • 
                                
  • 数据结构的基本介绍
                                    天子之骄
数据结构散列表树、图线性结构价格标签
                                    
    数据结构的基本介绍 
数据结构就是数据的组织形式，用一种提前设计好的框架去存取数据，以便更方便，高效的对数据进行增删查改。正确选择合适的数据结构，对软件程序的高效执行的影响作用不亚于算法的设计。此外，在计算机系统中数据结构的作用也是非同小可。例如常常在编程语言中听到的栈，堆等，就是经典的数据结构。 
  
经典的数据结构大致如下： 
  
一：线性数据结构 
(1)：列表 
a
    
                                
    • 
                                
  • 通过二维码开放平台的API快速生成二维码
                                    一炮送你回车库
api
                                    
     现在很多网站都有通过扫二维码用手机连接的功能，联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊，写了个前台快速生成二维码的方法。 
       html代码如下:(二维码将生成在这div下)    
?       1      
 &nbs
    
                                
    • 
                                
  • ImageIO读取一张图片改变大小
                                    3213213333332132
javaIOimageBufferedImage
                                    
    
package com.demo;

import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;

import javax.imageio.ImageIO;

/**
 * @Description 读取一张图片改变大小
 * @author FuJianyon
    
                                
    • 
                                
  • myeclipse集成svn（一针见血）
                                    7454103
eclipseSVNMyEclipse
                                    
                                     &n
    
                                
    • 
                                
  • 装箱与拆箱----autoboxing和unboxing
                                    darkranger
J2SE
                                    
    4.2　自动装箱和拆箱 
 
基本数据(Primitive)类型的自动装箱(autoboxing)、拆箱(unboxing)是自J2SE 5.0开始提供的功能。虽然为您打包基本数据类型提供了方便，但提供方便的同时表示隐藏了细节，建议在能够区分基本数据类型与对象的差别时再使用。 
 
4.2.1　autoboxing和unboxing 
 
在Java中，所有要处理的东西几乎都是对象(Object)
    
                                
    • 
                                
  • ajax传统的方式制作ajax
                                    aijuans
Ajax
                                    
    //这是前台的代码 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+
    
                                
    • 
                                
  • 只用jre的eclipse是怎么编译java源文件的？
                                    avords
javaeclipsejdktomcat
                                    
    eclipse只需要jre就可以运行开发java程序了，也能自动 编译java源代码，但是jre不是java的运行环境么，难道jre中也带有编译工具？ 还是eclipse自己实现的？谁能给解释一下呢问题补充：假设系统中没有安装jdk or jre，只在eclipse的目录中有一个jre，那么eclipse会采用该jre，问题是eclipse照样可以编译java源文件，为什么呢？ 
&nb
    
                                
    • 
                                
  • 前端模块化
                                    bee1314
模块化
                                    
    背景：   前端JavaScript模块化，其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来，还处于刀耕火种的野蛮生长阶段。       JavaScript一直缺乏有效的包管理机制，造成了大量的全局变量，大量的方法冲突。我们多么渴望有天能像Java（import），Python (import)，Ruby(require)那样写代码。在没有包管理机制的年代，我们是怎么避免所
    
                                
    • 
                                
  • 处理百万级以上的数据处理
                                    bijian1013
oraclesql数据库大数据查询
                                    
    一.处理百万级以上的数据提高查询速度的方法：        1.应尽量避免在 where 子句中使用!=或<>操作符，否则将引擎放弃使用索引而进行全表扫描。 
        2.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 o
    
                                
    • 
                                
  • mac 卸载 java 1.7 或更高版本
                                    征客丶
javaOS
                                    
    卸载 java 1.7 或更高 
sudo rm -rf /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin 
成功执行此命令后，还可以执行 java 与 javac 命令 
 
sudo rm -rf /Library/PreferencePanes/JavaControlPanel.prefPane 
成功执行此命令后，还可以执行 java 
    
                                
    • 
                                
  • 【Spark六十一】Spark Streaming结合Flume、Kafka进行日志分析
                                    bit1129
Stream
                                    
    第一步，Flume和Kakfa对接，Flume抓取日志，写到Kafka中 
第二部，Spark Streaming读取Kafka中的数据，进行实时分析 
  
本文首先使用Kakfa自带的消息处理（脚本）来获取消息，走通Flume和Kafka的对接 1. Flume配置 
1. 下载Flume和Kafka集成的插件，下载地址：https://github.com/beyondj2ee/f
    
                                
    • 
                                
  • Erlang vs TNSDL
                                    bookjovi
erlang
                                    
      
    TNSDL是Nokia内部用于开发电信交换软件的私有语言，是在SDL语言的基础上加以修改而成，TNSDL需翻译成C语言得以编译执行，TNSDL语言中实现了异步并行的特点，当然要完整实现异步并行还需要运行时动态库的支持，异步并行类似于Erlang的process（轻量级进程），TNSDL中则称之为hand，Erlang是基于vm(beam)开发，
    
                                
    • 
                                
  • 非常希望有一个预防疲劳的java软件, 预防过劳死和眼睛疲劳,大家一起努力搞一个
                                    ljy325
企业应用
                                    
    　非常希望有一个预防疲劳的java软件，我看新闻和网站，国防科技大学的科学家累死了，太疲劳，老是加班，不休息，经常吃药，吃药根本就没用，根本原因是疲劳过度。我以前做java,那会公司垃圾，老想赶快学习到东西跳槽离开，搞得超负荷，不明理。深圳做软件开发经常累死人，总有不明理的人，有个软件提醒限制很好，可以挽救很多人的生命。 
 
相关新闻： 
（1）IT行业成五大疾病重灾区：过劳死平均37.9岁 

    
                                
    • 
                                
  • 读《研磨设计模式》-代码笔记-原型模式
                                    bylijinnan
java设计模式
                                    
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ 
 
 



/**
 * Effective Java 建议使用copy constructor or copy factory来代替clone()方法：
 * 1.public Product copy(Product p){}
 * 2.publi
    
                                
    • 
                                
  • 配置管理---svn工具之权限配置
                                    chenyu19891124
SVN
                                    
    今天花了大半天的功夫，终于弄懂svn权限配置。下面是今天收获的战绩。 
安装完svn后就是在svn中建立版本库，比如我本地的是版本库路径是C:\Repositories\pepos。pepos是我的版本库。在pepos的目录结构 
pepos 
   component 
   webapps 
在conf里面的auth里赋予的权限配置为 
[groups]
    
                                
    • 
                                
  • 浅谈程序员的数学修养
                                    comsci
设计模式编程算法面试招聘
                                    
             
                        浅谈程序员的数学修养 
    
                                
    • 
                                
  • 批量执行 bulk collect与forall用法
                                    daizj
oraclesqlbulk collectforall
                                    
    BULK COLLECT 子句会批量检索结果，即一次性将结果集绑定到一个集合变量中，并从SQL引擎发送到PL/SQL引擎。通常可以在SELECT INTO、 
FETCH INTO以及RETURNING INTO子句中使用BULK COLLECT。本文将逐一描述BULK COLLECT在这几种情形下的用法。 
    有关FORALL语句的用法请参考：批量SQL之 F
    
                                
    • 
                                
  • Linux下使用rsync最快速删除海量文件的方法
                                    dongwei_6688
OS
                                    
    1、先安装rsync：yum install rsync 
2、建立一个空的文件夹：mkdir /tmp/test 
3、用rsync删除目标目录：rsync --delete-before -a -H -v --progress --stats /tmp/test/ log/这样我们要删除的log目录就会被清空了，删除的速度会非常快。rsync实际上用的是替换原理，处理数十万个文件也是秒删。 

    
                                
    • 
                                
  • Yii CModel中rules验证规格
                                    dcj3sjt126com
rulesyiivalidate
                                    
    Yii cValidator主要用法分析：  
 yii验证rulesit 分类： Yii yii的rules验证 cValidator主要属性 attributes ,builtInValidators,enableClientValidation,message,on,safe,skipOnError 
 
    
                                
    • 
                                
  • 基于vagrant的redis主从实验
                                    dcj3sjt126com
vagrant
                                    
    平台: Mac 
工具: Vagrant 
系统: Centos6.5 
实验目的: Redis主从 
  
实现思路 
制作一个基于sentos6.5, 已经安装好reids的box, 添加一个脚本配置从机, 然后作为后面主机从机的基础box 
  
制作sentos6.5+redis的box 
  
mkdir vagrant_redis 
cd vagrant_
    
                                
    • 
                                
  • Memcached(二)、Centos安装Memcached服务器
                                    frank1234
centosmemcached
                                    
    一、安装gcc 
rpm和yum安装memcached服务器连接没有找到，所以我使用的是make的方式安装，由于make依赖于gcc，所以要先安装gcc 
 
开始安装，命令如下，[color=red][b]顺序一定不能出错[/b][/color]：

建议可以先切换到root用户，不然可能会遇到权限问题：su root 输入密码......


rpm -ivh kernel-head
    
                                
    • 
                                
  • Remove Duplicates from Sorted List
                                    hcx2013
remove
                                    
    Given a sorted linked list, delete all duplicates such that each element appear only once. 
For example,Given 1->1->2, return 1->2.Given 1->1->2->3->3, return&
    
                                
    • 
                                
  • Spring4新特性——JSR310日期时间API的支持
                                    jinnianshilongnian
spring4
                                    
    Spring4新特性——泛型限定式依赖注入 
Spring4新特性——核心容器的其他改进 
Spring4新特性——Web开发的增强 
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  
Spring4新特性——Groovy Bean定义DSL 
Spring4新特性——更好的Java泛型操作API  
Spring4新
    
                                
    • 
                                
  • 浅谈enum与单例设计模式
                                    247687009
java单例
                                    
    在JDK1.5之前的单例实现方式有两种(懒汉式和饿汉式并无设计上的区别故看做一种)，两者同是私有构
造器，导出静态成员变量，以便调用者访问。

第一种 
package singleton;

public class Singleton {
        //导出全局成员
        public final static Singleton INSTANCE = new S
    
                                
    • 
                                
  • 使用switch条件语句需要注意的几点
                                    openwrt
cbreakswitch
                                    
    1. 当满足条件的case中没有break，程序将依次执行其后的每种条件（包括default）直到遇到break跳出 
 
int main()
{
    int n = 1;
    switch(n) {
    case 1:
        printf("--1--\n");
    default:
        printf("defa
    
                                
    • 
                                
  • 配置Spring Mybatis JUnit测试环境的应用上下文
                                    schnell18
springmybatisJUnit
                                    
    Spring-test模块中的应用上下文和web及spring boot的有很大差异。主要试下来差异有： 
 
 单元测试的app context不支持从外部properties文件注入属性 
 @Value注解不能解析带通配符的路径字符串 
 
解决第一个问题可以配置一个PropertyPlaceholderConfigurer的bean。 
第二个问题的具体实例是： 
   
    
                                
    • 
                                
  • Java 定时任务总结一
                                    tuoni
javaspringtimerquartztimertask
                                    
     Java定时任务总结  一.从技术上分类大概分为以下三种方式：  1.Java自带的java.util.Timer类，这个类允许你调度一个java.util.TimerTask任务;   说明：    java.util.Timer定时器，实际上是个线程，定时执行TimerTask类 &
    
                                
    • 
                                
  • 一种防止用户生成内容站点出现商业广告以及非法有害等垃圾信息的方法
                                    yangshangchuan
rank相似度计算文本相似度词袋模型余弦相似度
                                    
    本文描述了一种在ITEYE博客频道上面出现的新型的商业广告形式及其应对方法，对于其他的用户生成内容站点类型也具有同样的适用性。 
  
最近在ITEYE博客频道上面出现了一种新型的商业广告形式，方法如下： 
    1、注册多个账号（一般10个以上）。 
    2、从多个账号中选择一个账号，发表1-2篇博文
    
                                
    • 
                

            

        

    
）
table-cell  作为一个表格单元格显示（类似 
 和 ）
table-column    作为一个单元格列显示（类似