![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
泷叶er
这个作者很懒,什么都没留下…
展开
-
MVVM模型
MVVM模型M: 模型(model) :对应data中的数据V:视图(View) : 模板页面VM : 视图模型(ViewModel) : Vue实例对象注意:data中的所有属性,最后都出现在了vm身上vm身上所有的属性及Vue原型上的所有属性,在Vue模板中都可以直接使用...原创 2022-02-10 17:36:57 · 367 阅读 · 0 评论 -
data与el的两种写法
data与el的两种写法el有两种写法new Vue时配置el属性先创建Vue示例,随后再通过vm.$mount(’#root’)指定el的值data有两种写法对象式函数式:组件模式下data必须使用函数式,否则会报错重要原则Vue管理的函数,一定不要写箭头函数,一旦写了箭头函数,this就不再是Vue实例了<script type="text/javascript"> Vue.config.productionTip = false原创 2022-02-10 17:29:17 · 412 阅读 · 0 评论 -
Vue数据绑定
Vue数据绑定单向绑定(v-bind):数据只能从data流向页面双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data备注:1.双向绑定一般都应用在表单类元素上,如(input 、select)2.v-model:value 可以简写为 v-model ,因为v-model默认收集的就是value值...原创 2022-02-10 17:25:09 · 414 阅读 · 0 评论 -
Vue模板语法
Vue模板语法插值语法功能:用于解析标签体内容写法:{{xxxx}},xxxx是js表达式,且可以直接读取到data中的所有属性指令语法功能:用于解析标签(包括:标签属性、标签体内容、绑定事件…)举例:v-bind:href=“xxx” 或 简写为 :href=“xxx”,xxx为js表达式,且可以读取到data中的所有属性备注:Vue中不是所有指令都可以简写...原创 2022-02-10 17:24:24 · 373 阅读 · 0 评论 -
Vue及其特点
Vue是什么?Vue是一套用于构建用户界面(数据转为界面)的渐进式JavaScript框架渐进式:Vue可以自底向上逐层应用,简单应用只需一个轻量小巧的核心库,复杂应用可以引入各式各样的Vue插件Vue的特点采用组件化模式,提高代码复用率,代码更好维护(封装)声明式编码,让编码人员无需直接操作DOM,提高开发效率,区别于命令式使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点...原创 2022-02-10 17:23:38 · 866 阅读 · 0 评论 -
js对字符串进行反转操作
reverseMessage: function () { this.message = this.message.split('').reverse().join('') } }原创 2022-02-10 17:20:32 · 209 阅读 · 0 评论 -
VUE创建项目
1.vue init使用 vue init 命令来创建一个项目:$ vue init webpack (vue3-test) // 项目名,这里需要进行一些配置,默认回车即可进入项目,安装并运行:$ cd vue3-test$ cnpm run dev DONE Compiled successfully in 2558ms I Your application is running here: http://localhost:80802.Vite原创 2022-02-09 20:07:26 · 438 阅读 · 0 评论 -
jQuery - noConflict() 方法
jQuery - noConflict() 方法如何在页面上同时使用 jQuery 和其他框架?noConflict() 方法会释放对 $ 标识符的控制,这样其他脚本就可以使用它1.通过全名替代简写的方式来使用 jQuery$.noConflict();jQuery(document).ready(function(){ jQuery("button").click(function(){ jQuery("p").text("jQuery 仍然在工作!"); });});2.创原创 2022-02-09 17:04:59 · 392 阅读 · 0 评论 -
jQuery - AJAX
jQuery - AJAX 简介AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示通过 jQuery AJAX 方法,能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON ,同时能够把这些外部数据直接原创 2022-02-09 13:24:03 · 81 阅读 · 0 评论 -
Jquery 遍历
一.jQuery 遍历 - 祖先jQuery parent() 方法parent() 方法返回被选元素的直接父元素,该方法只会向上一级对 DOM 树进行遍历$(document).ready(function(){ $("span").parent(); });jQuery parents() 方法parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 ()$(document).ready(function(){ $("span").parents(原创 2022-02-09 12:51:39 · 414 阅读 · 0 评论 -
javascript:void(0)含义
href="#"与href="javascript:void(0)"的区别(#)包含了一个位置信息,默认的锚是#top 也就是网页的上端,而javascript:void(0), 仅仅表示一个死链接。在页面很长的时候会使用 # 来定位页面的具体位置,格式为:# + id,如果要定义一个死链接用 javascript:void(0) <a href="javascript:void(0);">点我没有反应的!</a> <a href="#pos">点原创 2022-02-02 16:22:41 · 1826 阅读 · 0 评论 -
JavaScript JSON
JavaScript JSONJSON 是用于存储和传输数据的格式,JSON 通常用于服务端向网页传递数据。JSON 英文全称JavaScript Object Notation,是一种轻量级的数据交换格式。JSON 使用 JavaScript 语法,但是 JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及作为数据格式传递。1.JSON 实例以下 JSON 语法定义了 sites 对象: 3 条网站信息(对象)的数组:{"sites":[{"name":"Runoob", "ur原创 2022-02-02 16:14:10 · 635 阅读 · 0 评论 -
JavaScript typeof, null, 和 undefined
JavaScript typeof, null, 和 undefined1.typeof 操作符可以使用 typeof 操作符来检测变量的数据类型。typeof "John" // 返回 stringtypeof 3.14 // 返回 numbertypeof false // 返回 booleantypeof [1,2,3,4] // 返回 objecttypeof {原创 2022-02-01 19:24:04 · 353 阅读 · 0 评论 -
JavaScript中的for/in循环
JavaScript中的for/in循环JavaScript for/in 语句循环遍历对象的属性示例var person={fname:"Bill",lname:"Gates",age:56};for (x in person) // x 为属性名{ txt=txt + person[x];}原创 2022-02-01 19:10:28 · 225 阅读 · 0 评论 -
JavaScript字符串方法
字符串方法详细的字符串方法可点击链接查看https://www.runoob.com/jsref/jsref-obj-string.html原创 2022-02-01 18:57:11 · 64 阅读 · 0 评论 -
JavaScript 字符串
JavaScript 字符串可以使用字符创建字符串: var firstName = “zjh”使用 new 关键字将字符串定义为一个对象: var firstName =new String(“zjh”)示例var x = "John";var y = new String("John");typeof x // 返回 Stringtypeof y // 返回 Object不要创建 String 对象。它会拖慢执行速度,并可能产生其他副作用...原创 2022-02-01 18:54:32 · 192 阅读 · 0 评论 -
JavaScript对象属性及方法
JavaScript对象属性及方法1.对象属性JavaScript对象时属性变量的容器,以键值对name:value的形式存在,访问方式为name.valuename[value]2.对象方法对象方法通过添加()作为函数调用,对象方法是一个函数定义,并作为一个属性值存储var person = { firstName:"zjh", lastName:"z", age:21, fullName:function () { re原创 2022-02-01 15:05:46 · 845 阅读 · 0 评论 -
Javascript声明变量
Javascript声明变量当我们声明新变量时可以使用关键词new来声明其类型var personName = new String();var personAge = new Number();var personIsBoy = new Boolean();var persons = new Array();var person = new Object();JavaScript变量均为对象...原创 2022-02-01 14:46:44 · 255 阅读 · 0 评论 -
JavaScript数组
JavaScript数组1.创建数组方式// 方式1var person = new Array();person[0]="zjh";person[1]="zwh";person[2]="zzx";// 方式2var person=new Array("zjh","zwh","zzx");// 方式3var person=["zjh",'zwh',"zzx"];2.数组的遍历for(var i=0;i<person.length;i++){ document.wri原创 2022-02-01 14:40:25 · 163 阅读 · 0 评论 -
JavaScript数据类型
JavaScript数据类型1.值类型:字符串(String)、数字(Number)、布尔(Boolean)、对空(NULL)、未定义(Undefined)、Symbol2.引用数据类型对象(Object)、数组(Array)、函数(Function)Symbol表示独一无二的值原创 2022-02-01 12:58:00 · 76 阅读 · 0 评论 -
JavaScript输出
JavaScript输出JavaScript没有任何打印或者输出的函数,那么Javascript如何显示数据呢?window.alart()弹出警告框document。write()写入HTML文档中innerHTML写入HTML元素中console.log()写入浏览器控制台原创 2022-02-01 12:32:16 · 183 阅读 · 0 评论 -
JavaScript简介
JavaScript简介JavaScript是目前最流行的脚本语言,是一种轻量级编程语言1.js可直接写入HTML输出流只能在HTML输出流中使用document.write(),如果在文档加载后/函数中使用,会覆盖整个文档2.js可支持对事件的反应alert()函数适合用于测试代码3.js可以改变网页内容/图像document.getElementById(“id”)是HTML DOM中定义的访问HTML元素的w3c标准可以通过检索src属性中是否包含某个单词来进行更新4原创 2022-02-01 12:14:53 · 128 阅读 · 0 评论 -
jqury安装
可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法:从 jquery.com 下载 jQuery 库从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery如何下载 jQuery?有两个版本的 jQuery 可供下载:Production version - 用于实际的网站中,已被精简和压缩。Development version - 用于测试和开发(未压缩,是可读的代码)以上两个版本都可以从 jquery.com 中下载。jQuery原创 2022-01-26 12:15:45 · 62 阅读 · 0 评论