firstname | 易学教程

builder 设计模式

阅读更多关于 builder 设计模式

1、经典的Builder模式 Product /** * 计算机抽象类, 即Product角色 */ public abstract class Computer { protected String mBoard; protected String mDisplay; protected String mOS; public Computer() { } public void setBoard(String board) { mBoard = board; } public void setDisplay(String display) { mDisplay = display; } public abstract void setOS(); @Override public String toString() { return "Computer{" + "mBoard='" + mBoard + '\'' + ", mDisplay='" + mDisplay + '\'' + ", mOS='" + mOS + '\'' + '}'; } } 复制代码作者：mundane 链接：https://juejin.im/post/5aa3dfd66fb9a028c42dd13a 来源：掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 View

JSON.parse&JSON.stringify

阅读更多关于 JSON.parse&JSON.stringify

一、JSON.parse 函数 (JavaScript) var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}' ; var contact = JSON.parse(jsontext); document.write(contact.surname + ", " + contact.firstname); http://technet.microsoft.com/zh-cn/sysinternals/cc836466(v=vs.94) 二、JSON.stringify 函数 (JavaScript) var requestJson = JSON.stringify({ key: 1, value: 3 }); var contact = new Object(); contact.firstname = "Jesper"; contact.surname = "Aaberg"; contact.phone = ["555-0100", "555-0120"]; var jsonText = JSON.stringify(contact); http://technet.microsoft.com/zh-cn/sysinternals/cc836459(v

重新学习Vue_01_watch computed

阅读更多关于重新学习Vue_01_watch computed

1 <template> 2 <div> 3 <label>姓：<input type="text" placeholder="请输入姓氏" v-model="firstName"></label> 4 <p></p> 5 <label>名：<input type="text" placeholder="请输入名字" v-model="lastName"></label> 6 7 <p>-----------------------------------------------------------------------</p> 8  9 <label>姓名：<input type="text" placeholder="请输入姓名" v-model="fullNameOne"></label> 10 <p></p> 11  12 <label>姓名：<input type="text" placeholder="请输入姓名" v-model="fullNameTwo"></label> 13 <p></p> 14  15 <label>姓名：<input type="text" placeholder="请输入姓名" v-model="fullNameThree"></label> 16 </div> 17 <

了解誒JSON格式

阅读更多关于了解誒JSON格式

要想深入了解JQuery，那麼必須對JSON要了解 json简单说就是javascript中的对象和数组，所以这两种结构就是对象和数组2种结构，通过这两种结构可以表示各种复杂的结构 1、对象：对象在js中表示为“{}”扩起来的内容，数据结构为 {key：value,key：value,...}的键值对的结构。 2、数组：数组在js中是中括号“[]”扩起来的内容，数据结构为 [" java ","javascript","vb",...]，取值方式和所有语言中一样，使用索引获取，字段值的类型可以是数字、字符串、数组、对象几种。经过对象、数组2种结构就可以组合成复杂的数据结构了如： var people ={ "programmers": [ { "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" }, { "firstName": "Jason", "lastName":"Hunter", "email": "bbbb" }, { "firstName": "Elliotte", "lastName":"Harold", "email": "cccc" } ], "authors": [ { "firstName": "Isaac", "lastName": "Asimov", "genre":

JavaScript Objects

阅读更多关于 JavaScript Objects

"Everything" in JavaScript is an Object: a String, a Number, an Array, a Function.... In addition, JavaScript allows you to define your own objects. JavaScript Objects JavaScript has several built-in objects, like String, Date, Array, and more. An object is just a special kind of data, with properties and methods . Accessing Object Properties Properties are the values associated with an object. The syntax for accessing the property of an object is: objectName.propertyName This example uses the length property of the String object to find the length of a string: var message="Hello World!"; var

VUE2.0学习记录——计算属性、方法、侦听器

阅读更多关于 VUE2.0学习记录——计算属性、方法、侦听器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计算属性、方法、侦听器</title> </head> <body> <div id="app"> {{fullName_computed}}<br> {{fullName_method()}}<br> {{fullName_watch}}<br> {{age}} </div> </body> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> var app = new Vue({ el: '#app', data: { firstName: 'Zhang', lastName: 'San', fullName_watch: 'Zhang San', age: 28 }, computed: { fullName_computed: function () { console.log('computed'); //不发生改变的时候只计算一次 return this.firstName + " " + this.lastName; } } ,methods: { fullName_method: function () { return

VUE2.0学习记录——计算属性的getter setter

阅读更多关于 VUE2.0学习记录——计算属性的getter setter

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计算属性的getter setter</title> </head> <body> <div id="app"> {{fullName}}<br> </div> </body> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> var app = new Vue({ el: '#app', data: { firstName: 'Zhang', lastName: 'San' }, computed: { fullName: { get: function () { return this.firstName + " " + this.lastName; }, set: function (value) { var arr = value.split(" "); this.firstName = arr[0]; this.lastName = arr[1]; } } } }); </script> </html> 来源： https://blog.csdn.net/baokx/article/details/98757220

vue 计算属性的setter和getter

阅读更多关于 vue 计算属性的setter和getter

计算属性默认只有 getter ，不过在需要时你也可以提供一个 setter getter 用于监控属性变化时触发。 set可选，当computed属性自身被赋值时触发 <div id="app"> {{fullName}} </div> <script> var vm = new Vue({ el: "#app", data: { firstName: "Dell", lastName: "Lee" }, computed: { fullName: { get: function () { return this.firstName + " " + this.lastName }, set: function (value) { var arr = value.split(" "); this.firstName = arr[0]; this.lastName = arr[1]; } } } }) </script> 来源： https://blog.csdn.net/HuangsTing/article/details/99411880

json如何获取内容

阅读更多关于 json如何获取内容

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>复习</title> <style type="text/css"> .myclass { border: 0px; } </style> <script src="js/jQuery1.11.1.js"></script> <script src="js/jquery-migrate-1.2.0.js"></script> <script type="text/javascript"> $(function(){ /* var data={"firstName": "John","lastName": "Mr"}; $.each(data,function(i,dom){ alert(dom); }); */ /* var data={ "people":[ { "firstName": "张靓颖", "lastName":

vue 多种方法实现名字拼接

阅读更多关于 vue 多种方法实现名字拼接

第一种：v-modal绑定绑定keyup事件实时更新 <div> <input type="text" v-model="firstName" @keyup="getfullName"> + <input type="text" v-model="lastName" @keyup="getfullName"> = <input type="text" v-model="fullName"> </div> <script> export default { data () { return { firstName: " ", lastName: " ", fullName: " " } }, methods:{ getfullName(){ this.fullName = this.firstName + this.lastName; } } }</script> 第二种：watch监听 <div> <input type="text" v-model="firstName"> + <input type="text" v-model="lastName"> = <input type="text" v-model="fullName"> </div> <script> export default { name: 'HelloWorld', data () { return {