良 逸
良 逸

vue3: 1.如何利用 effectScope 自己实现一个青铜版pinia 一 state篇

vue3: 如何利用 effectScope 自己实现一个青铜版pinia - state篇

当下vue3如此火热，vue3的下一代轻量级状态管理工具pinia也是我们必不可少的学习对象，想要学习pinia，就要知道它的实现原理
现在我们就手把手实现一个自己的青铜版pinia

pinia的核心实现原理和 组合式api effectScope 密不可分，那么组合式api effectScope 有什么作用呢，我们可以看下官网的描述：


创建一个 effect 作用域，可以捕获其中所创建的响应式副作用 (即计算属性和侦听器)，这样捕获到的副作用可以一起处理

这段描述说明 effectScope() 执行后会创建一个副作用域，并返回一个对象，对象上面提供一个run方法和stop方法
run方法接受一个函数，函数内部执行的所有关于响应式的代码都会被捕获对应的依赖，当具有响应式代理对象属性发生变化的时候，所有依赖于该对象属性的组件都会被 重新渲染
stop函数执行则是可以使run 函数内的所有关于代理对象的响应式都失效，也就是将收集到的依赖全部释放

有点绕，没关系，我们直接上代码

第一步，先实现一个最简单的数据管理仓库模块对象

首先创建一个store对象，对象上有 state 对象，和useStore 函数
useStore 函数和pinia的useStore 的功能和使用方式类似
函数内创建一个 setup 函数，该函数和vue3的setup 函数类似
里面利用 reactive 执行创建响应式对象,并记录下来保存到 store.state 上,然后返回store.state给组件使用

那么如何让使用 store.state 的组件具有当store.state的属性值改变后而重新执行渲染功能呢
这个时候 effectScope API的作用就来了，他可以帮我们完成这个事情
effectScope() 执行得到一个 scope 对象，执行 scope.run()的时候会将传入run函数里面的函数执行，我们只需要将setup函数传入
setup函数里面的所有关于响应式对象的使用依赖都会被收集，每当一个新的组件引用 useStore 的时候都会创建一个新的 scope.run(setup) 执行,每个使用到useStore的组件都会被收集依赖
这样每个依赖到store.state的组件都能在store.state改变的时候进行重新渲染

const store = {
  state: {
    val: 0
  },
  useStore () {
    // 创建响应式的 setup 函数，效果和vue中的 setup 是一样的，都是用来收集数据响应式依赖的
    const setup = () => {
      // 让 this.state 成为响应式代理对象
      // 先判断 this.state 是否是一个reactive生成的响应式的代理对象，是的话就不需要 this.state 再次成为响应式代理对象了
      if (!Vue.isReactive(this.state)) {
        this.state = Vue.reactive(this.state)
      }
    }
    const scope = Vue.effectScope()
    // 执行run 的时候会执行setup函数，收集依赖
    scope.run(setup)
    return this.state
  }
}

然后我们创建两个子组件并使用这个store

