- 博客(13)
- 收藏
- 关注
原创 微信小程序初识
目录 一、微信小程序的优劣势 1、优势 2、劣势 二、 项目的目录结构 三、小程序模板语法WXML 1、逻辑渲染 2、列表渲染 4、wxss 5、修改页面数据 一、微信小程序的优劣势 1、优势 微信助理,容易推广。在微信中,小程序拥有众多入口,例如附近的小程序、小程序码、分享、发现-小程序等五十多个的入口。这些入口有助于企业更好的获取流量,从而进行转化、变现。 使用便捷。用户在使用小程序时,只需要轻轻点一下就可以使用,更加符合用户对使用方便、快捷的需求,所以小程序的用户数量不断增加。 体
2022-04-20 21:36:55
510
原创 利用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
780
原创 数组去重的三种方法
一、原生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
22140
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
973
原创 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
547
原创 vue中父、子组件及其传值
一、什么是父、子组件 类似于子元素和父元素,子组件和父组件也是“父”套“子”。具体用法如下: 声明两个组件,这里用之前说的的四种方式中的最后一种。 <div id='app'> <father></father> </div> <template id="father"> <div>我是父组件 //将子元素标签放在父组件中 <son></son&g
2022-03-30 22:07:37
991
原创 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
307
原创 Vue中路由的使用(文末附模板)
什么是路由 路由分为后端路由和前端路由。 后端路由:对于普通的网站,所有的超链接都是URL地址,所有的VUE地址都对应服务器上对应的资源,也就是不同url地址对应不同的静态资源。 前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由)。 如何使用路由 第一步
2022-03-26 20:03:14
1515
6
原创 全局vue组件定义的四种方式
定义vue组件 什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。 组件化和模块化的不同: 模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一 组件化:是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用 全局组件定义的四种方式 1.使用 Vue.extend 配合 Vue.component 方法: var ...
2022-03-25 22:37:44
1596
原创 vue生命周期与vue请求
一、生命周期 1、什么是vue的生命周期? 从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期! 2、vue生命周期钩子函数 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。 生命周期函数=生命周期事件=生命周期钩子 3、生...
2022-03-23 21:53:27
1281
原创 vue-过滤器及键盘修饰符
一、过滤器 1、概念 Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部,由“管道”符指示。 2、作用 在我们页面显示值之前加一层过滤,展示我们过滤后的值 3、使用语法 {{变量 | 过滤器名}} {{变量 | 过滤器 | 另一个过滤器}} 可以同时使用多个过滤器,后面过滤器的data就是前面表达式传过来的值。 4、定义语法 全局定义: ...
2022-03-22 21:13:53
340
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