北执南念
北执南念

Vue _总结

文章目录

    • 一 Vue介绍
      • 1 什么是Vue.js
      • 2 MVVM
    • 二 第一个例子
      • 1 引入vue
      • 2 html中用法
      • 3 创建vue实例对象
    • 三 Vue基本语法
      • 1 v-text
      • 2 v-bind
      • 3 v-on
      • 4 v-model
      • 5 v-if
      • 6 v-for
      • 7 计算属性
      • 8 组件化
        • 全局注册
        • 本地注册
      • 9 生命周期
      • 10 员工程序使用vue.js重构
        • list.html
        • add.html
        • update.html
    • 四 使用vue-cli搭建Vue项目
      • 1 node.js的安装
        • 设置npm的源
        • 安装cnpm(可选)
        • 查看配置
      • 2 安装vue-cli
        • 安装vue-cli后的检测
        • 使用create命令创建项目
        • 运行项目
        • 访问测试
        • 可视化方式创建
        • 运行页面
      • 3 项目结构
      • 4 .vue文件
      • 5 路由
        • 安装路由模块
        • 修改HelloWorld.vue
        • 新增EmployeeList.vue
        • 新建静态路由表
        • 引入路由模块
        • App.vue
        • this.$router
      • 6 父子组件间传参
        • 父传子
          • 父组件
          • 子组件
        • 子传父
          • 父组件
          • 子组件
      • 7 Axios
        • 安装
        • 引入方式
        • 语法
          • get提交
          • post提交
      • 8 Vuex
        • Vuex五大核心要素
        • Vuex工作流程
        • 安装Vuex
        • state
          • 新建store目录，在其中新建index.js
          • 在main.js中导入
          • 在组件中使用state
            • 1）this.$store.state
            • 2）计算属性
            • 3）mapState
        • mutations
          • store/index.js中定义mutations
          • 组件中使用mutations
            • 1）this.$store.commit
            • 2）mapMutations
        • actions
          • store/index.js中定义actions
          • 组件中使用actions
            • 1）this.$store.dispatch
            • 2）mapActions
        • getters
          • store/index.js中定义getters
          • 组件中使用getters
            • 1）this.$store.getters
            • 2）mapGetters
      • 9 综合练习
        • 重构员工程序
        • main.js
        • App.vue
        • EmployeeList.vue
        • EmployeeAdd.vue
        • EmployeeUpdate.vue
        • 路由表
    • 附录
      • Visual Studio Code
        • 安装插件
        • 配置
        • 快捷键
      • ES6 基本语法
        • let声明变量
        • const声明常量（只读变量）
        • 解构赋值
        • 模板字符串
        • 声明对象简写
        • 对象拓展运算符
        • 箭头函数
        • 模块化
        • idea中安装vue插件
        • 浏览器安装vue devtools插件
        • Webpack
        • 安装vue-cli旧版本（了解）
          • 安装vue-cli后的检测
          • 设置npm的源
          • 使用init命令创建项目
          • 运行项目
          • 项目结构
          • 修改端口号
          • 显示侧边栏
          • 执行脚本
        • 通过vue-admin-template编写前端项目
          • 执行项目
          • 配置前端代理
          • 修改调用后台的接口
          • request.js修改
            • 请求拦截器
            • 响应拦截器
          • 员工管理
            • 页面
            • 定义调用的后台接口
            • 修改菜单项名称
        • VUE3
          • 安装vite
          • 创建项目
          • 定义变量和方法
            • vue3兼容vue2的写法
            • vue3的写法1
            • vue3的写法2
            • 生命周期函数

一 Vue介绍

1 什么是Vue.js

Vue 是目前很火的一个前端框架，用于构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。

https://cn.vuejs.org/

2 MVVM

Vue使用MVVM架构，将前端的视图层，分为三部分 Model, View , ViewModel

MVVM 的核心是 ViewModel 层，它就像是一个中转站（value converter），负责转换 Model 中的数据对象来让数据变得更容易管理和使用，该层向上与视图层进行双向数据绑定，向下与 Model 层通过接口请求进行数据交互，起呈上启下作用。

Vue _总结_第1张图片

二 第一个例子

1 引入vue

 
 
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(工作中开发总结,Vue,vue.js,前端,javascript)

        

            

                
    
                    
  • 基于 WebGL 与 GIS 的智慧垃圾分类三维可视化技术方案
                        图扑可视化