<body>
  <script
    src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.2.37/vue.global.min.js"
    integrity="sha512-rCO3ZZnxh9j/Y725Iq2Cqr2lc9fi83zVeN3PFTUosktylZsCFjD13PDbKrzKjKO/idjM4KlMQC52AsoGFTAe6A=="
    crossorigin="anonymous"
    referrerpolicy="no-referrer"
  >script>
  <div id="app">div>
  <script>
    const store = {
      state: {
        val: 0
      },
      useStore () {
        // 创建响应式的setUp函数，效果和vue中的setUp 是一样的，都是用来收集数据响应式依赖的
        const setup = () => {
          // 让 this.state 成为响应式代理对象
          // 先判断 this.state 是否是一个reactive生成的响应式的代理对象，是的话就不需要 this.state 再次成为响应式代理对象了
          if (!Vue.isReactive(this.state)) {
            this.state = Vue.reactive(this.state)
          }
        }
        const scope = Vue.effectScope()
        // 执行run 的时候会执行setup函数，收集响应式依赖
        scope.run(setup)
        return this.state
      }
    }
    // 子组件1
    const childrenOne = Vue.defineComponent({
      name: 'children-one',
      setup () {
        // 为什么要执行useStore,因为要通过 useStore 内的setup 函数为该组件提供响应式的依赖搜集
        // storeA 已经是一个最基本的状态管理对象了
        // 不过我们一般不建议直接修改store的值，后续会提供actions去帮助大家更改state的值
        const storeA = store.useStore()
        const add = () => {
          storeA.val += 1
          // 也可以直接通过 store.state 去访问state对象
          // store.state.val +=1
        }
        return {
          add,
          storeA,
          store
        }
      },
      template: `
        

          
children-one

          
          

          {{storeA.val}}
          

          store: {{store.state.val}}
        

      `
    })
    // 子组件2
    const childrenTwo = Vue.defineComponent({
      name: 'children-two',
      setup () {
        const storeB = store.useStore()
        const remove = () => {
          storeB.val -= 1
        }
        return {
          remove,
          storeB
        }
      },
      template: `
        

          
children-two

          
          

          {{storeB.val}}
        

      `
    })
    
    const app = Vue.createApp({
      name: 'app',
      components: {
        'children-one': childrenOne,
        'children-two': childrenTwo,
      },
      template: `
        

          
          
        

      `
    })
    app.mount('#app')
  script>
body>

因为store.state 是具有响应式的代理对象，所以我们可以通过直接改变store.state.val 的值去更新对应组件

我们来看下效果：
vue3: 1.如何利用 effectScope 自己实现一个青铜版pinia 一 state篇_第1张图片

这样一个简单的状态管理仓库的实现就完成了，下一篇我会实现计算属性 getters

