欧阳呀
欧阳呀

原生js实现响应式，数据驱动

响应式编程与数据驱动概览

什么是响应式编程：

响应式编程：(Reactive Programming 或称反应式编程)是一种流行的编程方法，编写代码是基于对变化的反应。

响应式编程的优点：

执行的代码和执行的线程是分开的。这种方式在服务端的架构里面有很大的意义，只保留一个线程处理程序进程层面的代码，跟Node.js很相似。如果这个线程被阻塞的话，那整个服务器就不会再处理其他请求了。因此，在JavaScript中，每个调用在一开始的时候就是异步执行，在任何情况下都可以通过响应式的API或者其他有用的抽象方式，来解决回调地狱的问题。

数据驱动

数据驱动：是指视图是由数据驱动生成的，对视图的修改，不会直接操作 DOM，而是通过修改数据。相比较传统的前端开发，如 jQuery 前端库直接修改 DOM，大大简化了代码量。特别是当交互复杂的时候，只关心数据的修改会让代码的逻辑变的非常清晰，因为 DOM 变成了数据的映射，所有的逻辑都是对数据的修改，而不用触碰 DOM，这样代码也利于维护。

原生js实现响应式，数据驱动

实现原理及思路

利用发布订阅模式，建立一个订阅器模型，写一个劫持方法，加上观察者模式，利用 js 的Object.defineProperty方法，劫持当前数据，观察到数据发生了变化之后，使用set去改变数据，被订阅的视图相对应的去改变。

第一步：建立订阅器模型

// 订阅器模型
var Dep = {
    clientList: {},
    listen: function (key, fn) {
        if (!this.clientList[key]) {
            this.clientList[key] = [];
        }
        this.clientList[key].push(fn);
    },
    trigger: function () {
        var key = Array.prototype.shift.call(arguments),
            fns = this.clientList[key];
        if (!fns || fns.length === 0) {
            return false;
        }
        for (var i = 0, fn; fn = fns[i++];) {
            fn.apply(this, arguments);
        }
    }
};

建立劫持方法

// 劫持方法
var dataHijack = function ({ data, tag, datakey, selector }) {
    var value = '',
        el = document.querySelector(selector);
    // 数据劫持
    Object.defineProperty(data, datakey, {
        get: function () {
            console.log('我获取到值了');
            return value;
        },
        set: function (newValue) {
            console.log('我设置值了');
            value = newValue;
            Dep.trigger(tag, newValue);
        }
    });
    // 绑定观察者
    Dep.listen(tag, function (text) {
        el.innerHTML = text;
    });
}

调用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>demo</title>
</head>

<body>
    <div id="app">
        订阅视图-1：<span class="box-1"></span>
        订阅视图-2：<span class="box-2"></span>
    </div>
    <script src="index.js"></script>
    <script>
        // 数据
        var dataObj = {};
        // 数据劫持
        dataHijack({
            data: dataObj,
            tag: 'view-1',
            datakey: 'one',
            selector: '.box-1'
        });
        dataHijack({
            data: dataObj,
            tag: 'view-2',
            datakey: 'two',
            selector: '.box-2'
        });
        // 初始化赋值
        dataObj.one = 'one';
        dataObj.two = 'two';
    </script>
</body>

</html>

响应式效果展示

操作说明

蓝色框是取值，红色框是设置值。
直接在控制台修改，html里面的视图会得到响应发生变化
这就是响应式与数据驱动的魅力。

最后效果

原生js实现响应式，数据驱动_第1张图片

欢迎大家评论转发，转发请注明出处。

