朝着大前端冲鸭
朝着大前端冲鸭

ElementUI组件系列解读之＜Radio/Group＞

El-radio

源码部分   

ElementUI组件系列解读之＜Radio/Group＞_第1张图片

这几句都是用来为不方便的人士提供的功能，比如屏幕阅读器，role的作用是描述一个非标准的tag的实际作用。比如用div做button，那么设置div 的 role="button"，辅助工具就可以认出这实际上是个button。 aria的意思是Accessible Rich Internet Application，aria-*的作用就是描述这个tag在可视化的情境中的具体信息

props部分

ElementUI组件系列解读之＜Radio/Group＞_第2张图片

  逻辑部分

ElementUI组件系列解读之＜Radio/Group＞_第3张图片

注意到这里有个this.dispatch api

这个是借助了发布订阅模式来父子组件函数调用  这个方法写在了mixins里

ElementUI组件系列解读之＜Radio/Group＞_第4张图片

需要注意的是这里需要使用apply来让函数的this指向指定的组件实例

从templete 我们好像没有看到有@input方法 也没有@click点击事件，为啥就能触发父组件的@input方法呢？

答案就在 v-model

ElementUI组件系列解读之＜Radio/Group＞_第5张图片

当我们点击该input时 会触发该input的@input 从而调用了model的set方法

  

ElementUI组件系列解读之＜Radio/Group＞_第6张图片

这里显示的重写set方法是为了书写更多的业务逻辑！

而input在这里是绝对定位、不可见的

ElementUI组件系列解读之＜Radio/Group＞_第7张图片

这里需要注意的是：只有opacity才能保留事件  

同时

ElementUI组件系列解读之＜Radio/Group＞_第8张图片

样式部分：

主要看选中状态的变化

ElementUI组件系列解读之＜Radio/Group＞_第9张图片

小圆球效果 利用了伪元素的缩放初始时为0

ElementUI组件系列解读之＜Radio/Group＞_第10张图片

选中后，大圈改变背景颜色，伪元素缩大原来大小 从而实现提示效果

EL-Radio-group

源码结构****

  

ElementUI组件系列解读之＜Radio/Group＞_第11张图片

可见group结构还是很简单的

逻辑部分

ElementUI组件系列解读之＜Radio/Group＞_第12张图片

radio组件

ElementUI组件系列解读之＜Radio/Group＞_第13张图片

Value的传递方向：radio借助dispatch获取到指定的父组件实例 然后调用父组件this.$on监听的handleChange事件  然后在grounp组件中对value进行监听 并再次借助dispatch传给form的item组件

注意：在涉及到父子组件插槽时父组件实例获取有两种方式

1. 通过provide/inject

2. 通过this.$parent.componentName+while

