hello big_bear
hello big_bear

原生js实现数据双向绑定

双向绑定

使用原生js实现数据的双向绑定。
关于vue的双向数据绑定，其核心是 Object.defineProperty()方法

Object.defineProperty()的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性

Object.defineProperty(obj, prop, desc)
obj：需要定义属性的当前对象。
prop：当前需要定义的属性名。
desc：具体的改变方法。

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>双向绑定title>
	head>
	<body>
		<input id="a1" oninput="hangdleChange()"/>
		<span id="a2">span>
	body>
html>
<script>
	let input =	document.getElementById('a1')
	let span =	document.getElementById('a2')
	let data = {}
	
	Object.defineProperty(data,'val',{
		get:function(){
			return val
		},
		set:function(newVal){
			val = newVal
			input.value = val
			span.innerHTML = val
		}
	})
	
	function hangdleChange(){
		data.val = input.value
	}
script>

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

  • Vue 生态中路由与状态管理的变迁：Vue-Router、Vuex 及 Pinia 解析 大麦大麦 2025前端面经vue.jsjavascript前端开发语言前端框架安全
    Vue-Router有哪些变化?引入方式变化,routes属性加入强制判断如果页面上没有对应的命名式路由,如果像推送到路由上去,原先的做法会默认导航到默认路径(‘/’)现在4.x以上版本不会有这个行为,而是去加载一个空的组件,且在控制台抛出异常不会再给默认路径添加/,redirect重定向需要写全路径//router/index.js//Vue2的配置方法,的情况下,path:'',会在about
  • 4个 Vue 路由实现的过程 程序员大澈 vue.js前端javascriptuni-app
    大家好，我是大澈！一个喜欢结交朋友、喜欢编程技术和科技前沿的老程序员‍，关注我，科技未来或许我能帮到你！Vue路由相信朋友们用的都很熟了，但是你知道Vue路由是如何实现的吗？其实，前端路由是通过监听URL的变化，然后根据不同的URL路径显示不同的页面内容。而Vue路由的实现，大体可归结为这4个过程：下面我拆成5部分来一一讲解！一、检测URL变化说起检测URL变化，主要是还是聊聊Vue的两种路由模式
  • Vue 组件化开发指南：构建高效、可维护的前端应用 m0_73523460 前端vue.jsjavascript
    在现代前端开发中，组件化开发已经成为一种主流的开发模式。Vue.js作为一款流行的前端框架，提供了强大的组件化支持，使得开发者能够轻松构建可复用、可维护的应用程序。本文将深入探讨Vue组件化开发的核心概念、最佳实践以及如何通过组件化提升开发效率。1.什么是组件化开发？组件化开发是一种将用户界面拆分为独立、可复用的模块的开发方式。每个组件负责特定的功能或UI部分，并且可以独立开发、测试和维护。通过组
  • uni_app实现下拉刷新 _未知_开摆 uni-app
    1.在页面配置中启用下拉刷新首先，你需要在页面的pages.json文件中启用下拉刷新功能。{"pages":[{"path":"pages/index/index","style":{"navigationBarTitleText":"首页","enablePullDownRefresh":true//启用下拉刷新}}]}2.在页面中监听下拉刷新事件在页面的.vue文件中，你可以通过onPull
  • Vue中Scoped的原理及深度解析 喜欢代码的新之助 vue.js前端javascript
    Vue中Scoped的原理及深度解析前言回想起几年前初入职场时，面对面试官的提问“Vue中Scoped的原理是什么？”时，我的回答虽然勉强过关，但内心却充满了不确定。那时，我对知识的理解还停留在表面，只能依靠死记硬背。如今，经过几年的开发经验积累，再次审视这个问题，我有了更深入的理解。CSS常见模块化方案在前端开发中，CSS模块化是一个重要的话题。常见的CSS模块化方案包括：BEM方案：通过.bl
  • 关于Vue2&3的$emit和$on发布订阅模式 星光菌子 前端面试题vue.jsjavascript前端
    关于Vue2&3的$emit和$on发布订阅模式Vue2中$emit和$on的使用Vue3中$emit和$on的使用1.$emit2.$on$emit和$on是Vue.js中用于实现组件间通信的方法，不过它们在Vue2和Vue3中的使用场景和方式略有不同，下面分别进行介绍Vue2中$emit和$on的使用emit作用：emit主要用于子组件向父组件传递数据子组件通过触发自定义事件，并携带数据，父组
  • Vue 技术博客：从零开始构建一个 Vue Markdown 编辑器 王大师王文峰 Java基础到框架vue.js编辑器前端
    本人详解作者：王文峰，参加过CSDN2020年度博客之星，《Java王大师王天师》公众号：JAVA开发王大师，专注于天道酬勤的Java开发问题中国国学、传统文化和代码爱好者的程序人生，期待你的关注和支持！本人外号：神秘小峯山峯转载说明：务必注明来源（注明：作者：王文峰哦）学习教程（传送门）Vue技术博客：从零开始构建一个VueMarkdown编辑器前言环境准备实现步骤1.引入组件与库2.模板设计3
  • Vue 框架深度解析：源码分析与实现原理详解 北辰alk vue前端vue.js前端javascript
    文章目录一、Vue核心架构设计1.1整体架构流程图1.2模块职责划分二、响应式系统源码解析2.1核心类关系图2.2核心源码分析2.2.1数据劫持实现2.2.2依赖收集过程三、虚拟DOM与Diff算法实现3.1Diff算法流程图3.2核心Diff源码四、模板编译全流程剖析4.1编译流程图4.2编译阶段源码五、组件系统与生命周期5.1组件初始化流程5.2生命周期源码触发点六、异步更新队列与性能优化6.
  • 深入理解 HTTP 的 GET、POST 方法与 Request 和 Response 码上就位 http网络协议网络
    HTTP协议是构建Web应用的基石，GET和POST是其中最常用的请求方法。无论是前端开发、后端开发，还是接口测试，对它们的深入理解都显得尤为重要。在本文中，我们将介绍GET和POST方法，以及Request和Response的工作机制。一、GET方法GET方法用于从服务器获取数据，是一种“只读”操作，通常用于查询操作。特点：1.参数在URL中传递：GET请求通过URL参数将数据发送到服务器。例如
  • Java必知必会系列：Web框架与Spring MVC AI天才研究院 Java实战编程实践大数据人工智能语言模型JavaPython架构设计
    作者：禅与计算机程序设计艺术1.背景介绍在企业级应用开发中，采用前后端分离模式和RESTfulAPI风格的Web服务架构逐渐成为主流。基于这些技术，前端可以采用JavaScript、HTML、CSS等多种技术进行开发，而后端则可以通过各种Web框架构建出高性能、可扩展性强的应用系统。在本章节中，我将介绍Java最具代表性的Web框架SpringMVC，并结合实际案例，展示如何利用SpringMVC
  • Vuex的使用 布鲁斯的快乐小屋 vue前端
    1.VuexVuex是Vue.js应用的状态管理库，用于集中管理所有组件的状态【数据】。是专门在Vue中实现集中管理共享数据的vue插件，适用于任意组件间的通信，尤其是跨组件通信，如果只依赖于全局事件总线，代码就会很冗余，且在大型项目中难以维护。那么什么时候使用Vuex呢，官网说法如下：多个组件依赖于统一状态。来自不同的组件行为需要变更同一状态。VueX的核心流程总结如下：State：存储应用状态
  • 【前端】【部署】【https】购买服务器、部署、设置https allanGold HTML5前端部署上线https证书
    购买服务器：https://www.bilibili.com/video/BV1i5411c7xp?spm_id_from=333.788.videopod.episodes&vd_source=65c8707649747fd67b232866b69a5ebd&p=61部署上线：https://www.bilibili.com/video/BV1i5411c7xp?spm_id_from=333.
  • Vue脚手架 遇见~未来 Vue.jsvue.js前端javascript
    Vue脚手架1.确保npm能用（安装Node.js）Node.js下载地址：https://nodejs.org/zh-cn/download/安装步骤：直接按照安装向导进行安装。安装完成后：打开终端，输入npm命令并确保配置环境变量。2.VueCLI（脚手架安装）Vue的脚手架简介VueCLI：Vue官方提供的标准化开发平台，用于编译.vue代码并生成HTML、CSS、JS代码，同时自动发布到自
  • 一个基于vue3的图片瀑布流组件 周万宁.FoBJ vue.js前端
    演示介绍基于vue3的瀑布流组件演示地址:https://wanning-zhou.github.io/vue3-waterfall/安装npmnpminstallwq-waterfall-vue3yarnyarnaddwq-waterfall-vue3pnpmpnpmaddwq-waterfall-vue3使用importWaterfallfrom'wq-waterfall-vue3'const
  • wsl安装及nginx安装 新阿伟先生 环境搭建前端linuxwindows10
    Windows装wsl实现Linux搭建本地服务器目前大部分前端项目均运行在Linux服务器上在Windows上搭建环境可开始测试服务器相关问题Wsl官方教程：安装wslWsl版本控件：windowsterminal（微软商店下载）Wsl为纯命令行，windows预览版的话可以加装wslg有图形环境，wslg只在21h2和win11里提供搭建nginx服务器：安装nginx：sudoaptupda
  • javascript正则 努力的程序员30*15k javascript正则表达式开发语言
    @TOC引言无意中从网上查找到一篇关于正则表达式的好文章，就进行了分享给大家，希望对大家有帮助。亲爱的读者朋友，如果你点开了这篇文章，说明你对正则很感兴趣。想必你也了解正则的重要性，在我看来正则表达式是衡量程序员水平的一个侧面标准。关于正则表达式的教程，网上也有很多，相信你也看了一些。与之不同的是，本文的目的是希望所有人认真读完，都有实质性的提高。本文内容共有七章，用JavaScript语言完整地
  • 关于JavaScript（你所不知道的小秘密） Taptaq 前端javascript前端
    主流浏览器的内核IE：tridentChrome：webkit/blinkfirefox：GeckoOpera：最初是presto，现在用的是blinkSafari：webkit引入JS的方式页面内嵌标签（可在head内或body内）外部引入（常用方法）JS基本语法变量：变量声明：声明，赋值分解。单一var。（vara=100）命名规则：变量名必须以英文字母，*，$开头*变量名可以包括英文字母，，
  • 构建基于ASP.NET的教务管理系统 黃昱儒
    本文还有配套的精品资源，点击获取简介：教务管理系统是一个Web应用程序，利用ASP.NET技术为高校和教育机构提供全面的教务管理功能。它包括学生信息管理、课程管理、考试安排和成绩录入等核心模块。系统支持权限控制和数据管理，以确保信息安全和操作便捷。ASP.NET框架使用C#或VB.NET编程，结合.NETFramework、SQLServer或MySQL数据库以及前端技术（HTML、CSS、Jav
  • 给求职者的建议：软件工程师 追寻向上 pythonjavac语言软件工程
    一、编程基础：构建核心能力语言选择与学习首推Python：语法简洁，适合入门。推荐书籍《Python编程：从入门到实践》，重点掌握列表推导、装饰器、文件操作。Java/C++进阶：理解内存管理（如JVM垃圾回收）、多线程编程（synchronized关键字）。推荐《Java核心技术卷Ⅰ》。辅助语言：JavaScript（必学）、Go或Rust（扩展视野）。数据结构与算法基础必刷：数组、链表、哈希表
  • PyScript 与 JavaScript Q shen javascript开发语言ecmascript
    大家好。请不要将这篇文章视为神圣的真理。这是我个人的看法。JS如果您有超过两年的前端应用程序开发经验，您无疑已经知道一些尝试替换奇怪、丑陋的JavaScript的失败尝试。尽管已经尝试替代或避免使用JavaScript，但JS仍然是一个强大的对手！JavaScript在网络上无处不在。它是最常用的编程语言，97.7%的网站使用JavaScript作为客户端编程语言。脚本近年来，Python的使用大
  • pyscript的用法 新时代_打工人 pythonpython开发语言前端框架
    PyScript核心特性Pythoninthebrowser：启用drop-incontent、外部文件托管（基于Pyodide项目），以及不依赖服务器端配置的应用程序托管。Python生态：提供流行的Python和科学计算软件包（例如numpy,pandas,scikit-learn等）。PythonwithJavaScript：在Python和JavaScript对象和命名空间之间进行双向通信
  • vue引入组件的几种方法代码示例 liming89 vue.jsjavascript前端
    教程下载地址：网赚博客https://www.piaodoo.com/创业项目排行榜前十名https://www.piaodoo.com/目录一、常用的局部引入二、创建一个js进行统一注册然后在main.js引入统一管理的js文件实现全局注册三、自动注册全局引入附：vue中import引入相同的方法名称解决方法解决方法：总结一、常用的局部引入//1.引入组件importButtonfrom‘…/v
  • JavaScript学习笔记一 跨界科技汇 前端javascript学习笔记
    web三大标准：HTML(结构)+CSS（样式）+JavaScript(行为)JavaScript的作用：动态效果+数据交互编程语言编程让计算机为解决某个问题而使用某种程序设计语言编写程序代码，最终得到结果是什么？世界上最流行的语言之一，是一种运行在客户端的脚本语言脚本语言不需要编译，运行过程中由**js解析器(js引擎)**逐行来进行解释并执行现在也可以基于Node.js技术来进行服务器端编程作
  • 《从事件冒泡到处理：前端事件系统的“隐形逻辑”》 hyyyyy！ 面试精选react.jsjavascript前端
    “那天在document见到你的第一眼，我就下定决心要陪你到天荒地老”---React我将从事件从出现到被处理的各个过程来介绍事件机制：这张图片给我们展示了react事件的各个阶段，我们可以看到有DOM，合成事件层，还有事件处理函数。我觉得我们如果想要了解事件机制首先要知道的就是事件从注册到执行结束的全过程：事件注册与触发流程React事件的完整生命周期：初始化阶段：React在根容器上注册所有支
  • 大白话JavaScript实现一个函数，将字符串中的每个单词首字母大写。 IT木昜 大白话前端高频面试题开发语言前端javascriptecmascript
    大白话JavaScript实现一个函数，将字符串中的每个单词首字母大写。答题思路理解需求：要写一个函数，它能接收一个字符串，然后把这个字符串里每个单词的第一个字母变成大写。分解步骤拆分单词：一般单词之间是用空格隔开的，所以得把输入的字符串按照空格拆分成一个个单词，存到一个数组里。处理首字母：对拆分好的每个单词，把它的第一个字母变成大写。重新组合：把处理好的单词再用空格连接起来，变回一个完整的字符串
  • 如何在html中插入本地音乐 猫化 工具经验(杂)html
    如何在html中插入本地音乐1.前言首先下载音乐文件夹结构2.源码3.修改1.前言没有呢懒得写首先下载音乐太麻烦了,直接下载一个音乐客户端,例如网易云,下载的音乐就是mp3格式找到它的本地下载路径,直接拖到你的网页项目里文件夹结构给萌新看的,有一定前端编程经验的大佬可以略过差不多就是这个样子的2.源码应该是这样的,试一下吧-->3.修改src是地址,music是所在文件夹,2.mp3是音乐的格式a
  • Python开发农村青年婚恋appq (实操) Geeker-2025 python
    开发一款农村青年婚恋APP是一个复杂且具有挑战性的项目。该应用需要整合用户管理、匹配算法、实时通信、数据分析等多个功能模块，并确保系统的安全性、稳定性和用户体验。使用Python开发可以充分利用其在数据处理、机器学习和Web开发方面的优势，构建一个高性能、可扩展且功能丰富的应用。以下是一个高层次的设计概述，涵盖主要的技术栈和功能模块，并提供使用Python开发的示例。##技术栈概述###前端-**
  • 循环链表 - 使用JavaScript封装 幸运小圣 数据结构和算法链表javascript数据结构
    我学习了一生，现在我还在学习，而将来，只要我还有精力，我还要学习下去。”——别林斯基目录循环链表：封装循环链表-js：应用场景：循环链表：循环链表和链表之间唯一的区别在于，最后一个元素指向下一个元素的指针不是引用undefined，而是指向第一个元素head。图为千锋教育所截，侵权联系删除。封装循环链表-js：这里封装的循环链表还是继承了之前写的单链表。。。classNode{constructo
  • React 17 + StoryBook 打造自己团队的UI库
    前言为了提升团队前端工作效率，打造一套团队UI库是有一个有效的方法。既可以减少重复劳动，又可以提高组件的复用率与统一性。创建了团队UI库后，就很有必要搭建一个静态文档网站，用于规范UI库的开发扩展以及规范使用。毕竟这东西不是你一个人开发的，也不是面向你一个人用的，有手册可以查，当然比每天都去问开发人员或者自己摸索来的快。以前是比较趋向于Docz这种静态文档生成插件，Docz的特色是零配置、简单、快
  • javascript的六种继承方式 javascript前端
    1.原型链式继承functionParent(){this.name='Parent';}Parent.prototype.introduce=function(){console.log(this.name);};functionChild(){this.name='Child';}Child.prototype=newParent();constchildren=newChild();chil
  • Dom 周华华 JavaScripthtml
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他