zhousenshan
zhousenshan

Vue.js学习笔记：v-model双向绑定

 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。但是 Vue 是单项数据流，v-model 只是语法糖而已。v-bind只是个单向绑定

     v-model这个指令只能用在, 



  • 最后data: {{$data}}

  •  

    • 当你在浏览器上调整上面表单元素的选中值时，你会发现下面打印的vue实例内容也会随之改变，而如果你在代码中改变vue实例data内容时渲染出来的表单选中值也会随之改变。

    二.修饰符   

    v-model这个指令还有几个可选的参数：lazy,number,trim,options

    1.使用lazy参数是将双向数据同步的时间节点从input触发改为了change触发，调用方式如下：


    2.使用number参数是通知v-model绑定的dom元素把用户输入值默认当成数字来处理，调用如下：



    3.如果要自动过滤用户输入的首尾空格，可以添加 trim 修饰符到 v-model 上过滤输入

     

    4.使用options参数是用于渲染一个select项的列表，调用方式如下：

    其中options的参数名指向一个数组，该数组可以包括字符串或对象，对象可以是{text:'', value:''}的形式，指定了

    三.例子

    1.添加的数据 添加到表格中

     

    四.补充

    1.vue.js的双向数据绑定就是通过Object.defineProperty（前端数据双向绑定原理：Object.defineProperty()）方法实现的，俗称属性拦截器。

    你可能感兴趣的:(vue3前端技术)

    • reactive和ref的异同、toRef和toRefs的使用 Niucode vue3vue.js前端javascript
      一、reactive和ref有了reactive为什么还要ref？ref处理起基本数据类型来更加的方便快捷，性能要更好。ref内部值的变化只会触发订阅它的副作用函数（effect）更新，而reactive（Proxy）内部对象的任何属性变化都会触发整个对象的重新渲染。相同点：都是Vue3提供的用于创建响应式数据的函数；在组件中都能够触发视图更新，实现数据的双向绑定。不同点：数据类型：reactiv
    • 程序员开发技术整理 laizhixue 学习前端框架
      前端技术：vue-前端框架element-前端框架bootstrap-前端框架echarts-图标组件C#后端技术：webservice：soap架构：简单的通信协议，用于服务通信ORM框架：对象关系映射，如EF：对象实体模型，是ado.net中的应用技术soap服务通讯：xml通讯ado.net：OAuth2:登录授权认证：Token认证：JWT：jsonwebtokenJava后端技术：便捷工
    • vue3中使用过渡动画transition 前端小趴菜05 css
      //appear表示一进入页面就使用动画hello.slide-enter-active,//进入动画的生效状态.slide-leave-active{//离开动画的生效状态transition:all0.5sease;}.slide-enter-from,//进入动画开始状态.slide-leave-to{//离开动画结束状态height:0px!important;}.slide-enter-
    • vue3 + Element + nodejs 大文件上传、断点续传 ZL随心 vue.js前端javascript
      前言大文件上传，一般时间都比较长，这么长的时间内，可能会出现各种各样的问题，比如断网，一旦出错，我们的文件就需要重新上传，这样造成资源浪费，如果我们使用了断点续传继续就不会造成资源浪费了，因为当出现错误的时候，我们再重新上传文件，就会从我们出现错误的地方开始上传了，对于出错前上传的内容就不用再上传了，对于已经上传过的文件，就可以实现秒传的效果了。完整仓库地址流程1、上传方法constonUploa
    • 百度地图的使用(js，vue2，vue3) Nancy哇 地图百度javascript开发语言vue前端cssvue.js
      百度地图的使用创建应用获取密钥akak是在百度地图开发者平台申请的密钥详见http://lbsyun.baidu.com/apiconsole/key一、原生js使用百度地图引入初始化地图varmap=newBMapGL.Map("container");//创建地图实例varpoint=newBMapGL.Point(116.404,39.928);//创建点坐标map.centerAndZoo
    • reactive 和ref区别和原理 小王学前端️ vue3vue.js前端javascript
      reactive和ref区别和原理在Vue3中，reactive和ref都是用来创建响应式数据的方法。它们的主要区别在于如何使用它们以及它们如何处理值.reactive是用来创建响应式对象的。当你传递一个普通的JavaScript对象给reactive，它会返回一个新的响应式对象，这个对象与原始对象具有相同的属性和值，但是当这些属性被修改时，Vue会自动跟踪这些更改并更新视图。import{rea
    • Ubuntu系统下C语言开发环境搭建与使用教程 洛可可白 后端专栏ubuntuc语言linux
      前言欢迎来到我的技术小宇宙！这里不仅是我记录技术点滴的后花园，也是我分享学习心得和项目经验的乐园。无论你是技术小白还是资深大牛，这里总有一些内容能触动你的好奇心。洛可可白：个人主页个人专栏：✅前端技术✅后端技术个人博客：洛可可白博客代码获取：bestwishes0203封面壁纸：洛可可白wallpaper文章目录Ubuntu系统下C语言开发环境搭建与使用教程教程内容0.序言1.准备工作2.安装SS
    • 爆肝五千字！ECMAScript核心概念与现代JavaScript特性全解析 洛可可白 前端专栏ecmascript前端javascript
      前言欢迎来到我的技术小宇宙！这里不仅是我记录技术点滴的后花园，也是我分享学习心得和项目经验的乐园。无论你是技术小白还是资深大牛，这里总有一些内容能触动你的好奇心。洛可可白：个人主页个人专栏：✅前端技术✅后端技术个人博客：洛可可白博客代码获取：bestwishes0203封面壁纸：洛可可白wallpaper文章目录爆肝五千字！ECMAScript核心概念与现代JavaScript特性全解析基本语法1
    • v-for 和 v-if 在相同元素上存在优先级的问题 六加六呀 vue.js前端javascript
      在真实项目中，强烈不建议v-for和v-if作用在相同的元素上，因为存在优先级的问题Vue2中:v-for的优先级高于v-if，如果作用在相同元素上，很可能出现刚创建就被销毁「浪费性能」!Vue3中:v-if的优先级高于v-for，如果作用在相同元素上，这样在v-if中是无法使用v-for中item/index的如何解决?基于template标签，把v-for和v-if分开即可!「template
    • uniapp实现点击标签文本域中显示标签内容 佩淇呢 uniappvue3uView-Plusuni-app前端javascriptvue
      先上一个效果图实现的效果有：①.点击标签时，标签改变颜色并处于可删除状态②.切换标签，文本域中出现标签的内容③.点击标签右上角的删除可删掉标签，同时清除文本域中标签的内容④.可输入内容，切换时不影响输入的内容使用的是uniapp+vue3+uVieww-plus代码：提交import{reactive,ref,toRaw,onMounted,watch,computed}from'vue';imp
    • vue3 hooks应用 前端小云儿 vue3知识点前端javascriptvue.js
      1新建一个hooks文件夹下面写2个文件1个是useDog.jsimportaxiosfrom'axios'import{ref}from'vue'exportdefaultfunction(){letdog=ref({id:1,name:'哈士奇'})letimgs=ref([])constchangeDog=()=>{dog.value.name+='土狗'axios.get('https:/
    • Vue3 使用Pinia 存入与取出数据 海鸥两三 vue.jsjavascript前端前端框架
      Pinia简介Pinia就是一个实现了上述需求的状态管理库，由Vue核心团队维护，对Vue2和Vue3都可用。现有用户可能对Vuex更熟悉，它是Vue之前的官方状态管理库。由于Pinia在生态系统中能够承担相同的职责且能做得更好，因此Vuex现在处于维护模式。它仍然可以工作，但不再接受新的功能。对于新的应用，建议使用Pinia。事实上，Pinia最初正是为了探索Vuex的下一个版本而开发的，因此整
    • Vue3：watch监视的5种情况 生产队队长 前端vue.js
      一、情景说明在Vue2中，watch的用法如下https://blog.csdn.net/Brave_heart4pzj/article/details/135604394这一篇，来学习Vue3中的watch用法二、案例1、监视ref定义的数据【基本类型】引入函数import{ref,watch}from'vue'定义变量//数据letsum=ref(0)watch监视变量注意：1、监视的ref变
    • 主流开发语言和开发环境、程序员如何选择职业赛道？ 洛可可白 程序员开发语言
      前言欢迎来到我的技术小宇宙！这里不仅是我记录技术点滴的后花园，也是我分享学习心得和项目经验的乐园。无论你是技术小白还是资深大牛，这里总有一些内容能触动你的好奇心。洛可可白：个人主页个人专栏：✅前端技术✅后端技术个人博客：洛可可白博客代码获取：bestwishes0203封面壁纸：洛可可白wallpaper文章目录主流开发语言和开发环境、程序员如何选择职业赛道？主流开发语言开发环境程序员如何选择职业
    • vue3 效率提升神器，howuse/axios 入坑指南 一个橙子pro vuevue3howusevue
      在项目当中大量使用axios，我一般会创建一个request.js文件。接着在项目src文件夹下面创建api文件夹。大致的代码如下。//封装constservice=axios.create({baseURL:'/',headers:{}})//api文件定义exportconstxxxType=(params:any)=>service({url:"/xxx/types",method:"get
    • Vue项目中使用Mock.js进行API模拟 洛可可白 前端专栏javascriptvue.js前端
      Vue项目中使用Mock.js进行API模拟前言欢迎来到我的小天地，这里是我记录技术点滴、分享学习心得的地方。️技能清单编程语言：Java、C、C++、Python、Go、前端技术：Jquery、Vue.js、React、uni-app、EchartsUI设计:Element-ui、Antd、Color-ui后端技术：SpringBoot、Mybatis-plus、Swagger移动开发：Andr
    • vue3速查笔记 一只小白菜~ vue笔记vue3vue
      文章目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2.x的响应式Vue3.0的响应式5.reactive对比ref6.setup的两个注意点7.计算属性与监视1.computed函数2.watch函数3.watchEffect函数8.生命
    • Vue 复学 之 状态管理 Vuex yangyinet 技术篇vue.js前端vuexcomposition-api
      Vuex是vue中的一种状态管理模式，就是一个状态仓库，仓库做什么？存储状态、管理状态（数据）的变化、提供状态获取窗口。本文中一些测试用例基于@vue/[email protected]，[email protected]，[email protected]做的验证。Vue3和[email protected]用法有所不同。用来干什么，能做什么用？可用于全局数据存储，跨层级组件通讯，动态路由。在通讯的关键是，一方通知后，另一方怎么知晓
    • VUE3侦听器:watch与watchEffect的区别与使用 一天只码五十行 vue.js前端javascript
      一、watch与watchEffect的区别watch和watchEffect都能响应式地执行有副作用（除了返回预期结果外还会简介影响其它数据）的回调。它们之间的主要区别是追踪响应式依赖的方式watch：只追踪明确侦听的数据源。它不会追踪任何在回调中访问到的东西。另外，仅在数据源确实改变时才会触发回调。watch会避免在发生副作用时追踪依赖，因此，我们能更加精确地控制回调函数的触发时机。watch
    • IntelliJ IDEA 的安装、配置与使用 坏孩子充电自习室 开发经验大数据
      一、IntelliJIDEA介绍–EclipseIBM1.JetBrains公司介绍IDEA(https://www.jetbrains.com/idea/)是JetBrains公司的产品，公司旗下还有其它产品，比如：WebStorm：用于开发JavaScript、HTML5、CSS3等前端技术；PyCharm：用于开发pythonPhpStorm：用于开发PHPRubyMine：用于开发
    • vue3 slot的定义与使用 可爱的秋秋啊 前端前端javascript开发语言
      在Vue3中，slot（插槽）被重构为更直观和强大的机制。具体定义和使用方式如下：定义插槽：在组件的模板中，使用<slot></slot>标签来定义插槽。可以给插槽设置名字，以便在父组件中使用。子组件使用插槽：在父组件中，使用或<template#插槽名>的形式来使用插槽。父组件这是默认插槽的内容这是命名插槽的内容可以使用标签来包裹插槽的内容，这样可以使用复杂的模板和逻辑。Vue
    • vue3学习(更新中) 倒霉娃不要倒霉 vue.js
      目录创建一个vue应用编写APP组件main.tsAPP.vuesetupref和reactiverefreactive创建一个vue应用npmcreatevue@latest编写APP组件main.tsimport{createApp}from'vue'importAppfrom'./App.vue'createApp(App).mount('#app')APP.vueappsetup{{nam
    • vue3注册全局组件 前端小趴菜05 前端javascriptvue.js
      注册单个全局组件一.在main.ts中引入注册为全局组件在main.ts引入我们的组件跟随在createApp(App)后面切记不能放到mount后面这是一个链式调用用其次调用component第一个参数组件名称第二个参数组件实例import{createApp}from'vue'importAppfrom'./App.vue'importleftVuefrom'./components/left
    • Vue3.0+Typescript项目中注册全局自定义组件的方法 NSC丶warrior JavaScriptVue3typescripttypescriptvue.jsjavascript
      Vue3.0+Typescript项目中注册全局自定义组件的方法1.第一步,在src/components下面自定义一个目录,新建.vue开发自己的组件!(以我开发的组件为例!),结构如下:AreaChooser是自定义组件,index.vue是测试用例组件,index.ts是导入,注册组件的文件2.第二步:在index.ts中编写注册全局组件的方法,代码如下:import{App}from'vu
    • vue3+element-plus el-input 自动获取焦点 Hico、 vue.js前端elementui
      虽然element有提供input的autofocus属性，但是当我们第二次进入页面就会发现autofocus已经不再生效，需要通过onMounted去触发input的focus解决这个问题。1.先给el-input绑定一个ref：2.定义一个函数去触发这个input的focus：constfocusInput=()=>{nextTick(()=>{inputRef.value.focus()})
    • vue3的开发小技巧 单调的王先森 javascriptvue
      「总之岁月漫长，然而值得等待。」目录父组件调用子组件函数如何访问全局api父组件调用子组件函数ref,defineExpose//父组件代码this.$refs.ch.fn();//子组件函数抛出constfn=()=>{};defineExpose({fn});如何访问全局api众所周知，vue3没有this，所以，一些封装在全局的变量或api不太好引用。且vue3并不推荐getCurrentI
    • 【无标题】 谷渊77 vue3vue.jsjavascript前端
      Vue3有哪些新特性和改进？CompositionAPI：引入了CompositionAPI，允许开发者按逻辑功能组织代码，提高代码的可复用性和可维护性。性能优化：Vue3通过Proxy代替Object.defineProperty实现数据响应式，提升了性能。Teleport：提供了Teleport组件，方便在DOM结构中传送组件。Suspense：支持Suspense组件来处理异步组件渲染时的加
    • 【vue3 路由使用与讲解】vue-router ： 简洁直观的全面介绍 oumae-kumiko 前端vuejavascriptvue.jsjavascript前端
      #核心内容介绍路由跳转有两种方式：声明式导航：编程式导航：router.push(...)或router.replace(...)；两者的规则完全一致。push(to:RouteLocationRaw):Promisereplace(to:RouteLocationRaw):Promise;由于属性to与router.push接受的对象种类相同，所以两者的规则完全相同。路由传参有两种方法：para
    • 前后端分离开发 待╮续 状态模式
      目录前言一、前后端分离开发1.介绍2.开发流程3.前端技术栈（1）开发工具:（2）技术框架:二、Yapi1.介绍2.使用（1）准备（2）定义接口（3）导出接口文档（4）导入接口文档三、Swagger1.介绍2.使用方式（1）导入knife4j的maven坐标（2）导入knife4j相关配置类（3）设置静态资源映射（4）在LoginCheckFilter中设置不需要处理的请求路径3.查看接口文档4.
    • day49（vueJS）vue3的生命周期钩子 服务端渲染概念 vue3的组建通信 vue3的ref属性应用 vue3（vuex和pinia的使用） 李中豪前端大佬 vue.js前端javascript前端框架
      vue3的生命周期钩子服务端渲染概念vue3的组建通信vue3的ref属性应用vue3（vuex和pinia的使用）vue3的生命周期钩子常规要点、总结代码演示补充要点、总结服务端渲染概念要点总结vue3的组建通信要点总结父对子传值子对父传值跨层级组件传值vue3的ref属性应用获取DOM节点要点总结代码演示获取组件实例要点总结代码演示vue3（vuex和pinia的使用）vue3中的vuex要点
    • jvm调优总结（从基本概念 到 深度优化） oloz javajvmjdk虚拟机应用服务器
      JVM参数详解：http://www.cnblogs.com/redcreen/archive/2011/05/04/2037057.html   Java虚拟机中，数据类型可以分为两类：基本类型和引用类型。基本类型的变量保存原始值，即：他代表的值就是数值本身；而引用类型的变量保存引用值。“引用值”代表了某个对象的引用，而不是对象本身，对象本身存放在这个引用值所表示的地址的位置。
    • 【Scala十六】Scala核心十：柯里化函数 bit1129 scala
      本篇文章重点说明什么是函数柯里化，这个语法现象的背后动机是什么，有什么样的应用场景，以及与部分应用函数(Partial Applied Function)之间的联系   1. 什么是柯里化函数 A way to write functions with multiple parameter lists. For instance def f(x: Int)(y: Int) is a
    • HashMap dalan_123 java
      HashMap在java中对很多人来说都是熟的；基于hash表的map接口的非同步实现。允许使用null和null键；同时不能保证元素的顺序；也就是从来都不保证其中的元素的顺序恒久不变。 1、数据结构     在java中，最基本的数据结构无外乎：数组 和 引用（指针），所有的数据结构都可以用这两个来构造，HashMap也不例外，归根到底HashMap就是一个链表散列的数据
    • Java Swing如何实时刷新JTextArea，以显示刚才加append的内容 周凡杨 java更新swingJTextArea
      在代码中执行完textArea.append("message")后，如果你想让这个更新立刻显示在界面上而不是等swing的主线程返回后刷新，我们一般会在该语句后调用textArea.invalidate()和textArea.repaint()。 问题是这个方法并不能有任何效果，textArea的内容没有任何变化，这或许是swing的一个bug，有一个笨拙的办法可以实现
    • servlet或struts的Action处理ajax请求 g21121 servlet
      其实处理ajax的请求非常简单，直接看代码就行了： //如果用的是struts //HttpServletResponse response = ServletActionContext.getResponse(); // 设置输出为文字流 response.setContentType("text/plain"); // 设置字符集 res
    • FineReport的公式编辑框的语法简介 老A不折腾 finereport公式总结
      FINEREPORT用到公式的地方非常多，单元格（以=开头的便被解析为公式），条件显示，数据字典，报表填报属性值定义，图表标题，轴定义，页眉页脚，甚至单元格的其他属性中的鼠标悬浮提示内容都可以写公式。 简单的说下自己感觉的公式要注意的几个地方：   1.if语句语法刚接触感觉比较奇怪，if(条件式子,值1,值2)，if可以嵌套，if(条件式子1，值1，if(条件式子2，值2，值3)
    • linux mysql 数据库乱码的解决办法 墙头上一根草 linuxmysql数据库乱码
      linux 上mysql数据库区分大小写的配置 lower_case_table_names=1 1-不区分大小写 0-区分大小写   修改/etc/my.cnf 具体的修改内容如下:   [client] default-character-set=utf8   [mysqld] datadir=/var/lib/mysql socket=/va
    • 我的spring学习笔记6-ApplicationContext实例化的参数兼容思想 aijuans Spring 3
      ApplicationContext能读取多个Bean定义文件，方法是： ApplicationContext appContext = new ClassPathXmlApplicationContext（ new String[]｛“bean-config1.xml”，“bean-config2.xml”，“bean-config3.xml”，“bean-config4.xml
    • mysql 基准测试之sysbench annan211 基准测试mysql基准测试MySQL测试sysbench
      1 执行如下命令，安装sysbench-0.5： tar xzvf sysbench-0.5.tar.gz  cd sysbench-0.5  chmod +x autogen.sh  ./autogen.sh  ./configure --with-mysql --with-mysql-includes=/usr/local/mysql
    • sql的复杂查询使用案列与技巧 百合不是茶 oraclesql函数数据分页合并查询
        本片博客使用的数据库表是oracle中的scott用户表;          -------------------  自然连接查询           查询 smith 的上司(两种方法) &
    • 深入学习Thread类 bijian1013 javathread多线程java多线程
      一．             线程的名字 下面来看一下Thread类的name属性，它的类型是String。它其实就是线程的名字。在Thread类中，有String getName()和void setName(String)两个方法用来设置和获取这个属性的值。 同时，Thr
    • JSON串转换成Map以及如何转换到对应的数据类型 bijian1013 javafastjsonnet.sf.json
              在实际开发中，难免会碰到JSON串转换成Map的情况，下面来看看这方面的实例。另外，由于fastjson只支持JDK1.5及以上版本，因此在JDK1.4的项目中可以采用net.sf.json来处理。 一.fastjson实例 JsonUtil.java package com.study; impor
    • 【RPC框架HttpInvoker一】HttpInvoker：Spring自带RPC框架 bit1129 spring
      HttpInvoker是Spring原生的RPC调用框架，HttpInvoker同Burlap和Hessian一样，提供了一致的服务Exporter以及客户端的服务代理工厂Bean，这篇文章主要是复制粘贴了Hessian与Spring集成一文，【RPC框架Hessian四】Hessian与Spring集成   在 【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中
    • 【Mahout二】基于Mahout CBayes算法的20newsgroup的脚本分析 bit1129 Mahout
      #!/bin/bash # # Licensed to the Apache Software Foundation (ASF) under one or more # contributor license agreements. See the NOTICE file distributed with # this work for additional information re
    • nginx三种获取用户真实ip的方法 ronin47
      随着nginx的迅速崛起，越来越多公司将apache更换成nginx. 同时也越来越多人使用nginx作为负载均衡, 并且代理前面可能还加上了CDN加速，但是随之也遇到一个问题：nginx如何获取用户的真实IP地址,如果后端是apache,请跳转到<apache获取用户真实IP地址>，如果是后端真实服务器是nginx，那么继续往下看。 实例环境： 用户IP 120.22.11.11
    • java-判断二叉树是不是平衡 bylijinnan java
      参考了 http://zhedahht.blog.163.com/blog/static/25411174201142733927831/ 但是用java来实现有一个问题。 由于Java无法像C那样“传递参数的地址，函数返回时能得到参数的值”，唯有新建一个辅助类：AuxClass import ljn.help.*; public class BalancedBTree {
    • BeanUtils.copyProperties VS PropertyUtils.copyProperties 诸葛不亮 PropertyUtilsBeanUtils
       BeanUtils.copyProperties VS  PropertyUtils.copyProperties  作为两个bean属性copy的工具类，他们被广泛使用，同时也很容易误用，给人造成困然；比如：昨天发现同事在使用BeanUtils.copyProperties copy有integer类型属性的bean时，没有考虑到会将null转换为0，而后面的业
    • [金融与信息安全]最简单的数据结构最安全 comsci 数据结构
            现在最流行的数据库的数据存储文件都具有复杂的文件头格式，用操作系统的记事本软件是无法正常浏览的，这样的情况会有什么问题呢？        从信息安全的角度来看，如果我们数据库系统仅仅把这种格式的数据文件做异地备份，如果相同版本的所有数据库管理系统都同时被攻击，那么
    • vi区段删除 Cwind linuxvi区段删除
      区段删除是编辑和分析一些冗长的配置文件或日志文件时比较常用的操作。简记下vi区段删除要点备忘。   vi概述    引文中并未将末行模式单独列为一种模式。单不单列并不重要，能区分命令模式与末行模式即可。   vi区段删除步骤： 1. 在末行模式下使用:set nu显示行号 非必须，随光标移动vi右下角也会显示行号，能够正确找到并记录删除开始行
    • 清除tomcat缓存的方法总结 dashuaifu tomcat缓存
      用tomcat容器，大家可能会发现这样的问题，修改jsp文件后，但用IE打开 依然是以前的Jsp的页面。 出现这种现象的原因主要是tomcat缓存的原因。 解决办法如下: 在jsp文件头加上 <meta http-equiv="Expires" content="0"> <meta http-equiv="kiben&qu
    • 不要盲目的在项目中使用LESS CSS dcj3sjt126com Webless
      　如果你还不知道LESS CSS是什么东西，可以看一下这篇文章，是我一朋友写给新人看的《CSS——LESS》 　　不可否认，LESS CSS是个强大的工具，它弥补了css没有变量、无法运算等一些“先天缺陷”，但它似乎给我一种错觉，就是为了功能而实现功能。 　　比如它的引用功能 ? .rounded_corners{     
    • [入门]更上一层楼 dcj3sjt126com PHPyii2
      更上一层楼 通篇阅读完整个“入门”部分，你就完成了一个完整 Yii 应用的创建。在此过程中你学到了如何实现一些常用功能，例如通过 HTML 表单从用户那获取数据，从数据库中获取数据并以分页形式显示。你还学到了如何通过 Gii 去自动生成代码。使用 Gii 生成代码把 Web 开发中多数繁杂的过程转化为仅仅填写几个表单就行。 本章将介绍一些有助于更好使用 Yii 的资源：
    • Apache HttpClient使用详解 eksliang httpclienthttp协议
      Http协议的重要性相信不用我多说了，HttpClient相比传统JDK自带的URLConnection，增加了易用性和灵活性（具体区别，日后我们再讨论），它不仅是客户端发送Http请求变得容易，而且也方便了开发人员测试接口（基于Http协议的），即提高了开发的效率，也方便提高代码的健壮性。因此熟练掌握HttpClient是很重要的必修内容，掌握HttpClient后，相信对于Http协议的了解会
    • zxing二维码扫描功能 gundumw100 androidzxing
      经常要用到二维码扫描功能 现给出示例代码 import com.google.zxing.WriterException; import com.zxing.activity.CaptureActivity; import com.zxing.encoding.EncodingHandler; import android.app.Activity; import an
    • 纯HTML+CSS带说明的黄色导航菜单 ini htmlWebhtml5csshovertree
      HoverTree带说明的CSS菜单:纯HTML+CSS结构链接带说明的黄色导航   在线体验效果：http://hovertree.com/texiao/css/1.htm代码如下,保存到HTML文件可以看到效果：   <!DOCTYPE html > <html > <head> <title>HoverTree
    • fastjson初始化对性能的影响 kane_xie fastjson序列化
      之前在项目中序列化是用thrift，性能一般，而且需要用编译器生成新的类，在序列化和反序列化的时候感觉很繁琐，因此想转到json阵营。对比了jackson，gson等框架之后，决定用fastjson，为什么呢，因为看名字感觉很快。。。   网上的说法：   fastjson 是一个性能很好的 Java 语言实现的 JSON 解析器和生成器，来自阿里巴巴的工程师开发。
    • 基于Mybatis封装的增删改查实现通用自动化sql mengqingyu DAO
      1.基于map或javaBean的增删改查可实现不写dao接口和实现类以及xml，有效的提高开发速度。 2.支持自定义注解包括主键生成、列重复验证、列名、表名等 3.支持批量插入、批量更新、批量删除 <bean id="dynamicSqlSessionTemplate" class="com.mqy.mybatis.support.Dynamic
    • js控制input输入框的方法封装(数字，中文，字母，浮点数等) qifeifei javascript js
      在项目开发的时候，经常有一些输入框，控制输入的格式，而不是等输入好了再去检查格式，格式错了就报错，体验不好。 /** 数字，中文，字母,浮点数(+/-/.) 类型输入限制，只要在input标签上加上 jInput="number,chinese,alphabet,floating" 备注：floating属性只能单独用*/     funct
    • java 计时器应用 tangqi609567707 javatimer
      mport java.util.TimerTask;   import java.util.Calendar;   public class MyTask extends TimerTask {        private static final int
    • erlang输出调用栈信息 wudixiaotie erlang
      在erlang otp的开发中，如果调用第三方的应用，会有有些错误会不打印栈信息，因为有可能第三方应用会catch然后输出自己的错误信息，所以对排查bug有很大的阻碍，这样就要求我们自己打印调用的栈信息。用这个函数：erlang:process_display (self (), backtrace).需要注意这个函数只会输出到标准错误输出。 也可以用这个函数：erlang:get_s
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他