数字孪生三维可视化垃圾分类智慧环卫
                        
    图扑自主研发的HT可视化引擎，基于HTML5的WebGL与Canvas技术构建，形成了完整的2D/3D图形渲染体系。该引擎无需依赖第三方插件，通过纯JavaScript脚本调用API，即可实现跨平台的可视化交互体验，支持PC端、移动端及大屏终端的多屏协同。在三维渲染技术层面，引擎深度集成WebGL底层图形接口，构建了高效的轻量化处理体系。HT还支持3DTiles格式航拍倾斜摄影实景数据、城市建筑群
    
                    
    • 
                    
  • 基于nodejs+vue.js服装商店电子商务管理系统
                        

                        
    如果你是一个小白,你不懂得像javaPHP、Python等编程语言，那么Node.js是一个非常好的选择。采用vscode软件开发,配套软件安装.包安装调试部署成功,有视频讲解前端:html+vue+elementui+jQuery、js、css数据库：mysql,Navicatvue框架于Node运行环境的Web框架,随着互联网技术的飞速发展，世界逐渐成了一个地球村，空间的距离也不再是那么重要。
    
                    
    • 
                    
  • 计算机毕业设计Node.js+Vue新海图书商城网页设计论文（程序+源码+LW+部署)
                        Node.js橙子毕设程序
vue.js课程设计node.js
                        
    该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：Node.js+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：Express框架+Node.js+Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可
    
                    
    • 
                    
  • （附源码）node.js+mysql+基于JavaScript网上商城开发设计 毕业设计261620
                        Wx-Biye_Design
springbootjavamysqlpythonphp
                        
    Node.js网上商城的开发摘要随着Internet的使用越来越广泛，在传统的商业模式中，对于日常各类商品，人们习惯于到各种商家店铺购买。然而在快节奏的新时代中，人们不一定能为购买各类商品腾出时间，更不会耐心挑选自己想要的商品。所以设计一个网上商城，既是迎合电子商务的大潮流，也是传统商品销售行业的一个突破口，可以给传统销售行业带来转变和机遇。本系统主要是提供给用户一个购买各类商品的平台，通过价格优
    
                    
    • 
                    
  • 24个 JavaScript 循环遍历方法
                        xixi_666
javascript开发语言ecmascript
                        
    一、数组遍历方法1、forEach()forEach方法用于调用数组的每个元素，并将元素传递给回调函数。数组中的每个值都会调用回调函数。其语法如下：array.forEach(function(currentValue,index,arr),thisValue)该方法的第一个参数为回调函数，是必传的，它有三个参数：currentValue：必需。当前元素index：可选。当前元素的索引值。arr：
    
                    
    • 
                    
  • JavaScript零基础入门速通（完整）
                        小黄编程快乐屋
javascripthtml5
                        
    JavaScript（简称JS）是现代网页开发中不可或缺的编程语言之一。它为网页增加了动态交互性，是一种前端编程语言，用于处理网页上的各种用户行为，如按钮点击、表单提交、页面加载等。它的强大不仅体现在浏览器端，也可以通过Node.js在服务器端运行。本文将详细介绍JavaScript的基础知识，帮助你从零开始掌握这门语言。1.JavaScript简介JavaScript最早由Netscape公司的
    
                    
    • 
                    
  • JavaScript爬虫使用API提取代理模板
                        q56731523
javascript爬虫开发语言
                        
    JavaScript爬虫有两大优势：直接执行页面JS（Puppeteer/Playwright）和解析SPA（单页应用）如React/Vue这就是我为何钟爱于JavaScript爬虫的原因。最近有几个同行说，使用API代理IP配合JavaScript经常报错，修改请求头或者访问频率也未能解决问题，因此，请求我们出手修改代码，一看代码简直惨不忍睹，能运行起来算他运气好，索性我自己写个通用模版给他参考
    
                    
    • 
                    
  • Chart.js 安装使用教程
                        小奇JAVA面试
安装使用教程javascript开发语言ecmascript
                        
    一、Chart.js简介Chart.js是一个简单而灵活的JavaScript图表库，支持8种常用图表类型（折线图、柱状图、饼图等），基于HTML5Canvas渲染。它轻量易用，适合快速构建响应式图表，广泛应用于仪表盘、可视化后台、统计图展示等场景。二、Chart.js安装方式2.1使用CDN引入（推荐快速使用）2.2使用npm安装（适合前端工程项目）npminstallchart.js--sav
    
                    
    • 
                    
  • 一份来自前端开发工程师的规范简历
                        追影的React开发者