你可能感兴趣的:(vue,pinia,javascript,vue.js,前端框架)

  • python+django+vue医院门诊挂号预约管理系统57wsx QQ_402205496 djangopycharmpython
    开发语言：Python框架：django/flaskPython版本：python3.7.7数据库：mysql数据库工具：Navicat开发软件：PyCharm主要功能有：管理员功能：系统首页、个人中心、用户管理、医生管理、疫情公告管理、行动轨迹管理、异样报告管理、科室信息管理、异常报告管理、系统管理、医院信息管理、预约信息管理、在线聊天管理、聊天回复管理、我的收藏管理。用户功能模块：系统首页、个
  • 【CodeMirror】系列（一）官网文档学习（一）系统指南 一棵开花的树，枝芽无限靠近你 CodeMirror学习CodeMirror前端编辑器
    这个系列来学习一下CodeMirror编辑器。这篇文章主要是记录一下官方文档的学习，先把官方文档大致浏览一遍。CodeMirror是一个Web端的代码编辑器，和前面学习的MonacoEditor一样。应该比MonacoEditor轻便一些，而且有Vue版本，对Vue用户友好。另外可以将代码显示成DOM元素，对于代码和DOM元素的转换这块比较简单，在MonacoEditor中就没有这么方便，Mona
  • COMP 315: Cloud Computing 后端
    Assignment1:JavascriptCOMP315:CloudComputingforE-CommerceFebruary20251IntroductionAcommontaskwhenbackendprogrammingisdatacleaning,whichistheprocessoftakinganinitialdatasetthatmaycontainerroneousorinco
  • COMP 315: Cloud Computing 后端
    Assignment1:JavascriptCOMP315:CloudComputingforE-CommerceFebruary20251IntroductionAcommontaskwhenbackendprogrammingisdatacleaning,whichistheprocessoftakinganinitialdatasetthatmaycontainerroneousorinco
  • webpack-bundle-analyzer分析打包文件 闰土月下追猹 前端webpack-bundlebundle-analyzerwebpackvue.js前端
    安装：npminstall--save-devwebpack-bundle-analyzer在vue.config.js中配置：constBundleAnalyzerPlugin=require('webpack-bundle-analyzer').BundleAnalyzerPlugin;module.exports={chainWebpack:config=>{//打包分析if(process
  • nodejs 010:Webpack 可视化分析插件 webpack-bundle-analyzer的使用 FakeOccupational 服务化&架构webpack前端node.js
    安装yarnadd--devwebpack-bundle-analyzer原始webpack.config.jswebpack.config.js代码定义了Webpack的配置，主要任务是将JavaScript和CSS文件打包，并将CSS提取到单独的文件中，配置了对Electron应用的支持，同时还将React相关的模块映射到Preact，以减小打包体积。//引入Node.js的path模块，用于
  • Web 开发都需要学什么？ Duiz33237 前端html5css3web
    Web开发是指开发和构建用于互联网的网站和应用程序的过程。它涉及使用各种编程语言、框架和技术来创建功能丰富、用户友好的网站和应用程序。常见的web开发技术包括HTML、CSS和JavaScript。HTML用于创建网页的结构，CSS用于样式和布局，而JavaScript用于实现交互和动态效果。此外，还有许多其他的编程语言和框架，如Python、PHP、Ruby、React、Angular等，用于开
  • DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14_10空状态的固定表头表格 宝码香车 #DeepSeekjavascript前端vue.jsecmascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14_10空状态的固定表头表格页面效果组件代码代码测试测试代码正常跑通，附其他基本代码编写路由src\router\index.js编写展示入口s
  • Javascript基础语法详解 Warren98 javascript开发语言ecmascript
    面向对象的语言.脚本语言,不需要编译,浏览器解释即可运行.用于控制网页的行为.浏览器的source可以打断点调试,console输入代码可以执行usestrict指令:在“严格模式”下运行js代码,防止意外创建全局变量等,提高代码安全性和执行效率.使用:全局严格模式：在脚本的开头添加"usestrict".函数级严格模式:在函数的开头添加"usestrict"：functionmyFunction
  • 【2025】基于springboot+vue的汽车销售试驾平台（源码、万字文档、图文修改、调试答疑） 千里码aicood javaspringbootvue.js汽车
    基于SpringBoot+Vue的汽车销售试驾平台通过整合前后端技术，实现了汽车销售和试驾预约的信息化和智能化。系统为管理员和用户提供了丰富的功能，提升了客户体验和销售效率，增强了数据分析能力，为汽车销售行业的发展提供了新的途径。系统功能结构如图所示：基于SpringBoot+Vue的汽车销售试驾平台研究背景随着汽车市场的竞争日益激烈，消费者在购车前对车辆的了解和试驾需求不断增加。传统的汽车销售模
  • 使用pdfjs加载多页pdf并实现打印 MandiGao vue文件处理pdfvue
    版本：vue:2.7.10pdfjs-dist:2.14.305worker-loader:3.0.1安装pdfjs-dist、worker-loadernpminstallpdfjs-dist@[email protected]在vue.config.js中配置//webpack配置chainWebpack(config){
  • DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14_07带分页的固定表头表格 宝码香车 #DeepSeekjavascript前端vue.jsecmascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14_07带分页的固定表头表格页面效果组件代码代码测试测试代码正常跑通，附其他基本代码编写路由src\router\index.js编写展示入口s
  • DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14_04带选择框的固定表头表格 宝码香车 #DeepSeekjavascript前端vue.jsecmascriptDeepSeekdeepSeekdeepseek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14_04带选择框的固定表头表格页面效果组件代码代码测试测试代码正常跑通，附其他基本代码编写路由src\router\index.js编写展示入口
  • DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14_01基础固定表头示例 宝码香车 #DeepSeekjavascript前端vue.jsecmascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14_01基础固定表头示例页面效果组件代码测试代码正常跑通，附其他基本代码编写路由src\router\index.js编写展示入口src\App
  • DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）示例3: 行选择 宝码香车 #DeepSeekvue.jsjavascriptecmascript前端DeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）示例3:行选择前言页面效果指令输入定义属性数据相关样式与布局相关功能相关定义事件其他think组件代码代码测试示例3，整理后主要代码定义组件\src\views\TableView
  • 《恐龙餐厅菜单页面代码说明文档》 欣然～ html5
    一、整体概述此HTML文件构建了一个恐龙餐厅的菜单页面，用户能够浏览菜品、将菜品添加到购物车，并进行支付操作。页面运用HTML搭建结构，CSS进行样式设计，JavaScript实现交互功能。二、HTML结构1.文档头部（）html恐龙餐厅菜单/*CSS样式代码*/：声明文档类型为HTML5。：指定文档语言为中文（中国大陆）。：设置字符编码为UTF-8，确保中文等字符能正确显示。：让页面在不同设备上
  • 让你秒懂 Vue .env 文件 _虾仁不眨眼_ Vue2vue.js前端javascript
    在Vue.js项目中，.env文件用于配置环境变量，这些变量可以在开发、测试和生产环境中使用。VueCLI提供了一种机制，允许你为不同的环境定义不同的环境变量。以下是.env、.env.development和.env.production文件的用途和区别，以及如何使用它们。1..env文件.env文件是项目的默认环境变量文件，适用于所有环境。它包含通用的环境变量，这些变量在开发、测试和生产环境中
  • 前端大屏触摸签名实现 风无雨 前端前端
    参考：JavaScript实现手写签名，可触屏手写，支持移动端与PC端双端保存_js手写签名-CSDN博客https://www.cnblogs.com/smileZAZ/p/17219400.html1.新建一个canvas元素获取canvas上下文，绘制初始矩形，设置高度宽度，初始绘制位置0,0//创建上下文constctx=canvas.getContext('2d')2.监听touchst
  • 颠覆传统开发！诚邀您加入AI Dev Engineer计划！ 北堂飘霜 AIpythonJAVA人工智能
    前言查看详情过去几年，AI在编程领域的应用越来越广泛。从Copilot到ChatGPT，AI正在帮助开发者加速代码编写、优化逻辑、修复bug。但如果你曾经尝试过让AI生成代码，你一定遇到过这些问题：现有AI编码的3大痛点1️⃣代码生成≠项目构建你问AI：“帮我写一个博客系统！”它给你返回了一段后端代码，或者一个Vue组件……然后呢？你还是要手动搭建整个项目，粘贴代码，配置依赖，调试环境，所有的重复
  • 华为OD机试 - 最长回文字符串（C++ Java JavaScript Python） YOLO大师 华为c++java算法华为od
    题目描述如果一个字符串正读和反渎都一样（大小写敏感），则称它为一个「[回文串]，例如：leVel是一个「回文串」，因为它的正读和反读都是leVel；同理a也是「回文串」art不是一个「回文串」，因为它的反读tra与正读不同Level不是一个「回文串」，因为它的反读leveL与正读不同（因大小写敏感）给你一个仅包含大小写字母的字符串，请用这些字母构造出一个最长的回文串，若有多个最长的，返回其中字典序
  • VUE3中defineExpose的使用方法 云隙阳光i vue.jsjavascript前端
    使用的组件是默认关闭的——即通过模板引用或者$parent链获取到的组件的公开实例，不会暴露任何在中声明的绑定。可以通过defineExpose编译器宏来显式指定在组件中要暴露出去的属性官网传送门在vue3的setup中，组件默认是关闭的，对一个子组件使用ref，不能获取任何在中声明的绑定。defineExpose是编译宏，用于显式地指定在组件中要暴露出去的属性。如下示例父组件import{ref
  • vue项目提示 WebSocketClient.js:49 WebSocket connection to ‘ws://xxxx/ws‘ failed: Invalid frame header Beamon__ vuevue.js前端
    项目信息vue-cli创建的vue3+webpack5项目；问题现状配置proxy代理后，控制台报错，不影响使用，但是不美观，并且不利于在控制台调试代码；原因定位代理问题，新配置的接口代理，影响到了项目内置的本地服务代理配置，参考Websocketconnectionfailed,Invalidframeheader·Issue#1850·vuejs/vue-cli·GitHub解决方案方案一一刀
  • 第2章 Vue核心架构解析 道不尽世间的沧桑 vue深入理解前端javascriptvue.js
    2.1双版本设计：运行时vs编译器2.1.1版本差异对比//完整版（包含编译器）构建过程newVue({template:'{{message}}'//需要编译模板})//运行时版（需预编译）构建过程newVue({render(h){//直接使用预编译的render函数returnh('div',this.message)}})关键差异说明表：特性完整版运行时版体积大小较大(~30KB)较小(~
  • Vue实现消息提示功能 陌路物是人非 vue.jsjavascript前端
    1.首先要先定义消息提示的组件，在这个组件中需要实现自动关闭的功能（看自己的爱好呗），并且设置自己喜欢的样式，vue中还有可以自定义进场和退场动画的样式（就是那个v-enter-active和v-leave-active）。这里还可以通过definePorps在外部设置属性值Message组件实例Ximport{ref,onMounted}from'vue';letdisplay=ref(fals
  • Vue3项目基于Axios封装request请求 洛*璃 Vue.jsvue.js前端javascripttypescript
    在Vue3的项目开发中，使用Axios进行HTTP请求是非常常见的作法，为了更方便开发者更高效的进行代码编写和项目的维护，可以通过再次封装Axios来实现。在本文中，博主将详细指导你如何在自己的Vue3项目中使用Axios二次封装request请求。1.安装Axios首先，确保我们的Vue3项目已经安装了Axios。如果尚未安装Axios，则可以定位到项目根目录下(与src目录同级)，运行命令行：
  • 【电商项目】-设置跨域配置实现前后端分离 总是幸福的老豌豆 日常工作总结解决跨域请求
    前言最近在开发前后端分离的电商项目，前端框架是VUE，后端是我们熟悉的springboot框架，做过前后端分离项目的同学，‍肯定晓得我们项目会存在跨域请求的问题，下面贴出项目中的配置类，来解决跨域请求问题：packagecom.zcw.config;importorg.springframework.context.annotation.Bean;importorg.springframework
  • 带大家vue + springboot/springcloud +minio(可选) 实现文件分片上传和断点续传介绍，问题，原理及 前后端完整源码 (模式2:后台集群部署模式） 峡谷电光马仔 minio分片上传springboot分片上传springboot断点续传springcloud断点续传springcloud分片上传
    回顾与介绍本文承接上文《vue+springboot/springcloud+minio(可选)实现文件分片上传和断点续传介绍，问题，原理及前后端完整源码(模式1:后台单点部署模式）》本篇主要针对后台是集群模式下部署时的分片上传方案本篇基于minio的部分可以参考,入不需要文件最后上传到文件服务器，则可忽略minio部分《从0到1手把手搭建springcloudalibaba微服务大型应用框架（九
  • 基于深度学习的个性化新闻推荐系统设计与实现计算机毕设 sj52abcd 深度学习课程设计人工智能毕业设计
    博主介绍：✌专注于VUE,小程序，安卓，Java,python,物联网专业，有17年开发经验，长年从事毕业指导，项目实战✌选取一个适合的毕业设计题目很重要。✌关注✌私信我✌具体的问题，我会尽力帮助你。研究的背景:随着互联网技术的发展和普及,人们越来越依赖互联网获取信息。然而,随着信息量的不断增加,用户在查找新闻时面临着信息过载的问题。为了解决这个问题,个性化新闻推荐系统被广泛应用。个性化新闻推荐系
  • Node.js--exports 对象详解：用法、示例与最佳实践 还是鼠鼠 node.jsnode.jswebjavascript前端vscode
    目录1.exports对象介绍2.基础示例：使用exports导出对象文件名：math.js（JavaScript）3.在另一个文件中使用require进行导入文件名：app.js（JavaScript）4.运行程序5.exports的限制6.其他exports使用方式示例1：导出单个函数示例2：导出类7.结论1.exports对象介绍在Node.js中，exports是module.export
  • JavaScript语言的游戏开发 凌嘉遥 包罗万象golang开发语言后端
    JavaScript游戏开发入门指南在互联网迅速发展的今天，游戏已经成为了我们日常生活中不可或缺的一部分。无论是手机游戏、网页游戏，还是大型的3D游戏，它们的背后都离不开强大的编程技术。JavaScript作为一种广泛应用的编程语言，使得游戏开发变得更加灵活和高效。本文将深入探讨JavaScript在游戏开发中的应用，带领读者了解如何使用JavaScript开发自己的游戏。1.JavaScript
  • TOMCAT在POST方法提交参数丢失问题 357029540 javatomcatjsp
    摘自http://my.oschina.net/luckyi/blog/213209 昨天在解决一个BUG时发现一个奇怪的问题，一个AJAX提交数据在之前都是木有问题的，突然提交出错影响其他处理流程。 检查时发现页面处理数据较多，起初以为是提交顺序不正确修改后发现不是由此问题引起。于是删除掉一部分数据进行提交，较少数据能够提交成功。 恢复较多数据后跟踪提交FORM DATA ，发现数
  • 在MyEclipse中增加JSP模板 删除-2008-08-18 ljy325 jspxmlMyEclipse
    在D:\Program Files\MyEclipse 6.0\myeclipse\eclipse\plugins\com.genuitec.eclipse.wizards_6.0.1.zmyeclipse601200710\templates\jsp  目录下找到Jsp.vtl，复制一份，重命名为jsp2.vtl,然后把里面的内容修改为自己想要的格式，保存。 然后在 D:\Progr
  • JavaScript常用验证脚本总结 eksliang JavaScriptjavaScript表单验证
         转载请出自出处：http://eksliang.iteye.com/blog/2098985        下面这些验证脚本，是我在这几年开发中的总结，今天把他放出来，也算是一种分享吧，现在在我的项目中也在用！包括日期验证、比较，非空验证、身份证验证、数值验证、Email验证、电话验证等等...! &nb
  • 微软BI（4） 18289753290 微软BI SSIS
    1） Q:查看ssis里面某个控件输出的结果：  A MessageBox.Show(Dts.Variables["v_lastTimestamp"].Value.ToString()); 这是我们在包里面定义的变量 2):在关联目的端表的时候如果是一对多的关系，一定要选择唯一的那个键作为关联字段。 3) Q：ssis里面如果将多个数据源的数据插入目的端一
  • 定时对大数据量的表进行分表对数据备份 酷的飞上天空 大数据量
    工作中遇到数据库中一个表的数据量比较大，属于日志表。正常情况下是不会有查询操作的，但如果不进行分表数据太多，执行一条简单sql语句要等好几分钟。。   分表工具：linux的shell + mysql自身提供的管理命令 原理：使用一个和原表数据结构一样的表，替换原表。   linux shell内容如下： =======================开始 
  • 本质的描述与因材施教 永夜-极光 感想随笔
             不管碰到什么事,我都下意识的想去探索本质,找寻一个最形象的描述方式。        我坚信,世界上对一件事物的描述和解释,肯定有一种最形象,最贴近本质,最容易让人理解        &
  • 很迷茫。。。 随便小屋 随笔
    小弟我今年研一，也是从事的咱们现在最流行的专业（计算机）。本科三流学校，为了能有个更好的跳板，进入了考研大军，非常有幸能进入研究生的行业（具体学校就不说了，怕把学校的名誉给损了）。   先说一下自身的条件，本科专业软件工程。主要学习就是软件开发，几乎和计算机没有什么区别。因为学校本身三流，也就是让老师带着学生学点东西，然后让学生毕业就行了。对专业性的东西了解的非常浅。就那学的语言来说
  • 23种设计模式的意图和适用范围 aijuans 设计模式
    Factory Method 意图 定义一个用于创建对象的接口，让子类决定实例化哪一个类。Factory Method 使一个类的实例化延迟到其子类。 　　适用性 当一个类不知道它所必须创建的对象的类的时候。 　　当一个类希望由它的子类来指定它所创建的对象的时候。 　　当类将创建对象的职责委托给多个帮助子类中的某一个，并且你希望将哪一个帮助子类是代理者这一信息局部化的时候。 Abstr
  • Java中的synchronized和volatile aoyouzi javavolatilesynchronized
    说到Java的线程同步问题肯定要说到两个关键字synchronized和volatile。说到这两个关键字，又要说道JVM的内存模型。JVM里内存分为main memory和working memory。 Main memory是所有线程共享的，working memory则是线程的工作内存，它保存有部分main memory变量的拷贝，对这些变量的更新直接发生在working memo
  • js数组的操作和this关键字 百合不是茶 js数组操作this关键字
    js数组的操作;   一:数组的创建: 1、数组的创建 var array = new Array();　//创建一个数组 var array = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]
  • 别人的阿里面试感悟 bijian1013 面试分享工作感悟阿里面试
    原文如下：http://greemranqq.iteye.com/blog/2007170         一直做企业系统，虽然也自己一直学习技术，但是感觉还是有所欠缺，准备花几个月的时间，把互联网的东西，以及一些基础更加的深入透析，结果这次比较意外，有点突然，下面分享一下感受吧！    &nb
  • 淘宝的测试框架Itest Bill_chen springmaven框架单元测试JUnit
    Itest测试框架是TaoBao测试部门开发的一套单元测试框架，以Junit4为核心， 集合DbUnit、Unitils等主流测试框架，应该算是比较好用的了。 近期项目中用了下，有关itest的具体使用如下： 1.在Maven中引入itest框架： <dependency>   <groupId>com.taobao.test</groupId&g
  • 【Java多线程二】多路条件解决生产者消费者问题 bit1129 java多线程
    package com.tom; import java.util.LinkedList; import java.util.Queue; import java.util.concurrent.ThreadLocalRandom; import java.util.concurrent.locks.Condition; import java.util.concurrent.loc
  • 汉字转拼音pinyin4j 白糖_ pinyin4j
    以前在项目中遇到汉字转拼音的情况，于是在网上找到了pinyin4j这个工具包，非常有用，别的不说了，直接下代码：   import java.util.HashSet; import java.util.Set; import net.sourceforge.pinyin4j.PinyinHelper; import net.sourceforge.pinyin
  • org.hibernate.TransactionException: JDBC begin failed解决方案 bozch ssh数据库异常DBCP
    org.hibernate.TransactionException: JDBC begin failed:     at org.hibernate.transaction.JDBCTransaction.begin(JDBCTransaction.java:68)    at org.hibernate.impl.SessionImp
  • java-并查集（Disjoint-set）-将多个集合合并成没有交集的集合 bylijinnan java
    import java.util.ArrayList; import java.util.Arrays; import java.util.HashMap; import java.util.HashSet; import java.util.Iterator; import java.util.List; import java.util.Map; import java.ut
  • Java PrintWriter打印乱码 chenbowen00 java
    一个小程序读写文件，发现PrintWriter输出后文件存在乱码，解决办法主要统一输入输出流编码格式。 读文件： BufferedReader 从字符输入流中读取文本，缓冲各个字符，从而提供字符、数组和行的高效读取。 可以指定缓冲区的大小，或者可使用默认的大小。大多数情况下，默认值就足够大了。 通常，Reader 所作的每个读取请求都会导致对基础字符或字节流进行相应的读取请求。因
  • [天气与气候]极端气候环境 comsci 环境
          如果空间环境出现异变...外星文明并未出现,而只是用某种气象武器对地球的气候系统进行攻击,并挑唆地球国家间的战争,经过一段时间的准备...最大限度的削弱地球文明的整体力量,然后再进行入侵......      那么地球上的国家应该做什么样的防备工作呢?  &n
  • oracle order by与union一起使用的用法 daizj UNIONoracleorder by
    当使用union操作时，排序语句必须放在最后面才正确，如下： 只能在union的最后一个子查询中使用order by，而这个order by是针对整个unioning后的结果集的。So： 如果unoin的几个子查询列名不同，如 Sql代码  select supplier_id, supplier_name  from suppliers  UNI
  • zeus持久层读写分离单元测试 deng520159 单元测试
    本文是zeus读写分离单元测试,距离分库分表,只有一步了.上代码: 1.ZeusMasterSlaveTest.java package com.dengliang.zeus.webdemo.test; import java.util.ArrayList; import java.util.List; import org.junit.Assert; import org.j
  • Yii 截取字符串(UTF-8) 使用组件 dcj3sjt126com yii
    1.将Helper.php放进protected\components文件夹下。 2.调用方法：   Helper::truncate_utf8_string($content,20,false);   //不显示省略号  Helper::truncate_utf8_string($content,20);  //显示省略号  &n
  • 安装memcache及php扩展 dcj3sjt126com PHP
    安装memcache    tar zxvf memcache-2.2.5.tgz     cd memcache-2.2.5/     /usr/local/php/bin/phpize (?)    ./configure --with-php-confi
  • JsonObject 处理日期 feifeilinlin521 javajsonJsonOjbectJsonArrayJSONException
        写这边文章的初衷就是遇到了json在转换日期格式出现了异常 net.sf.json.JSONException: java.lang.reflect.InvocationTargetException  原因是当你用Map接收数据库返回了java.sql.Date 日期的数据进行json转换出的问题话不多说  直接上代码  &n
  • Ehcache（06）——监听器 234390216 监听器listenerehcache
    监听器          Ehcache中监听器有两种，监听CacheManager的CacheManagerEventListener和监听Cache的CacheEventListener。在Ehcache中，Listener是通过对应的监听器工厂来生产和发生作用的。下面我们将来介绍一下这两种类型的监听器。  
  • activiti 自带设计器中chrome 34版本不能打开bug的解决 jackyrong Activiti
      在acitivti modeler中，如果是chrome 34，则不能打开该设计器，其他浏览器可以， 经证实为bug，参考 http://forums.activiti.org/content/activiti-modeler-doesnt-work-chrome-v34 修改为，找到 oryx.debug.js 在最头部增加 if (!Document.
  • 微信收货地址共享接口-终极解决 laotu5i0 微信开发
       最近要接入微信的收货地址共享接口，总是不成功，折腾了好几天，实在没办法网上搜到的帖子也是骂声一片。我把我碰到并解决问题的过程分享出来，希望能给微信的接口文档起到一个辅助作用，让后面进来的开发者能快速的接入，而不需要像我们一样苦逼的浪费好几天，甚至一周的青春。各种羞辱、谩骂的话就不说了，本人还算文明。    如果你能搜到本贴，说明你已经碰到了各种 ed
  • 关于人才 netkiller.github.com 工作面试招聘netkiller人才
    关于人才 每个月我都会接到许多猎头的电话，有些猎头比较专业，但绝大多数在我看来与猎头二字还是有很大差距的。 与猎头接触多了，自然也了解了他们的工作，包括操作手法，总体上国内的猎头行业还处在初级阶段。 总结就是“盲目推荐，以量取胜”。 目前现状 许多从事人力资源工作的人，根本不懂得怎么找人才。处在人才找不到企业，企业找不到人才的尴尬处境。 企业招聘，通常是需要用人的部门提出招聘条件，由人
  • 搭建 CentOS 6 服务器 - 目录 rensanning centos
    (1) 安装CentOS ISO（desktop/minimal）、Cloud（AWS/阿里云）、Virtualization（VMWare、VirtualBox） 详细内容 (2) Linux常用命令 cd、ls、rm、chmod...... 详细内容 (3) 初始环境设置 用户管理、网络设置、安全设置...... 详细内容 (4) 常驻服务Daemon
  • 【求助】mongoDB无法更新主键 toknowme mongodb
      Query query = new Query();          query.addCriteria(new Criteria("_id").is(o.getId()));                &n
  • jquery 页面滚动到底部自动加载插件集合 xp9802 jquery
    很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐 10 个 jQuery 的无限滚动的插件： 1. jQuery ScrollPagination jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。 2. jQuery Screw S
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他