你可能感兴趣的:(ElementUI组件系列解读,前端,vue.js)

  • 鸿蒙HarmonyOS NEXT开发：组件-样式-基础 2 程序员阿俊 harmonyos华为
    //1//2ArkUI基本语法//方舟开发框架（简称：ArkUI），是一套构建HarmonyOS应用界面的框架。//构建页面的最小单位就是"组件"。//组件名(参数){//内容//}//.属性1()//.属性2()//.属性N()importtextfrom'@ohos.graphics.text'//@Entry//@Component//structIndex{//build(){//Colu
  • 卷积神经网络（Convolutional Neural Network，CNN）详细解释（带示例） 浪九天 人工智能理论人工智能神经网络深度学习机器学习
    目录卷积神经网络示例Python案例代码解释卷积神经网络概述：卷积神经网络是一种专门为处理具有网格结构数据（如图像、音频）而设计的深度学习模型。它通过卷积层、池化层和全连接层等组件，自动提取数据的特征，大大减少了模型的参数数量，降低计算量，同时提高了模型的泛化能力。主要组件卷积层：是CNN的核心组件，由多个卷积核组成。卷积核在数据上滑动，通过卷积操作提取数据的局部特征。卷积操作是将卷积核与数据的局
  • 北京大学：2本手册，拓展AI应用深度与广度 2501_90766876 pdf
    《DeepSeek与AIGC应用》对DeepSeek-R1进行了详细解读，包括其技术特性、发展历程、应用场景以及在AIGC（人工智能生成内容）领域的定位。深入剖析DeepSeek-R1在复杂逻辑推理、数学和编程任务中的优异表现，揭示其在推理密集型任务、教育、科研、知识应用和文档分析等领域的独特优势，为AIGC领域的从业者和爱好者提供了深入了解DeepSeek的窗口。《DeepSeek提示词工程和落
  • 聊一聊 IM 要如何提升用户体验？ 后端java
    IM系列imdoc实时通讯文档仓库聊一聊IM是什么？聊一聊IM即时通讯系统聊一聊IM要如何设计？聊一聊IM要如何设计功能模块？聊一聊IM要如何进行架构设计？聊一聊IM要如何进行技术选型？聊一聊IM要如何保证安全性？聊一聊IM要如何保证扩展性？聊一聊IM要如何实现运维与监控？聊一聊IM要如何提升用户体验？聊一聊IM要如何进行测试与部署？聊一聊IM要如何编写文档+技术支持？聊一聊IM要如何打造差异化？
  • HarmonyOS Next 应用开发实战：构建高性能动画组件（ArkTS深度解析） 前端
    第一章案例背景与技术选型###1.1项目需求分析本案例将实现一个复杂的粒子动画登录界面，包含以下核心功能：1.动态粒子背景：300+粒子按流体力学规律运动2.智能输入框：输入时触发粒子聚散动画3.登录按钮：3D翻转交互动效4.性能优化：确保60fps流畅运行1.2技术方案设计采用ArkTS实现以下技术组合：typescript//粒子对象数据结构classParticle{x:number=0y:
  • 聊一聊 IM 要如何提升用户体验？ 后端java
    IM系列imdoc实时通讯文档仓库聊一聊IM是什么？聊一聊IM即时通讯系统聊一聊IM要如何设计？聊一聊IM要如何设计功能模块？聊一聊IM要如何进行架构设计？聊一聊IM要如何进行技术选型？聊一聊IM要如何保证安全性？聊一聊IM要如何保证扩展性？聊一聊IM要如何实现运维与监控？聊一聊IM要如何提升用户体验？聊一聊IM要如何进行测试与部署？聊一聊IM要如何编写文档+技术支持？聊一聊IM要如何打造差异化？
  • 前端进阶题（面试必看） Caleb-niu 面试指南前端面试职场和发展
    网络&安全❓输入URL地址后发生了什么事情？DNS域名解析，从URL地址中获取域名地址，通过DNS服务器解析为IP地址。先本地缓存（浏览器、操作系统）》ISP网络服务商》根服务器（根域、一级域、二级域、三级域）建立TCP连接，HTTP协议是基于TCP协议的，浏览器与服务端通过三次握手建立TCP连接（如果是HTTPS则是四次握手，多了因此SSL握手）。下载数据，向服务端发送请求报文（header+b
  • 前端开发常用的加密算法 爱分享的程序员 前端前端
    以下是前端开发中常用的加密方式及其适用场景的详细说明：一、核心加密方案加密类型常用算法特点适用场景对称加密AES、DES、3DES加密解密使用相同密钥，速度快本地存储加密、HTTPBody加密非对称加密RSA、ECC公钥加密私钥解密，安全性高传输敏感数据、数字签名哈希算法SHA-256、MD5（不推荐）单向不可逆，验证数据完整性密码存储、数据校验消息认证码HMAC带密钥的哈希，防篡改API签名验证
  • 前端数据缓存的几种方式详细讲解 爱分享的程序员 前端前端缓存
    以下是前端数据缓存的完整解决方案，涵盖策略设计、技术实现和性能优化：一、缓存策略分层设计缓存策略内存缓存持久化缓存Map/WeakMap闭包变量LocalStorageSessionStorageIndexedDBServiceWorker二、核心场景实现方案1.高频请求数据缓存（内存缓存）//使用Map实现LRU缓存classMemoryCache{constructor(maxSize=100
  • SpringBoot项目：前后端打包与部署（使用 Maven） 总是学不会. mavenjava前端后端服务器
    文章目录IDEA后端打包与部署（使用Maven）1.确保Maven已安装，并引入pom插件2.清理并安装项目3.定位生成的JAR包和配置文件4.创建部署文件夹5.上传到服务器前端打包与部署（使用npm）1.确保Node.js和npm已安装2.安装依赖3.构建生产环境代码4.准备部署文件夹5.上传到服务器自动化的想法可能出现的异常参考IDEA后端打包与部署（使用Maven）1.确保Maven已安装，
  • Pulsar官方文档学习笔记——架构概览 咚伢 学习笔记架构云原生zookeeper分布式
    架构概览在最高配置下，pulsar服务应该由一个或多个pulsar集群组成。一个pulsar集群可以包括如下组件一个或多个broker。broker会将生产者的消息分派给消费者。与pulsar配置存储通信来协调各种任务。将消息存储在BookKeeper实例中（也可以叫bookie）。并且依赖zk集群执行一些特定的任务一个BookKeeper集群，由多个bookies组成。可以持久化消息（企业级分布
  • Windows 11 新增功能全解析：特性、使用与注意事项 xueyunshengling 微软精华知识宝箱微软合作伙伴计划windows系统功能Win11Windows11新增功能
    自Windows11发布以来，其一系列令人耳目一新的新增功能便吸引了众多用户的目光。相较于以往的Windows版本，Windows11在界面设计、性能优化以及功能拓展等方面均实现了重大变革。今天，就让我们一同深入探究Windows11的新增功能，详细了解它们的特性、使用方法以及使用过程中需要留意的事项。一、焕然一新的开始菜单与任务栏（一）功能特性居中布局设计：Windows11的开始菜单和任务栏默
  • 前端21：Vue.js开发实践指南 mater lai
    本文还有配套的精品资源，点击获取简介：Vue.js是前端开发领域流行的JavaScript框架，"前端21"项目展示了基于Vue.js的Web应用程序开发。本文详细介绍了Vue.js的核心概念、项目设置、npm脚本、自定义配置、文件结构、开发过程和VueCLI工具，以帮助开发者高效构建Web应用。1.Vue.js框架基础1.1Vue.js简介Vue.js是一套构建用户界面的渐进式JavaScrip
  • 1.7 Kaggle大白话：Eedi竞赛Transformer框架解决方案07-调用AI模型输出结果 AI量金术师 Kaggle竞赛人工智能transformer深度学习python算法
    目录0.本栏目竞赛汇总表1.本文主旨2.调用AI模型输出结果架构3.模型准备3.1代码实现3.2大白话模型准备4.数据处理4.1代码实现4.2大白话数据处理5.特征提取5.1代码实现5.2大白话特征提取6.相似度匹配6.1代码实现6.2大白话相似度匹配7.系列总结7.1章节回顾7.2竞赛排名7.3其他优秀项目（皆为竞赛金牌）0.本栏目竞赛汇总表Kaggle竞赛汇总1.本文主旨大白话：上一篇文章中，
  • 基于vue3 + ts 封装一个自定义的message组件 stpzhf javascript前端vue.js
    基于vue3+ts封装一个自定义的message组件今天尝试封装一个message弹框组件废话不多说直接上代码Message.vue这是一个message组件import{onMounted,ref}from'vue'typePropsType={timeout:numberclose:()=>void}const{timeout=3000,close}=defineProps()letvisib
  • Vue 路由基础：Vue 2 和 Vue 3 的比较与使用 念九_ysl Vuevue.js前端javascript
    Vue.js是一款非常流行的前端框架，而VueRouter是Vue.js的官方路由管理库。在前端开发中，路由是处理页面跳转和视图管理的关键部分。Vue2和Vue3都使用VueRouter来管理路由，但是随着Vue3的发布，VueRouter也有了不少变化。在本文中，我们将详细介绍Vue2和Vue3中的路由使用，比较它们之间的不同，并提供一些示例代码。一、安装VueRouter在Vue项目中使用Vu
  • 【TypeScript】ts在vue中的使用 咔咔库奇 #TypeScripttypescriptvue.jsjavascript
    目录一、Vue3+TypeScript1.项目创建与配置项目创建关键配置文件2.完整项目结构示例3.组件Props类型定义4.响应式数据与Ref5.Composition函数复用二、组件开发1.组合式API（CompositionAPI）2.选项式API（OptionsAPI)三、Vue2+TypeScript1.安装依赖2.类组件（VueClassComponent)3.Vuex类型安全四、状态
  • 自然语言处理：初识自然语言处理 梦丶晓羽 自然语言处理人工智能
    介绍大家好，博主又来给大家分享知识了。从这次开始，博主给大家分享自然语言处理这个领域的内容。这也是博主非常感兴趣的研究领域。最开始，博主计划在自然语言处理系列的第一篇博文中，和大家聊聊文本规范化这个话题。毕竟在自然语言处理领域里，文本规范化是一项基础且重要的工作，它能让原始文本变得更整齐有序，便于后续的处理分析。但转念一想，对于刚接触自然语言处理的小伙伴们来说，对于自然语言处理肯定会有些陌生。要是
  • 【Vue3实战】嵌套路由让前端项目结构更清晰 风清扬雨 前端Vue3前端vue.jsjavascript
    Hey小伙伴们，今天要跟大家分享的是Vue3中的一个超实用技巧——嵌套路由（NestedRouting）。无论你是Vue的新手还是老手，都一定不能错过这篇指南，因为学会它，你的项目结构将会变得更加清晰有序！‍✨什么是嵌套路由？嵌套路由是指在VueRouter中定义一个父路由，然后在这个父路由下定义多个子路由。这样做的好处是可以让你的项目结构更加模块化，而且在导航栏、面包屑等地方展示层级关系时也更加
  • Vue.js 全面技术指南 2301_81335708 vue.js前端javascript
    目录1.Vue.js基础入门1.1脚手架安装1.2基础指令使用v-bind动态绑定v-model双向绑定1.3条件渲染2.核心概念详解2.1计算属性与监听器2.2Methods方法2.3Filters过滤器3.组件化开发3.1组件基础3.2组件通信4.实战应用4.1ElementUI使用4.2Axios网络请求4.3路由配置5.进阶技巧5.1BOM定时器5.2DOM操作总结Vue.js高级开发指南
  • Kubernetes kubelet inotify summer_west_fish #容器云Kuberneteskuberneteskubeletjava
    在Kubernetes中，kubelet是运行在每个节点上的关键组件，负责管理Pod和容器的生命周期。kubelet使用多种机制来监控和管理容器的文件系统事件，其中一种机制是利用Linux的inotify接口。1.什么是inotify？inotify是一个Linux内核子系统，用于监控文件系统事件。它允许应用程序注册对特定文件或目录的监控，并在这些文件或目录发生变化时接收通知。inotify是一种
  • 自然语言处理：文本规范化 梦丶晓羽 python自然语言处理人工智能NLTKBPE
    介绍大家好！很高兴又能在这儿和大家分享自然语言处理相关的知识了。在上一篇发布于自然语言处理：初识自然语言处理-CSDN博客为大家初步介绍了自然语言处理的基本概念。而这次，我将进一步深入这个领域，和大家聊聊自然语言处理中一个关键的基础环节：文本规范化。好了，我们直接进入正题。文本规范化概念自然语言处理中的文本规范化，是指对原始文本进行一系列处理操作，使其具有统一、标准的格式和表达形式，以提高后续自然
  • Spring Web MVC ngioig spring前端mvc
    前言今天来复习SpringWebMVC框架。它提供了一套高效、便捷的方式来构建Web应用程序。今天，就让我们一同深入SpringWebMVC，从基础概念到实际应用，好好补补.一、SpringWebMVC是什么？官方定义解读根据官方描述，SpringWebMVC是基于ServletAPI构建的原始Web框架，从一开始就被纳入了Spring框架之中。其正式名称“SpringWebMVC”源于它的源模块
  • 前端开发核心知识点深度解析：从CSS到Vue的全面指南 A_cot cssvue.js前端开发语言javascript
    一、CSS篇1.link与@import的区别加载方式：是HTML标签，并行加载；@import是CSS语法，串行加载兼容性：@import不支持IE5以下DOM控制：link可通过JS操作DOM修改，@import不可动态修改权重计算：@import引入的样式优先级低于link@importurl('style.css');二、JavaScript篇2.原型链机制原型对象：每个函数都有proto
  • 教育培训APP开发全攻略：从网校系统源码搭建到功能优化的技术方案 万岳科技程序员小金 APP开发教学教育平台开发教育小程序软件开发APP开发在线教育系统源码教育APP开发教育平台搭建
    本篇文章，笔者将从网校系统源码搭建到功能优化的角度，全面解析教育培训APP的开发技术方案，帮助企业和开发者更好地理解如何提升在线教育平台的性能与用户体验。一、教育培训APP开发的核心架构教育培训APP的架构设计是其能否顺利运行和扩展的基础。在设计过程中，需要考虑到用户数量、数据存储、信息安全、系统响应速度等多个因素。因此，架构的选择至关重要。1、前端架构：用户体验为核心教育培训APP的前端设计直接
  • 因果推断在智能广告中的实践 AI天才研究院 计算AI大模型应用入门实战与进阶大数据人工智能语言模型AILLMJavaPython架构设计AgentRPA计算AI大模型应用
    非常感谢您提出这个有趣的话题。让我们一步步设计一个关于"因果推断在智能广告中的实践"的系统架构。这个项目将涉及复杂的数据分析、机器学习和广告投放系统，我们需要仔细考虑各个方面以确保系统的有效性和可扩展性。文章目录因果推断在智能广告中的实践-系统架构设计1.需求分析1.1功能需求1.2非功能性需求2.系统概述2.1高层次系统描述2.2主要组件及关系2.3系统核心流程3.详细架构设计3.1数据收集模块
  • 【RocketMQ 存储】ConsumeQueue 刷盘服务 FlushConsumeQueueService 月幻星影 RocketMQ源码分析rocketmqjavaConsumeQueue刷盘
    文章目录1.前言2.为什么ConsumeQueue没有提交服务3.FlushConsumeQueueService刷盘服务3.1参数3.2run方法3.3doFlush方法刷盘3.4ConsumeQueue#flush刷盘3.5MappedFileQueue#flush4.小结本文章基于RocketMQ4.9.31.前言RocketMQ存储部分系列文章：【RocketMQ存储】-RocketMQ存
  • HarmonyNext应用开发实战：ArkTS实现高性能动画引擎 前端
    本文面向具备HarmonyOS基础知识的开发者，通过实现一个复杂动画引擎案例，深入解析HarmonyNext中ArkTS的高级特性与性能优化策略。第一章：案例背景与核心技术解析本案例将构建一个可交互的粒子动画系统，包含以下技术栈：ArkUI声明式语法：通过组合式组件构建界面动画引擎架构：基于Canvas的底层渲染控制性能优化：Worker线程与渲染主线程协同数学计算：向量运算与三角函数应用技术选型
  • 我在成都教人用Flutter写TDD（下）——Flutter中的TDD fluttertdd敏捷开发
    哈喽，我是老刘书接上文，去成都帮助一家公司搭建基于Flutter的TDD开发流程。背景是客户接到来自欧洲的Flutter开发项目，要求开发流程使用TDD。老刘自己直接或者间接接触过的要求采用TDD或者敏捷开发的客户都是欧美客户。为啥欧美开发者对TDD或者敏捷开发的认可度这么高？老刘在这个系列的第一篇文章里结合自己两次敏捷开发的实践做了分析。感兴趣的同学可以看这里：我在成都教人用Flutter写TD
  • maven项目pom文件以war包方式导入依赖，修改依赖中某个子依赖版本失败 HPF_99 javamavenjava
    在开发中，有一个项目扫描到安全漏洞，要升级jackson版本法一：直接在pom.xml文件中导入完整的依赖com.alibabafastjson2.13.5这样可以直接将原来的依赖修改。如以上方法不行，查看maven库；打包插件是否有问题法二：因pom文件导入的依赖过多，先用idea中maven组件找到依赖来源。找到一个依赖是以jar方式导入，此依赖pom文件中确实导入了jackson，这种的话，
  • Java开发中，spring mvc 的线程怎么调用？ 小麦麦子 springmvc
    今天逛知乎，看到最近很多人都在问spring mvc 的线程http://www.maiziedu.com/course/java/ 的启动问题，觉得挺有意思的，那哥们儿问的也听仔细，下面的回答也很详尽，分享出来，希望遇对遇到类似问题的Java开发程序猿有所帮助。 问题：     在用spring mvc架构的网站上，设一线程在虚拟机启动时运行，线程里有一全局
  • maven依赖范围 bitcarter maven
    1.test 测试的时候才会依赖，编译和打包不依赖，如junit不被打包 2.compile 只有编译和打包时才会依赖 3.provided 编译和测试的时候依赖，打包不依赖，如：tomcat的一些公用jar包 4.runtime 运行时依赖，编译不依赖 5.默认compile 依赖范围compile是支持传递的，test不支持传递 1.传递的意思是项目A，引用
  • Jaxb org.xml.sax.saxparseexception : premature end of file darrenzhu xmlprematureJAXB
    如果在使用JAXB把xml文件unmarshal成vo(XSD自动生成的vo)时碰到如下错误： org.xml.sax.saxparseexception : premature end of file 很有可能时你直接读取文件为inputstream，然后将inputstream作为构建unmarshal需要的source参数。InputSource inputSource = new In
  • CSS Specificity 周凡杨 html权重Specificitycss
      有时候对于页面元素设置了样式，可为什么页面的显示没有匹配上呢？ because specificity CSS 的选择符是有权重的，当不同的选择符的样式设置有冲突时，浏览器会采用权重高的选择符设置的样式。     规则：   HTML标签的权重是1 Class 的权重是10 Id 的权重是100
  • java与servlet g21121 servlet
    servlet 搞java web开发的人一定不会陌生，而且大家还会时常用到它。 下面是java官方网站上对servlet的介绍： java官网对于servlet的解释 写道 Java Servlet Technology Overview Servlets are the Java platform technology of choice for extending and enha
  • eclipse中安装maven插件 510888780 eclipsemaven
    1.首先去官网下载 Maven： http://www.apache.org/dyn/closer.cgi/maven/binaries/apache-maven-3.2.3-bin.tar.gz 下载完成之后将其解压， 我将解压后的文件夹：apache-maven-3.2.3， 并将它放在 D:\tools目录下， 即 maven 最终的路径是：D:\tools\apache-mave
  • jpa@OneToOne关联关系 布衣凌宇 jpa
    Nruser里的pruserid关联到Pruser的主键id，实现对一个表的增删改，另一个表的数据随之增删改。 Nruser实体类 //***************************************************************** @Entity @Table(name="nruser") @DynamicInsert @Dynam
  • 我的spring学习笔记11-Spring中关于声明式事务的配置 aijuans spring事务配置
    这两天学到事务管理这一块，结合到之前的terasoluna框架，觉得书本上讲的还是简单阿。我就把我从书本上学到的再结合实际的项目以及网上看到的一些内容，对声明式事务管理做个整理吧。我看得Spring in Action第二版中只提到了用TransactionProxyFactoryBean和<tx:advice/>,定义注释驱动这三种，我承认后两种的内容很好，很强大。但是实际的项目当中
  • java 动态代理简单实现 antlove javahandlerproxydynamicservice
    dynamicproxy.service.HelloService package dynamicproxy.service; public interface HelloService { public void sayHello(); }   dynamicproxy.service.impl.HelloServiceImpl package dynamicp
  • JDBC连接数据库 百合不是茶 JDBC编程JAVA操作oracle数据库
             如果我们要想连接oracle公司的数据库，就要首先下载oralce公司的驱动程序，将这个驱动程序的jar包导入到我们工程中;   JDBC链接数据库的代码和固定写法;     1,加载oracle数据库的驱动;     &nb
  • 单例模式中的多线程分析 bijian1013 javathread多线程java多线程
    谈到单例模式，我们立马会想到饿汉式和懒汉式加载，所谓饿汉式就是在创建类时就创建好了实例，懒汉式在获取实例时才去创建实例，即延迟加载。 饿汉式： package com.bijian.study; public class Singleton { private Singleton() { } // 注意这是private 只供内部调用 private static
  • javascript读取和修改原型特别需要注意原型的读写不具有对等性 bijian1013 JavaScriptprototype
            对于从原型对象继承而来的成员，其读和写具有内在的不对等性。比如有一个对象A，假设它的原型对象是B，B的原型对象是null。如果我们需要读取A对象的name属性值，那么JS会优先在A中查找，如果找到了name属性那么就返回；如果A中没有name属性，那么就到原型B中查找name，如果找到了就返回；如果原型B中也没有
  • 【持久化框架MyBatis3六】MyBatis3集成第三方DataSource bit1129 dataSource
    MyBatis内置了数据源的支持，如：   <environments default="development"> <environment id="development"> <transactionManager type="JDBC" /> <data
  • 我程序中用到的urldecode和base64decode,MD5 bitcarter cMD5base64decodeurldecode
    这里是base64decode和urldecode，Md5在附件中。因为我是在后台所以需要解码： string Base64Decode(const char* Data,int DataByte,int& OutByte) { //解码表 const char DecodeTable[] = { 0, 0, 0, 0, 0, 0
  • 腾讯资深运维专家周小军：QQ与微信架构的惊天秘密 ronin47
    社交领域一直是互联网创业的大热门，从PC到移动端，从OICQ、MSN到QQ。到了移动互联网时代，社交领域应用开始彻底爆发，直奔黄金期。腾讯在过去几年里，社交平台更是火到爆，QQ和微信坐拥几亿的粉丝，QQ空间和朋友圈各种刷屏，写心得，晒照片，秀视频，那么谁来为企鹅保驾护航呢？支撑QQ和微信海量数据背后的架构又有哪些惊天内幕呢？本期大讲堂的内容来自今年2月份ChinaUnix对腾讯社交网络运营服务中心
  • java-69-旋转数组的最小元素。把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素 bylijinnan java
    public class MinOfShiftedArray { /** * Q69 旋转数组的最小元素 * 把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素。 * 例如数组{3, 4, 5, 1, 2}为{1, 2, 3, 4, 5}的一个旋转，该数组的最小值为1。 */ publ
  • 看博客，应该是有方向的 Cb123456 反省看博客
    看博客，应该是有方向的:  我现在就复习以前的，在补补以前不会的，现在还不会的，同时完善完善项目，也看看别人的博客.  我刚突然想到的:  1.应该看计算机组成原理，数据结构，一些算法，还有关于android,java的。  2.对于我，也快大四了，看一些职业规划的，以及一些学习的经验，看看别人的工作总结的.    为什么要写
  • [开源与商业]做开源项目的人生活上一定要朴素,尽量减少对官方和商业体系的依赖 comsci 开源项目
         为什么这样说呢？  因为科学和技术的发展有时候需要一个平缓和长期的积累过程，但是行政和商业体系本身充满各种不稳定性和不确定性，如果你希望长期从事某个科研项目，但是却又必须依赖于某种行政和商业体系，那其中的过程必定充满各种风险。。。       所以，为避免这种不确定性风险，我
  • 一个 sql优化 （[精华] 一个查询优化的分析调整全过程！很值得一看 ） cwqcwqmax9 sql
    见   http://www.itpub.net/forum.php?mod=viewthread&tid=239011 Web翻页优化实例 提交时间: 2004-6-18 15:37:49      回复    发消息  环境： Linux ve
  • Hibernat and Ibatis dashuaifu Hibernateibatis
    Hibernate  VS  iBATIS 简介 Hibernate 是当前最流行的O/R mapping框架，当前版本是3.05。它出身于sf.net，现在已经成为Jboss的一部分了 iBATIS 是另外一种优秀的O/R mapping框架，当前版本是2.0。目前属于apache的一个子项目了。 相对Hibernate“O/R”而言，iBATIS 是一种“Sql Mappi
  • 备份MYSQL脚本 dcj3sjt126com mysql
    #!/bin/sh # this shell to backup mysql #[email protected] (QQ:1413161683 DuChengJiu) _dbDir=/var/lib/mysql/ _today=`date +%w` _bakDir=/usr/backup/$_today [ ! -d $_bakDir ] && mkdir -p
  • iOS第三方开源库的吐槽和备忘 dcj3sjt126com ios
    转自 ibireme的博客   做iOS开发总会接触到一些第三方库，这里整理一下，做一些吐槽。   目前比较活跃的社区仍旧是Github，除此以外也有一些不错的库散落在Google Code、SourceForge等地方。由于Github社区太过主流，这里主要介绍一下Github里面流行的iOS库。   首先整理了一份 Github上排名靠
  • html wlwmanifest.xml eoems htmlxml
    所谓优化wp_head()就是把从wp_head中移除不需要元素，同时也可以加快速度。 步骤： 加入到function.php remove_action('wp_head', 'wp_generator'); //wp-generator移除wordpress的版本号，本身blog的版本号没什么意义，但是如果让恶意玩家看到，可能会用官网公布的漏洞攻击blog remov
  • 浅谈Java定时器发展 hacksin java并发timer定时器
    java在jdk1.3中推出了定时器类Timer,而后在jdk1.5后由Dou Lea从新开发出了支持多线程的ScheduleThreadPoolExecutor，从后者的表现来看，可以考虑完全替代Timer了。 Timer与ScheduleThreadPoolExecutor对比： 1.    Timer始于jdk1.3,其原理是利用一个TimerTask数组当作队列
  • 移动端页面侧边导航滑入效果 ini jqueryWebhtml5cssjavascirpt
    效果体验：http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果。效果使用到jquery-2.1.4.min.js，该版本的jQuery库是用于支持HTML5的浏览器上，不再兼容IE8以前的浏览器，现在移动端浏览器一般都支持HTML5，所以使用该jQuery没问题。HTML文件代码： <!DOCTYPE html> <h
  • AspectJ+Javasist记录日志 kane_xie aspectjjavasist
    在项目中碰到这样一个需求，对一个服务类的每一个方法，在方法开始和结束的时候分别记录一条日志，内容包括方法名，参数名+参数值以及方法执行的时间。   @Override public String get(String key) { // long start = System.currentTimeMillis(); // System.out.println("Be
  • redis学习笔记 MJC410621 redisNoSQL
    1)nosql数据库主要由以下特点：非关系型的、分布式的、开源的、水平可扩展的。 1，处理超大量的数据 2，运行在便宜的PC服务器集群上， 3，击碎了性能瓶颈。 1)对数据高并发读写。 2)对海量数据的高效率存储和访问。 3)对数据的高扩展性和高可用性。 redis支持的类型： Sring 类型 set name lijie get name lijie set na
  • 使用redis实现分布式锁 qifeifei
    在多节点的系统中，如何实现分布式锁机制，其中用redis来实现是很好的方法之一，我们先来看一下jedis包中，有个类名BinaryJedis,它有个方法如下：   public Long setnx(final byte[] key, final byte[] value) { checkIsInMulti(); client.setnx(key, value); ret
  • BI并非万能，中层业务管理报表要另辟蹊径 张老师的菜 大数据BI商业智能信息化
           BI是商业智能的缩写，是可以帮助企业做出明智的业务经营决策的工具，其数据来源于各个业务系统，如ERP、CRM、SCM、进销存、HER、OA等。        BI系统不同于传统的管理信息系统，他号称是一个整体应用的解决方案，是融入管理思想的强大系统：有着系统整体的设计思想，支持对所有
  • 安装rvm后出现rvm not a function 或者ruby -v后提示没安装ruby的问题 wudixiaotie function
    1.在~/.bashrc最后加入 [[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"  2.重新启动terminal输入：   rvm use ruby-2.2.1 --default  把当前安装的ruby版本设为默
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他