前端javascriptphotoshop
                        
    个人资料姓名：嘻嘻性别：女电话：12132323613邮箱：[email protected]现居地：上海市工作年限：3年求职意向期望职位：前端开发工程师期望薪资：面议工作性质：全职到岗时间：离职,一周内入职专业技能精通DIV+CSS页面布局，重构,掌握JavaScript，熟悉w3c标准，了解HTML语义化有一定的了解。熟练运用浏览器兼容技术，熟练进行前端性能优化设计。熟练掌握HTML5技术
    
                    
    • 
                    
  • Vue-Highcharts 使用教程
                        柳嵘英Humphrey

                        
    Vue-Highcharts使用教程项目地址:https://gitcode.com/gh_mirrors/vu/vue-highcharts项目介绍Vue-Highcharts是一个基于Vue.js的高级图表库，它允许开发者轻松地在Vue项目中集成Highcharts。Highcharts是一个功能强大的图表库，支持多种图表类型，包括线图、柱状图、饼图、散点图等，并且具有高度的可定制性和交互性。
    
                    
    • 
                    
  • 深入理解React的虚拟DOM与性能优化
                        天天进步2015
前端开发react.js性能优化javascript
                        
    React作为现代前端开发的主流框架，其高效的渲染能力和良好的开发体验离不开虚拟DOM（VirtualDOM）的设计理念。本文将带你深入理解React的虚拟DOM原理，并结合实际案例，探讨如何进行性能优化。一、什么是虚拟DOM？虚拟DOM（VirtualDOM，简称VDOM）是React引入的一种轻量级JavaScript对象，用于描述真实DOM的结构。它本质上是DOM的一个抽象表示，React通
    
                    
    • 
                    
  • 52-【JavaScript-Day 52】告别“野路子”代码：ESLint、Prettier与Web安全入门
                        吴师兄大模型
javascript开发语言ecmascriptjava人工智能大模型ESLint
                        
    Langchain系列文章目录01-玩转LangChain：从模型调用到Prompt模板与输出解析的完整指南02-玩转LangChainMemory模块：四种记忆类型详解及应用场景全覆盖03-全面掌握LangChain：从核心链条构建到动态任务分配的实战指南04-玩转LangChain：从文档加载到高效问答系统构建的全程实战05-玩转LangChain：深度评估问答系统的三种高效方法（示例生成、手
    
                    
    • 
                    
  • Vue3中的v-model：全面解析及与Vue2的差异对比
                        编程随想▿
Vue3vue.js前端javascript前端框架
                        
    目录一、Vue2中的v-model：经典但受限二、Vue3中的v-model：灵活强大1.默认行为变更2.支持多个v-model绑定3.自定义修饰符三、Vue2vsVue3核心差异对比四、实战代码示例Vue2实现自定义组件双向绑定五、最佳实践建议结语引言在Vue开发中，v-model是实现双向数据绑定的核心指令。Vue3对v-model进行了重大重构，解决了Vue2中的设计局限，显著提升了灵活性和
    
                    
    • 
                    
  • Node.js 安装使用教程
                        小奇JAVA面试
安装使用教程node.js
                        
    一、Node.js简介Node.js是一个基于ChromeV8引擎的JavaScript运行时，允许在服务器端运行JavaScript。它以事件驱动、非阻塞I/O为核心，适合构建高性能的网络服务、API接口、中间层服务器、命令行工具等。二、Node.js安装方式2.1官方安装包（推荐）访问Node.js官网：https://nodejs.org/下载LTS（长期支持）版本安装完成后，在命令行验证：
    
                    
    • 
                    
  • UniApp完美对接RuoYi框架开发企业级应用
                        速易达网络
