自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 微信小程序初识

目录一、微信小程序的优劣势1、优势2、劣势二、 项目的目录结构三、小程序模板语法WXML1、逻辑渲染2、列表渲染4、wxss5、修改页面数据一、微信小程序的优劣势1、优势微信助理,容易推广。在微信中,小程序拥有众多入口,例如附近的小程序、小程序码、分享、发现-小程序等五十多个的入口。这些入口有助于企业更好的获取流量,从而进行转化、变现。使用便捷。用户在使用小程序时,只需要轻轻点一下就可以使用,更加符合用户对使用方便、快捷的需求,所以小程序的用户数量不断增加。体

2022-04-20 21:36:55 466

原创 利用vue数据驱动视图的思想实现走马灯(文末附代码)

以“猥琐发育,别浪!”为例。思路:1、搭建静态页面2、创建vue实例,展示数据3、处理字符串(切割+拼接)4、开始、暂停按钮的点击事件搭建静态页面<div id="app"> <button v-on:click="start" :disabled="disabled">浪起来</button> <button @click="stop" :disabled="!disabled">猥琐发育<

2022-04-18 20:48:04 722

原创 数组去重的三种方法

一、原生JS去重数组去重思路:1、建立新数组2、遍历旧数组3、往新数组中放置旧数组的元素4、遍历新数组5、判断如果新数组中有相同的元素,就不往新数组中放了var flag = true;//新数组中没有相同的元素 var arrOld = [2, 3, 5, 4, 3, 2, 6, 8, 5, 4, 6, 2]; // 1、 var arrNew = []; // 2、 for (var i = 0; i < arrOld.length; i++) {

2022-04-09 20:35:23 21983 7

原创 vue部分知识点总结

什么是vue?它的核心理念是什么? Vue是渐进式框架采用了自底向上增量开发核心理念是:数据驱动视图 mvc和mvvm的区别 mvc是后端分层开发概念,mvvm是前端视图层的概念,主要关注与视图层分离,也就是把前端视图层分成了三部分Model、view、ViewModel;mvc中的m是model层,负责操纵数据库。V是view层:视图层,发送请求,接受请求,接收响应。C是业务逻辑层,接收请求和返回响应。mvvm中m为model层数据层保存数据,v是view层是页面的HTM...

2022-04-05 20:58:28 934

原创 vue中的属性计算和属性监听

这次我想用一个案例来解释什么是属性计算和属性监听。名称案例获取完整的名字,需要把姓和名字拼接在一起思路:什么时候去拼接在一起(input值改变的时候,监听keyup知道input什么时候改变了,在这里就可以获取完整的名字 <div id='app'> <input type="text" v-model='firstname'>+ <input type="text" v-model="lastname"> <

2022-04-02 20:08:28 508

原创 vue中ref的使用

ref是vue中DOM元素和组件标签中的属性

2022-04-01 20:18:29 77671 2

原创 vue中父、子组件及其传值

一、什么是父、子组件类似于子元素和父元素,子组件和父组件也是“父”套“子”。具体用法如下:声明两个组件,这里用之前说的的四种方式中的最后一种。<div id='app'> <father></father></div><template id="father"> <div>我是父组件 //将子元素标签放在父组件中 <son></son&g

2022-03-30 22:07:37 923

原创 vue中样式的使用

可以通过类名或者内联样式来设置DOM元素或组件的样式一、类名1、变量形式//html结构<div :class="box"> 哈哈</div>//组件数据data(){ return { box:"box2",//box2是CSS样式中已经定义好的样式 }}2、数组形式//html结构<div :class="['box','fs40']"> 大红字 </div>//其中的类名的样式都已经在CS

2022-03-29 21:35:55 256

原创 Vue中路由的使用(文末附模板)

什么是路由路由分为后端路由和前端路由。后端路由:对于普通的网站,所有的超链接都是URL地址,所有的VUE地址都对应服务器上对应的资源,也就是不同url地址对应不同的静态资源。前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由)。如何使用路由第一步

2022-03-26 20:03:14 1426 6

原创 全局vue组件定义的四种方式

定义vue组件什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。组件化和模块化的不同:模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一组件化:是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用全局组件定义的四种方式1.使用 Vue.extend 配合 Vue.component 方法:var ...

2022-03-25 22:37:44 1547

原创 js中对象数据类型的深拷贝方法(5种)

目录一、使用JSON暴力转换二、 使用拓展运算符+解构赋值三、 使用对象的合并,即通过Object.assign()方法四、通过遍历对象五、利用循环递归一、使用JSON暴力转换通过JSON.stringify() 和 JSON.parse() 将对象转为字符串之后在转为对象。var obj = {name:'123'};var obj2 = JSON.parse(JSON.stringify(obj))二、 使用拓展运算符+解构赋值 ......

2022-03-24 21:24:00 26124 12

原创 vue生命周期与vue请求

一、生命周期1、什么是vue的生命周期?从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!2、vue生命周期钩子函数每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。生命周期函数=生命周期事件=生命周期钩子3、生...

2022-03-23 21:53:27 1229

原创 vue-过滤器及键盘修饰符

一、过滤器1、概念Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部,由“管道”符指示。2、作用在我们页面显示值之前加一层过滤,展示我们过滤后的值3、使用语法{{变量 | 过滤器名}} {{变量 | 过滤器 | 另一个过滤器}} 可以同时使用多个过滤器,后面过滤器的data就是前面表达式传过来的值。4、定义语法全局定义:...

2022-03-22 21:13:53 308

原创 初学Vue

初学Vue

2022-03-21 21:44:24 361

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除