你可能感兴趣的:(vue,js,响应式设计)

  • uniapp 自定义页面下拉刷新实现 带刺的茄子 uni-appvueuni-app
    uniapp自定义页面刷新实现//页面：......//js：data{scrollView:'611',isrefresh:false,_isrefresh:false,scrollTop:0,old:{scrollTop:0}}onRefresh(){if(this._isrefresh)return;this._isrefresh=true;if(!this.isrefresh)//界面下拉
  • uni-app在线签名功能，签名生成图片，转base64工具 棋宣
    废话不多说啊，直接上代码，代码我也是看的一个大佬的，但是不知道在哪看的了，就不写转载了这个我简单研究了一个，能直接用，样式可以自己修改。需要配合base64转换的，工具也放在这这里。base64图片转换（这个是一个工具，给大家写上原地址）说明网址：“https://www.npmjs.com/package/image-tools”取消重写确认varx=20;vary=20;vartempPoin
  • 【uni-app】微信小程序使用lime-painter生成海报 cjsnyxz 前端
    lime-painter是一个专为UniApp设计的插件，用于优雅地生成海报，并支持下载海报图片。它支持在多个平台中使用，并且提供了盒子、文字、图片、二维码等配置选项，允许开发者根据项目需求按照UI设计稿对海报进行高度还原。本文将介绍如何使用lime-painter插件在UniApp中实现海报的生成及下载。技术栈：uni-app、Vue3（3.4.21）、TypeScript（4.9.5）、wot
  • 踩坑-vue3.0-uniapp-全局变量prototype失效 cometxd 原型模式javascript前端
    项目场景：踩坑-vue3.0-uniapp-全局变量prototype失效问题描述踩坑-vue3.0-uniapp-全局变量prototype失效main.js中全局变量失效Vue.prototype.$testname="testNAME";解决方案：使用exportfunctioncreateApp(){constapp=createSSRApp(App)app
  • 在React、Vue中使用vanilla-jsoneditor ts_shinian_web reactantdreact.js前端vuejson
    在React中使用vanilla-jsoneditor一、使用vanilla-jsoneditor的场景1.安装依赖1.1安装vanilla-jsoneditor和React1.1安装vanilla-jsoneditor和Vue2.创建一个component组件2.1React创建一个新的组件，用于渲染vanilla-jsoneditor编辑器2.2Vue创建一个新的组件，用于渲染vanilla-
  • chromedriver自动下载 —— python (*￣︶￣)(*^▽^*) python开发语言
    #工作实践webdriver自带的ChromeDriverManager().install()方法，对应的驱动地址自从114版本后没有更新了；隔一段时间就需要手动下载驱动，所以写了一个简单的自动更新方法，还有一些不足，勉强够用吧1、查看源码，大致是保存了一个json文件，每次获取driver最后更新版本，并更新到json文件中；然后下载最新的资源并解压到文件夹2、本来想改源码，但是有修改提示，考
  • 【Elasticsearch】动态计算字段的几种方式 risc123456 Elasticsearchelasticsearch
    在Elasticsearch中，动态计算字段可以通过以下几种方法实现：1.动态映射（DynamicMapping）动态映射允许Elasticsearch在索引文档时自动检测并添加新字段及其数据类型。虽然动态映射主要用于自动处理新字段，但也可以通过动态模板（DynamicTemplates）来控制新字段的映射规则，从而实现一定程度的动态计算字段的功能。示例：```jsonPUT/my_index{"
  • React module CSS（React模块样式） 断下句号 reactjscsshtmlreact.js
    React模块样式导入简介一开始开发react项目使用的是.css样式，在.js文件中引入并使用className，但是项目合并后发现.css样式会影响项目中其他组件的样式，然而在react中又不可以直接编写局部样式（在HTML和vue中可以编写scoped样式），所以改成以模块导入的形式编写组件样式。模块样式导入要点：选择器驼峰命名样式文件后缀名为.module.css在js文件中导入并使用1️
  • 大模型-Tool call、检索增强 Java知识技术分享 ai大模型python数据库condaai
    大模型Toolcall心知天气：https://www.seniverse.com/例子：调用天气接口APIfromopenaiimportOpenAIimportrequestsimportjson"""#####天气接口API密钥获取：https://www.free-api.com/doc/558#####"""#定义调用天气API的函数defget_weather(location,lan
  • LLMs之ReACT-Agent：ReACT-Agent简介、实现及其使用方法(MReACT/AutoReACT)、案例应用(比如采用ReAct框架让LLM稳定输出JSON格式数据)之详细攻略 一个处女座的程序猿 RAG_AgentNLP/LLMs资深文章(前沿/经验/创新)AgentReACT
    LLMs之ReACT-Agent：ReACT-Agent简介、实现及其使用方法(MReACT/AutoReACT)、案例应用(比如采用ReAct框架让LLM稳定输出JSON格式数据)之详细攻略目录相关文章LLMs之ReACT-Agent：ReACT-Agent简介、实现及其使用方法(MReACT/AutoReACT)、案例应用(比如采用ReAct框架让LLM稳定输出JSON格式数据)之详细攻略Re
  • 学习Flask：Day 2：模板与表单开发 昨今 学习flaskpython
    学习目标：前后端混合开发#添加模板渲染[email protected]('/profile')defprofile():returnrender_template('profile.html',username="开发者",skills=['Vue','JavaScript'])✅实践任务：创建templates目录使用Jinja2语法制作包含循环和
  • react module.scss 避免全局冲突类似vue中scoped 初遇你时动了情 reactvitecssreact.jsscssvue.js
    创建index.module.scss文件src/components/MyComponent/index.module.scssindex.tsx2.编写index.module.scss内容//src/components/MyComponent/index.module.scss.container{padding:20px;background-color:#f0f0f0;.title{f
  • Web自动化之Selenium execute_script函数常用JS脚本 起个破名想半天了 #pythonselenium:从入门到精通seleniumpython自动化javascript
    在Web自动化测试中，Selenium的execute_script函数是一个非常强大的工具，它允许我们直接在浏览器中执行JavaScript代码。使用时只需将JS代码按照字符串的格式传入即可。常用JS代码以下是一些常用的JavaScript代码示例，可以在Selenium的execute_script函数中直接使用：包括操作当前页面和操作某个元素。操作当前页面获取页面标题page_title=b
  • uniapp 开发 h5 跳转微信小程序 陈龙龙的陈龙龙 uni-apphtml5微信前端vue.jsjavascript
    1、JS-SDK说明文档文档链接把JSSDK的js文件下载下来或者直接使用链接2、封装初始化jssdk的functionvarjweixin=require('../common/jweixin-1.6.0.js');jssdkConfig:(options)=>{returnnewPromise((resolve,reject)=>{uni.showLoading({title:"加载中..."
  • uniapp更新版本，apk包进度条，wgt包热更新 初晨未凉 uni-appjavascript前端
    upgrade.js/***@descriptionH5+下载App*@paramdownloadUrl:App下载链接*@paramprogressCallBack:下载进度回调*/exportconstdownloadApp=(downloadUrl,progressCallBack=()=>{},)=>{returnnewPromise((resolve,reject)=>{//创建下载任务
  • canvas保存图片 初晨未凉 javascript前端开发语言
    需求：上面有几个按钮，其中有一个切换是图片用v-if会导致图片加载慢实现方法：一进来就加载，通过监听元素显示，用于控制canvas的宽高，从而达到隐藏的效果组件dowolad.vue保存二维码exportdefault{props:['show'],data(){return{show:true,canvasId:'myCanvas',imagePath:'',canvaseAttr:{width
  • js的一些处理 初晨未凉 javascript前端开发语言
    1.翻转字符串letstr='abcdef'str=str.split('').reverse().join()console.log(str)因此想到了我之前写的截取字符串获取参数跳转，在写一遍letstr='name=Jack&age=18&gender=男'letlist=str.split('&');letobj={}list.forEach((v)=>{letitem=v.split('
  • Vue3 中如何实现响应式系统中的依赖收集和更新队列的解耦？ 程序员黄同学 前端开发JavaScriptJava面试题前端javascriptvue.js
    一、问题解析：为什么需要解耦？在响应式系统中，依赖收集（追踪数据与视图的关联关系）和更新队列（批量处理数据变化带来的副作用）是两个核心但职责不同的模块。Vue3通过以下设计实现解耦：依赖收集阶段：在数据读取时建立响应式对象->副作用函数的映射关系更新触发阶段：数据修改时通过调度器控制副作用的执行策略队列机制：将同步的多次修改合并为单次更新操作这种解耦带来的好处：更好的性能（批量更新减少重复计算）更
  • 将Vue工程打包为Electron：vue-cli-plugin-electron-builder 超频化石鱼 ElectronVueElectronVuebuilderelectron-vue
    介绍vue-cli-plugin-electron-builder插件的作用是将一个Vue工程打包为Electron程序。官网:https://nklayman.github.io/vue-cli-plugin-electron-builder/与electron-vue对比作用目标作用方式更新维护electron-vueelectron-vue工程编译工程中的Vue代码不及时vue-cli-pl
  • 搭建hexo主题Butterfly部署github+个人服务器 「已注销」 编辑器
    1.文章介绍网址展示：chen&blog此文章总结不易，参考各个文章总结，如有问题请留言…2.环境要求笔者环境：win1164位；node.js：v14.15.364位；git：2.29.2.windows.264位编写代码使用Notepad++2.1node.js安装下载node-v14.15.3-x64.msi安装自主安装（修改安装路径，一路next）验证安装是否成功cmd查看版本C:\Use
  • 使用Node.js实现RESTful API chiwan3432 json开发工具ruby
    RESTful基础概念REST（RepresentationalStateTransfer）描述了一个架构样式的网络系统，它首次出现在2000年RoyFielding的博士论文中。在REST服务中，应用程序状态和功能可以分为各种资源。资源向客户端公开，客户端可以对资源进行增删改操作。资源的例子有：应用程序对象、数据库记录、算法等等。REST通过抽象资源，提供了一个非常容易理解和使用的API，它使用
  • 自定义的搭建solidity开发环境（以太坊） yinzhiqing 开发环境技术文档ubuntu开发环境
    环境地址github:GitHub-yinzhiqing/templete-sol:solidityplatform(hardhat)gitlab:zqy/templete-sol·GitLab本项目利用openzapplinsolcweb3jshardhatnodejs在ubuntu下搭建solidity合约开发环境．大多数功能实现了自动化（脚本）执行．特点：１．开发环境可充分使用２．合约可升级
  • npm : 无法加载文件 D:\dev\nodejs\npm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=1 学不完@根本学不完 npm前端node.js
    vscode终端npminstall提示：npm:无法加载文件D:\dev\nodejs\npm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅https:/go.microsoft.com/fwlink/?LinkID=1解决：
  • 【区块链技术开发】 关于Windows10平台Solidity语言开发环境配置 源代码杀手 区块链技术开发区块链
    目录1、安装Node.js2、安装Solidity编译器3、安装RemixIDE4、安装MetaMask浏览器插件5、环境配置与问题解决6、安装Ganache:以太坊区块链开发测试工具7、安装Web3.js库8、VsCode配置Solidity语言环境并运行示例代码编译方法1：运行上述示例只需在终端输入编译命令Solcjs编译方法2：安装Solidity插件9、在VSCode运行合约参考文献在Wi
  • npm : 无法加载文件 D:\nodejs\npm.ps1，因为在此系统上禁止运行脚本 rjc_lihui npm前端node.js
    要以管理员身份打开PowerShell，请按照以下步骤操作：在Windows搜索框中查找PowerShell：在任务栏上，点击左下角的Windows徽标（或按Win+S键）以打开搜索框。输入“PowerShell”以查找PowerShell应用程序。右键点击PowerShell图标：在搜索结果中，找到“WindowsPowerShell”或“WindowsPowerShellISE”（如果你使用的
  • cocosCreator 和 Laya 的常用API与方法 ，多边形点击解决正方形重叠点击问题，emit，dispatchEvent，EventCustom qq_42838904
    常用API引入：require/import导出：export/module.exports/exportsNodejs不支持import和exportes6兼容以上所有语法，当然需要webpack+babel来支撑es6是ECMAScript(EuropeanComputerManufacturersAssociationEuropeanComputerManufacturersAssociat
  • ThinkJSON:通过强化学习让大型语言模型（LLM）严格遵守JSON模式 AI仙人掌 人工智能深度学习
    标题：ThinkInsidetheJSON:ReinforcementStrategyforStrictLLMSchemaAdherence作者：BhavikAgarwal,IshanJoshi,ViktoriaRojkova机构：MasterControlAIResearch链接：arXiv:2502.14905v1本文提出了一种轻量级强化学习框架，通过合成数据、多奖励函数和GRPO优化，显著提
  • java基本常识 Forworder java开发语言jvmjava-eeservlet
    Java程序的结构由如下三个部分组成：类存在于源文件里面；方法存在于类中；语句存在于方法中。java程序编译过程JDKJREJVM三者关系JDK(JavaDevelopmentKit):Java开发工具包，提供给Java程序员使用，包含了JRE，同时还包含了编译器javac与自带的调试工具Jconsole、jstack等。JRE(JavaRuntimeEnvironment):Java运行时环境，
  • Elasticsearch性能优化实战指南_index 2401_87378872 elasticsearch性能优化jenkins
    curl-XPUT"localhost:9200/twitter"-H'Content-Type:application/json'-d'{"settings":{"index":{"sort.field":"date","sort.order":"desc"}},"mappings":{"properties":{"date":{"type":"date"}}}}目的：indexsorting是
  • python object对象 weixin_34306676 pythonjavascriptViewUI
    动态语言的对象属性既然都是动态语言，自然python和熟知的JavaScript很像，建一个空对象用来存放所有的数据,看看js：vardata={};data.name='CooMark';data.age=30;但是在python中这样却不行，说好的动态属性呢？data=object()data.name='CooMark'#AttributeError:'object'objecthasnoa
  • 解线性方程组 qiuwanchi
    package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc
  • 在mysql内部存储代码 annan211 性能mysql存储过程触发器
    在mysql内部存储代码 在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。 先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细
  • Android使用Asynchronous Http Client完成登录保存cookie的问题 hotsunshine android
    Asynchronous Http Client是android中非常好的异步请求工具 除了异步之外还有很多封装比如json的处理，cookie的处理 引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi
  • java面试题 Array_06 java面试
    java面试题 第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
  • 网站加速 oloz 网站加速
    前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩；    GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
  • 正确书写单例模式 随意而生 java 设计模式 单例
    　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。 　　懒汉式，线程不安全 　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
  • 单例模式 香水浓 java
    懒汉  调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins
  • 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" AdyZhang apachehttp server
    安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。 解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它 （譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa
  • 如何在android 文件选择器中选择多个图片或者视频？ aijuans android
    我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传 但是android原生态的sdk中，只能一个一个的进行选择和上传。 我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法 官方的图片选择器(但是不支持所有版本的androi，只支持API Level
  • mysql中查询生日提醒的日期相关的sql baalwolf mysql
    SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(),  dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
  • MongoDB索引文件破坏后导致查询错误的问题 BigBird2012 mongodb
    问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。 解决方案：   使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name);
  • Javascript Promise bijian1013 JavaScriptPromise
            Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。 一.认识Promises         “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
  • [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程 bit1129 zookeeper
       Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是     public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
  • 【Java命令三】jstack bit1129 jstack
    jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump   [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F
  • jboss 5.1启停脚本　动静分离部署 ronin47
    以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename  -b ip -g  clustername   -u broatcast jboss.messaging.ServerPeerID=int  -Djboss.service.binding.set=p
  • UI之如何打磨设计能力? brotherlamp UIui教程ui自学ui资料ui视频
      在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式 如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
  • 三色旗算法 bylijinnan java算法
    import java.util.Arrays; /** 问题： 假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序， 您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳 子上进行这个动作，而且一次只能调换两个旗子。 网上的解法大多类似： 在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
  • 警告:No configuration found for the specified action: \'s chiangfai configuration
    1.index.jsp页面form标签未指定namespace属性。 <!--index.jsp代码--> <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g
  • redis -- hash_max_zipmap_entries设置过大有问题 chenchao051 redishash
    使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑   #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255     /* Return th
  • select into outfile access deny问题 daizj mysqltxt导出数据到文件
    本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。 授权的语句如下： grant select on armory.* to rn
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows
  • 美国电影超短200句 dcj3sjt126com 电影
    1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
  • Java访问远程服务 dyy_gusi httpclientwebservicegetpost
        随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
  • Maven的settings.xml配置 geeksun settings.xml
    settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
  • ubuntu的init与系统服务设置 hongtoushizi ubuntu
    转载自：  http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。 运行
  • 跟我学Nginx+Lua开发目录贴 jinnianshilongnian nginxlua
    使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。    目录 第一章 安装Nginx+Lua开发环境 第二章 Nginx+Lua开发入门 第三章 Redis/SSDB+Twemproxy安装与使用 第四章 L
  • php位运算符注意事项 home198979 位运算PHP&
    $a = $b = $c = 0; $a & $b = 1; $b | $c = 1  问a,b,c最终为多少?   当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b;  这样a,b的值不会有任何改变
  • Linux shell数组建立和使用技巧 pda158 linux
    1.数组定义 　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。 　　 2.数组读取与赋值 　　得到长度： 　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或
  • hotspot源码(JDK7) ol_beta javaHotSpotjvm
    源码结构图，方便理解：   ├─agent                            Serviceab
  • Oracle基本事务和ForAll执行批量DML练习 vipbooks oraclesql
    基本事务的使用： 从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他