![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
mzf19980423
这个作者很懒,什么都没留下…
展开
-
Vue-cli脚手架安装
原创 2021-04-12 09:42:10 · 48 阅读 · 0 评论 -
Vue组件
1、Vue组件作用:用来建设Vue实例对象中代码量,日后在使用Vue开发过程中,可以根据不同业务功能将页面中划分成不同的多个组件,然后由多个组件去完成整个页面的布局,便于日后使用Vue进行开发时页面管理,方便开发人员维护。2、组件使用2.1、全局组件注册到Vue中根实例上的组件成为全局组件,全局组件一旦定义可以在任意组件中进行使用。Vue.component('user',{ template:"<div>用户登录局部组件</div>",});2.2、局部组件第原创 2021-04-10 17:52:40 · 56 阅读 · 0 评论 -
Axios基本使用
1、Axios==>ajax异步请求技术Axios是一个异步请求技术,核心作用就是用来在页面中发送异步请求,并获取对应数据在页面中渲染 类似于页面局部更新技术Ajax2、Axios网站中文网站:http://axios-js.com/3、发送异步请求1、get请求// 为给定 ID 的 user 创建请求axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .原创 2021-04-07 15:50:48 · 79 阅读 · 0 评论 -
Vue之methods和computed
1、methods和computedmethods: data中的methods中定义事件触发的方法,调用一次执行一次。computed: 计算属性,有缓存,当多次调用同一个计算结果时,不需要重复执行。使用时直接使用属性名。2、事件修饰符事件修饰符:作用:用来和事件连用,用来决定事件触发条件和决定事件触发机制常用的事件修饰符:stop: 阻止事件冒泡 v-on:click.stop=“child”prevent:阻止默认行为self:只触发自身行为once:一次事件,让事件只能执行一次3原创 2021-04-07 15:28:41 · 126 阅读 · 0 评论 -
Vue之v-for、v-model
1、v-forv-for:作用就是用来对对象进行遍历的<div id="app"> <h1>遍历对象</h1> <h2 v-for="(value,key,index) in user"> index:{{index}} key:{{key}} value:{{value}} </h2> <h1>遍历数组</h1> <h2 v-for="(school,index) in school">原创 2021-04-07 14:14:57 · 116 阅读 · 0 评论 -
vue事件绑定
1、js时间三要素1、事件源:发生时间源头成为事件源,一般指html标签2、事件:事件特定动作 onclick单击 dblclick双击…3、事件处理程序:事件处理函数2、vue事件1、在vue中给对应标签绑定事件可以通过vue提供v-on指令进行事件绑定==> v-on: 事件名 简化写法:@事件名<div id="app-5"> <p>{{ message }}</p> <button v-on:click="aaa">点击&l原创 2021-04-07 11:17:10 · 166 阅读 · 0 评论 -
vue介绍
1、vue引言vue是一款渐进式JavaScript框架渐进式1、易用 html css javascript2、高效 开发前端页面非常高效3、灵活 开发灵活,多样性总结Vue是一个JavaScript框架,是一个js框架,简化js操作bootstrap 是一个css 框架 ,封装css注意日后再使用Vue过程中页面不再引入jQueryVue作者尤雨溪 国内的...原创 2021-04-07 10:00:45 · 60 阅读 · 0 评论 -
bootstrap介绍
1、bootstrap简单、直观、强悍的前端开发框架,让web开发更迅速、简单。来自twitter,是目前很受欢迎的前端框架之一。Bootstrap是基于HTML、CSS、JavaScript的,让属性代码更容易。移动优先,响应式布局开发。bootstrap中文网址:boostrap中文网址2、bootstrap容器container-fluid 流体container1170970750100%<div class="container-fluid">流体容器</di原创 2021-04-02 20:13:40 · 144 阅读 · 0 评论 -
json与ajax
1、jsonjson是JavaScript Object Notation 的首字母的缩写,单词的意思是JavaScript对象表示法,这里说的json指的是类似于JavaScript对象的一种数据格式,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。JavaScript自定义对象:var oMan = { name:'tom', age:16, talk:function(){ alert("说话"); }}json格式{ "name":"tom", "age":原创 2021-03-31 17:48:52 · 51 阅读 · 0 评论 -
滚轮事件与函数节流
jquery.mousewheel插件使用jquery中没有鼠标滚轮事件,原生js中的鼠标滚轮事件不兼容,可以使用jQuery的滚轮事件插件jquery.mousewheel.js。函数节流javascript中有些事件的触发频率非常高,比如onresize事件(jq中是resize),onmousemove事件(jq中是mousemove)以及上面所说的鼠标滚轮事件,再短事件内多处触发执行绑定的函数,可以巧妙的使用定时器来减少触发的次数,实现函数节流。$(window).moiusewheel(f原创 2021-03-31 11:07:51 · 162 阅读 · 0 评论 -
jQuery元素节点操作
1、创建节点var $div = $('<div>')var $div2 = $('<div>这是一个div元素</div>')2、插入节点1、append()和appendTo():在现存元素的内部,从后面插入元素var $span = $('<span>这是一个span元素</span>');$('#didv1').append($span);......<div id="div1"></div>2原创 2021-03-29 20:44:09 · 47 阅读 · 0 评论 -
jQuery事件与事件冒泡
1、事件函数列表blur() 元素失去焦点focus() 元素获得焦点click() 鼠标点击mouseover() 鼠标进入(进入子元素也触发)mouseout() 鼠标离开(离开子元素也触发)mouseenter() 鼠标进入(进入子元素不触发)mouseleave() 鼠标离开(离开子元素不触发)hover() 同时为mouseenter和mouseleave事件指定处理函数ready() DOM加载完成resize() 浏览器原创 2021-03-29 17:36:15 · 112 阅读 · 0 评论 -
jQuery样式操作,绑定click事件,索引值
1、操作行间样式//获取div的样式$('div').css('width');$('div').css('color');//设置div的样式$("div").css("width","30px");$("div").css("height","30px");$("div").css({"width":"30px",color:"red"});2、操作样式类名$("#div").addClass("divClass2") //为id为div的对象追加样式divClass2$("#d原创 2021-03-28 17:56:04 · 223 阅读 · 0 评论 -
javascript 函数定义与执行
1、函数定义与调用<script type="text/javascript"> function fnMyclick(){ alert("hello world!"); }</script><div id="div1" onclick="fnMyclick()">这是一个div</div><inpyt type="button" value="改变div" id="btn01">2、提取行间事件如果把onclick写在标原创 2021-03-26 17:55:43 · 92 阅读 · 0 评论 -
javascript 操作元素属性
JavaScript嵌入页面的方式1、行间事件(主要用于事件)<input type="button" name="" onclick ="alert(OK!);">2、页面script标签嵌入<script type="text/javascript"> alert("ok!");</script>3、外部引入<script type="text/javascript" src = "js/index.js"></script&原创 2021-03-24 11:10:47 · 92 阅读 · 0 评论