uni-app
                        
    UniApp完美对接RuoYi框架的完整方案及可开发系统类型，结合企业级实践与开源项目经验整理而成，涵盖技术对接、系统设计及实战案例。一、UniApp与RuoYi对接全流程1.后端配置（RuoYi-Vue/RuoYi-Cloud）跨域支持在网关层添加跨域配置类，允许UniApp请求：@ConfigurationpublicclassCorsConfig{@BeanpublicWebFilterco
    
                    
    • 
                    
  • AJAX使用教程以及axios的安装使用
                        崽崽彤
ajaxjavascript前端
                        
    什么是AJAX？AJAX即asyncjavascriptandXML（异步的js和xml），主要是用来实现页面的局部刷新的一门技术。AJAX的核心对象是XMLHttpRequestAJAX的工作原理在发送请求后可继续注册，解决了传统注册存在的问题。使用AJAX发送异步请求的方法步骤实例化核心对象var变量名=newXMLHttpRequest()varxhr=newXMLHttpRequest()
    
                    
    • 
                    
  • AJAX 安装使用教程
                        小奇JAVA面试
安装使用教程ajax前端javascript
                        
    一、AJAX简介AJAX（AsynchronousJavaScriptandXML）是一种在无需重新加载整个网页的情况下，能够与服务器交换数据并更新部分网页内容的技术。它不是一种新语言，而是使用现有的标准组合：JavaScript+XMLHttpRequest（或Fetch）+HTML+CSS。二、AJAX是否需要安装？不需要单独安装！AJAX是浏览器原生支持的技术，主流浏览器均内置XMLHttp
    
                    
    • 
                    
  • VUE admin-element 后台管理系统三级菜单实现缓存
                        进击的小白兔vl
elementvuevue.js缓存chrome
                        
    VUEadmin-element后台管理系统三级菜单实现缓存框架无法直接实现三级菜单页面缓存，原因是由于直接缓存时没有把上级路由文件名称缓存进去，所以在框架基础上参考部分文章进行了一些改造菜单文件，三级菜单引用文件路径修改，在nested下添加新文件src/views/nested/RouteLevelWrapper/index.vueexportdefault{name:'RouterViewK
    
                    
    • 
                    
  • 【Docker】配置 docker 容器内独立时间
                        光明磊磊
ProblemDockerdocker容器运维
                        
    背景在工作中常用docker作为测试环境，docker内部的时间是依赖宿主机的如果有修改时间的测试需求是需要提供给docker权限（–privileged=true），但这样的修改时间方法是会将宿主机的时间一并修改的，带来很大的风险解决方法使用libfaketime，它的原理是当进程调用系统调用获取结果时，它截取该调用并返回一个FAKETIME实现步骤下载libfaketime安装包a.从gith
    
                    
    • 
                    
  • 视频内存太大怎么压缩变小一点？视频压缩的常用方法
                        这辈子谁会真的心疼你
音视频压缩视频压缩文件
                        
    视频传生活或者工作中很常见，如发送视频邮件、在线视频播放、视频上传下载等。未压缩的大内存视频文件传输时，不仅会消耗大量的网络带宽资源，还会使传输时间大幅增加。在网速有限的情况下，发送一个几GB的未压缩视频可能需要数小时甚至更长时间；而压缩后的视频，传输时间会大幅缩短，用户体验得到显著提升。对于在线视频平台，压缩视频能降低服务器压力，使更多用户可以流畅观看视频，减少卡顿现象。下面是一个使用FFmpe
    
                    
    • 
                    
  • URL时间戳参数深度解析：缓存破坏与前端优化的前世今生
                        是2的10次方啊
开发踩坑日记计算机知识科普原理分析缓存前端
                        
    URL时间戳参数深度解析：缓存破坏与前端优化的前世今生在日常的Web开发中，你是否注意到很多接口URL后面都会带有一个时间戳参数？比如xxx/getMsg?_=1751413509056。这个看似简单的参数背后，却隐藏着前端缓存策略、性能优化等重要技术原理。今天，让我们跟随小李和小王的对话，深入探讨这个参数的前世今生。小李的困惑：神秘的URL参数小李：小王，我最近在工作中发现一个奇怪的现象，很多接
    
                    
    • 
                    
  • 打造 AI 产品的前端架构：响应式、流式、智能交互三合一
                        

                        
    关键点AI产品前端挑战：AI产品前端需要处理流式响应、上下文管理、多模型切换和复杂的用户交互，同时保证高性能和响应式体验。流式响应：通过Server-SentEvents（SSE）或WebSocket实现实时数据流，提升用户感知的响应速度。多模型切换：支持动态切换AI模型（如GPT-4、Grok），并优化上下文缓存和token预估。会话持久化：通过本地存储或后端数据库保存用户会话，支持编辑和恢复功
    
                    
    • 
                    
  • React 学习（一）
                        COLDEHY
react.js学习前端
                        
    1.b/s架构是浏览器的形式，就是通过网页的方式访问2.是构建用户界面的javascript库，react是用来替代dom的，原本使用ajax结合dom实现页面局部刷新的方式需要频繁的操作dom不方便，所以我们可以使用前端框架来解决，不再直接操作dom，而是操作react，react去操作dom3.react特点虚拟dom，不用原生dom，原生dom存在兼容性问题，可能这个浏览器能用下一个就不能用
    
                    
    • 
                    
  • 写代码写到 60 岁：我是如何重新定义技术人生的
                        十步杀一人_千里不留行
程序人生
                        
    我44岁，写了10年Java，现在在新西兰职场从头来过。曾经我也焦虑：“是不是到了这个年龄就该转管理？”但现在我清楚地知道，我依然热爱写代码，而且我可以一直写下去，只要我用对了方法、站稳了定位。我不想当CTO，我只想踏实交付系统这几年，我不断在Java、C#、React、.NET、前端、后端、移动端、AI等各种技术栈之间“穿梭”，有些是项目需要，有些是自学试验。有人问我：你到底擅长哪个领域？我的回
    
                    
    • 
                    
  • 【高频考点精讲】React Hooks使用指南：useEffect的依赖数组你真的用对了吗？
                        全栈老李技术面试
前端高频考点精讲前端javascripthtmlcss面试题reactvue
                        
    ReactHooks使用指南：useEffect的依赖数组你真的用对了吗？‍作者：全栈老李更新时间：2025年5月‍适合人群：前端初学者、进阶开发者版权：本文由全栈老李原创，转载请注明出处。大家好，我是全栈老李。今天咱们来聊聊ReactHooks中那个让人又爱又恨的useEffect，特别是它的依赖数组——这个看似简单实则暗藏玄机的部分。依赖数组是什么鬼？useEffect的第二个参数是个数组，R
    
                    
    • 
                    
  • 那些年错过的React组件单元测试（上）
                        前端森林
带你探秘前端森林单元测试react.js
                        
    写在前面关于前端单元测试，其实两年前我就已经关注了，但那时候只是简单的知道断言，想着也不是太难的东西，项目中也没有用到，然后就想当然的认为自己就会了。两年后的今天，部门要对以往的项目补加单元测试。真到了开始着手的时候，却懵了我以为的我以为却把自己给坑了，我发现自己对于前端单元测试一无所知。然后我翻阅了大量的文档，发现基于dva的单元测试文档比较少，因此在有了一番实践之后，我梳理了几篇文章，希望对于
    
                    
    • 
                    
  • 职业本科智能终端开发实训室解决方案
                        武汉唯众智创
智能终端开发实训室智能终端开发智能终端APP开发实训室APP开发智能终端实训室
                        
    一、引言在数字化时代的浪潮下，智能终端已成为人们生活与工作中不可或缺的工具。从智能手机、智能平板到各类可穿戴设备，智能终端的广泛应用深刻改变了人们的生活方式与工作模式。智能终端的迅猛发展，使得市场对相关专业人才的需求极为迫切。据权威机构预测，未来几年，智能终端开发领域的人才缺口将持续扩大，对具备扎实专业知识与丰富实践经验的高素质人才的需求尤为显著。职业本科教育作为培养应用型人才的重要阵地，在智能终
    
                    
    • 
                    
  • 导购APP的技术架构与用户体验优化
                        省赚客APP开发者@聚娃科技
架构ux
                        
    导购APP的技术架构与用户体验优化大家好，我是阿可，微赚淘客系统及省赚客APP创始人，是个冬天不穿秋裤，天冷也要风度的程序猿！随着移动互联网的快速发展，导购APP已成为连接用户与商品的桥梁。本文将探讨导购APP的技术架构设计以及如何通过技术手段优化用户体验。技术架构概览导购APP的技术架构通常包括以下几个关键部分：前端展示层：负责用户界面的展示和交互。后端服务层：处理业务逻辑，提供API接口。数据
    
                    
    • 
                    
  • JavaScript对象(Object)常用操作
                        

                        
    创建对象//使用对象字面量、构造函数或者Object.create()方法来创建对象//对象字面量constperson={name:'John',age:30,hobbies:['reading','swimming']};//构造函数functionCar(make,model){this.make=make;this.model=model;}constmyCar=newCar('Toyot
    
                    
    • 
                    
  • 微信小程序之获取后台动态数据表格布局display:table
                        HOLD ON!
微信小程序
                        
    微信小程序之获取后台动态数据表格布局display:table猿来独往2018-09-02本文没有采用flex布局和grid布局来设置表格的，而是通过display:table;来设置。一方面工作中经常用到这种自适应表格排版布局方式（包括方框列表及九宫格式），但是flex布局和grid布局来设置的话就很容易了，这次想通过另一种方法来实现，而且这种方法比较少用，所以想尝试一下，分享给大家。如果对这个
    
                    
    • 
                                
  • 解读Servlet原理篇二---GenericServlet与HttpServlet
                                    周凡杨
javaHttpServlet源理GenericService源码
                                    
    在上一篇《解读Servlet原理篇一》中提到，要实现javax.servlet.Servlet接口（即写自己的Servlet应用），你可以写一个继承自javax.servlet.GenericServletr的generic Servlet ，也可以写一个继承自java.servlet.http.HttpServlet的HTTP Servlet（这就是为什么我们自定义的Servlet通常是exte
    
                                
    • 
                                
  • MySQL性能优化
                                    bijian1013
数据库mysql
                                    
            性能优化是通过某些有效的方法来提高MySQL的运行速度，减少占用的磁盘空间。性能优化包含很多方面，例如优化查询速度，优化更新速度和优化MySQL服务器等。本文介绍方法的主要有： 
        a.优化查询 
        b.优化数据库结构 
  
    
                                
    • 
                                
  • ThreadPool定时重试
                                    dai_lm
javaThreadPoolthreadtimertimertask
                                    
    项目需要当某事件触发时，执行http请求任务，失败时需要有重试机制，并根据失败次数的增加，重试间隔也相应增加，任务可能并发。 
由于是耗时任务，首先考虑的就是用线程来实现，并且为了节约资源，因而选择线程池。 
为了解决不定间隔的重试，选择Timer和TimerTask来完成 
 
 

package threadpool;

public class ThreadPoolTest {


    
                                
    • 
                                
  • Oracle 查看数据库的连接情况
                                    周凡杨
sqloracle 连接
                                    
    首先要说的是，不同版本数据库提供的系统表会有不同，你可以根据数据字典查看该版本数据库所提供的表。 
 
select * from dict where table_name like '%SESSION%'; 
就可以查出一些表，然后根据这些表就可以获得会话信息 
 
select sid,serial#,status,username,schemaname,osuser,terminal,ma
    
                                
    • 
                                
  • 类的继承
                                    朱辉辉33
java
                                    
    类的继承可以提高代码的重用行，减少冗余代码；还能提高代码的扩展性。Java继承的关键字是extends 
格式:public class 类名（子类）extends 类名（父类）{ } 
子类可以继承到父类所有的属性和普通方法，但不能继承构造方法。且子类可以直接使用父类的public和 
protected属性，但要使用private属性仍需通过调用。 
子类的方法可以重写，但必须和父类的返回值类
    
                                
    • 
                                
  • android 悬浮窗特效
                                    肆无忌惮_
android
                                    
    最近在开发项目的时候需要做一个悬浮层的动画，类似于支付宝掉钱动画。但是区别在于，需求是浮出一个窗口，之后边缩放边位移至屏幕右下角标签处。效果图如下： 
  
一开始考虑用自定义View来做。后来发现开线程让其移动很卡，ListView+动画也没法精确定位到目标点。 
  
后来想利用Dialog的dismiss动画来完成。 
  
自定义一个Dialog后，在styl
    
                                
    • 
                                
  • hadoop伪分布式搭建
                                    林鹤霄
hadoop
                                    
    要修改4个文件    1: vim hadoop-env.sh  第九行    2: vim core-site.xml            <configuration>     &n
    
                                
    • 
                                
  • gdb调试命令
                                    aigo
gdb
                                    
    原文：http://blog.csdn.net/hanchaoman/article/details/5517362 
  
一、GDB常用命令简介 
     r run 运行.程序还没有运行前使用   c             cuntinue 
    
                                
    • 
                                
  • Socket编程的HelloWorld实例
                                    alleni123
socket
                                    
    public class Client
{
	
	
	public static void main(String[] args)
	{	
		Client c=new Client();
	 	c.receiveMessage();
	}
	
	public void receiveMessage(){
		Socket s=null;
		
		BufferedRea
    
                                
    • 
                                
  • 线程同步和异步
                                    百合不是茶
线程同步异步
                                    
    多线程和同步 : 如进程、线程同步，可理解为进程或线程A和B一块配合，A执行到一定程度时要依靠B的某个结果，于是停下来，示意B运行；B依言执行，再将结果给A；A再继续操作。  所谓同步，就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回，同时其它线程也不能调用这个方法  
  
多线程和异步:多线程可以做不同的事情,涉及到线程通知 
  
  
&
    
                                
    • 
                                
  • JSP中文乱码分析
                                    bijian1013
javajsp中文乱码
                                    
            在JSP的开发过程中，经常出现中文乱码的问题。 
        首先了解一下Java中文问题的由来： 
        Java的内核和class文件是基于unicode的，这使Java程序具有良好的跨平台性，但也带来了一些中文乱码问题的麻烦。原因主要有两方面，
    
                                
    • 
                                
  • js实现页面跳转重定向的几种方式
                                    bijian1013
JavaScript重定向
                                    
            js实现页面跳转重定向有如下几种方式： 
一.window.location.href 
<script language="javascript"type="text/javascript"> 
	window.location.href="http://www.baidu.c
    
                                
    • 
                                
  • 【Struts2三】Struts2 Action转发类型
                                    bit1129
struts2
                                    
     在【Struts2一】 Struts Hello World http://bit1129.iteye.com/blog/2109365中配置了一个简单的Action，配置如下 
  
<!DOCTYPE struts PUBLIC  
        "-//Apache Software Foundation//DTD Struts Configurat
    
                                
    • 
                                
  • 【HBase十一】Java API操作HBase
                                    bit1129
hbase
                                    
    Admin类的主要方法注释： 
  1. 创建表 
 /**
   * Creates a new table. Synchronous operation.
   *
   * @param desc table descriptor for table
   * @throws IllegalArgumentException if the table name is res
    
                                
    • 
                                
  • nginx gzip
                                    ronin47
nginx gzip
                                    
    Nginx GZip 压缩  
Nginx GZip 模块文档详见：http://wiki.nginx.org/HttpGzipModule 
常用配置片段如下：  
gzip on; gzip_comp_level 2; # 压缩比例，比例越大，压缩时间越长。默认是1 gzip_types text/css text/javascript; # 哪些文件可以被压缩 gzip_disable &q
    
                                
    • 
                                
  • java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针，比如 h1 ， h2 ，判断这俩个链表是否相交
                                    bylijinnan
java
                                    
    

public class LinkListTest {

	/**
	 * we deal with two main missions:
	 * 
	 * A.
	 * 1.we create two joined-List(both have no loop)
	 * 2.whether list1 and list2 join
	 * 3.print the join
    
                                
    • 
                                
  • Spring源码学习-JdbcTemplate batchUpdate批量操作
                                    bylijinnan
javaspring
                                    
    Spring JdbcTemplate的batch操作最后还是利用了JDBC提供的方法，Spring只是做了一下改造和封装 
 
JDBC的batch操作： 
 
 


String sql = "INSERT INTO CUSTOMER " +
				  "(CUST_ID, NAME, AGE) VALUES (?, ?, ?)";
				
    
                                
    • 
                                
  • [JWFD开源工作流]大规模拓扑矩阵存储结构最新进展
                                    comsci
工作流
                                    
        生成和创建类已经完成,构造一个100万个元素的矩阵模型,存储空间只有11M大,请大家参考我在博客园上面的文档"构造下一代工作流存储结构的尝试",更加相信的设计和代码将陆续推出......... 
 
    竞争对手的能力也很强.......,我相信..你们一定能够先于我们推出大规模拓扑扫描和分析系统的....
    
                                
    • 
                                
  • base64编码和url编码
                                    cuityang
base64url
                                    
    import java.io.BufferedReader; 
import java.io.IOException; 
import java.io.InputStreamReader; 
import java.io.PrintWriter; 
import java.io.StringWriter; 
import java.io.UnsupportedEncodingException; 
    
                                
    • 
                                
  • web应用集群Session保持
                                    dalan_123
session
                                    
    关于使用 memcached 或redis 存储 session ，以及使用 terracotta 服务器共享。建议使用 redis，不仅仅因为它可以将缓存的内容持久化，还因为它支持的单个对象比较大，而且数据类型丰富，不只是缓存 session，还可以做其他用途，一举几得啊。1、使用 filter 方法存储这种方法比较推荐，因为它的服务器使用范围比较多，不仅限于tomcat ，而且实现的原理比较简
    
                                
    • 
                                
  • Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式']
                                    dcj3sjt126com
数据库
                                    
        public function getMinLimit () {        $sql = "...";        $result = yii::app()->db->createCo
    
                                
    • 
                                
  • solr StatsComponent（聚合统计）
                                    eksliang
solr聚合查询solr stats
                                    
    StatsComponent 
转载请出自出处：http://eksliang.iteye.com/blog/2169134 
http://eksliang.iteye.com/ 一、概述 
       Solr可以利用StatsComponent 实现数据库的聚合统计查询，也就是min、max、avg、count、sum的功能 
  二、参数
    
                                
    • 
                                
  • 百度一道面试题
                                    greemranqq
位运算百度面试寻找奇数算法bitmap 算法
                                    
    那天看朋友提了一个百度面试的题目：怎么找出{1,1,2,3,3,4,4,4,5,5,5,5}  找出出现次数为奇数的数字. 
  
我这里复制的是原话，当然顺序是不一定的，很多拿到题目第一反应就是用map,当然可以解决，但是效率不高。 
  
还有人觉得应该用算法xxx,我是没想到用啥算法好...！ 
  
还有觉得应该先排序... 
  
还有觉
    
                                
    • 
                                
  • Spring之在开发中使用SpringJDBC
                                    ihuning
spring
                                    
      
在实际开发中使用SpringJDBC有两种方式： 
  
1. 在Dao中添加属性JdbcTemplate并用Spring注入； 
    JdbcTemplate类被设计成为线程安全的，所以可以在IOC 容器中声明它的单个实例，并将这个实例注入到所有的 DAO 实例中。JdbcTemplate也利用了Java 1.5 的特定(自动装箱，泛型，可变长度
    
                                
    • 
                                
  • JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节
                                    justjavac
json
                                    
    2013年5月，Yehuda Katz 完成了JSON API(英文，中文) 技术规范的初稿。事情就发生在 RailsConf 之后，在那次会议上他和 Steve Klabnik 就 JSON 雏形的技术细节相聊甚欢。在沟通单一 Rails 服务器库—— ActiveModel::Serializers 和单一 JavaScript 客户端库——&
    
                                
    • 
                                
  • 网站项目建设流程概述
                                    macroli
工作
                                    
    一.概念 
网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 
二.需求分析 
项目立项 
　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 
客户的需求说明书 
　　第一步是需
    
                                
    • 
                                
  • AngularJs 三目运算 表达式判断
                                    qiaolevip
每天进步一点点学习永无止境众观千象AngularJS
                                    
    事件回顾：由于需要修改同一个模板，里面包含2个不同的内容，第一个里面使用的时间差和第二个里面名称不一样，其他过滤器，内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not，继续追究其源码。 
var b = "{{",
      a = "}}";
        this.startSymbol = function(a) {

    
                                
    • 
                                
  • Spark算子：统计RDD分区中的元素及数量
                                    superlxw1234
sparkspark算子Spark RDD分区元素
                                    
    关键字：Spark算子、Spark RDD分区、Spark RDD分区元素数量 
  
  
Spark RDD是被分区的，在生成RDD时候，一般可以指定分区的数量，如果不指定分区数量，当RDD从集合创建时候，则默认为该程序所分配到的资源的CPU核数，如果是从HDFS文件创建，默认为文件的Block数。 
  
可以利用RDD的mapPartitionsWithInd
    
                                
    • 
                                
  • Spring 3.2.x将于2016年12月31日停止支持
                                    wiselyman
Spring 3
                                    
          
        Spring 团队公布在2016年12月31日停止对Spring Framework 3.2.x（包含tomcat 6.x）的支持。在此之前spring团队将持续发布3.2.x的维护版本。 
  
       请大家及时准备及时升级到Spring 
    
                                
    • 
                                
  • fis纯前端解决方案fis-pure
                                    zccst
JavaScript
                                    
    作者：zccst 
 
FIS通过插件扩展可以完美的支持模块化的前端开发方案，我们通过FIS的二次封装能力，封装了一个功能完备的纯前端模块化方案pure。 
 
 
1，fis-pure的安装 
$ fis install -g fis-pure 
$ pure -v 
0.1.4 
 
 
2，下载demo到本地 
git clone https://github.com/hefangshi/f
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他