- 博客(17)
- 收藏
- 关注
RSS订阅原创 swper 实现滑动切换功能的两种方式
1、共用一个样式结构，展示不同数据。样式是一样的，在 tabBars 数组里面添加不同的数据，根据 id 值判断，遍历数组得到不同的数据。<template> <view> <!--顶部导航栏--> <view> <view class="uni_tab_bar"> <view class="uni_swiper_tab Insurance_top"> <block v-for="(tabBa
2021-07-17 17:27:46
886
原创 Vuex 的辅助函数
在 Vuex 中，提供了一组辅助函数，这些辅助函数可以简化我们的写法，随着业务功能逐渐增加，会出现很多个状态。当一个组件需要多个状态的时候，将这些状态都声明为计算属性会有些重复和冗余。所以辅助函数应运而生。store 仓库import Vue from "vue";import Vuex from "vuex";// 注册Vue.use(Vuex);export default new Vuex.Store({ // 用于状态管理,只存储数据 state: {}, // 用于..
2021-05-22 19:02:58
285
原创 状态机 Vuex
介绍采用集中式存储管理，解决组件之间状态共享的问题。组件间的通信就不再是一层一层的传递，而是通过 store 进行通信。通过仓库（vuex）管理状态。快速入门。安装 Vuexnpm install vuexsrc 目录下新建一个 store.js 并配置 store// 1、引入vueimport Vue from "vue";// 2、引入状态机vueximport Vuex from "vuex";// 3、注册Vue.use(Vuex);// 实例..
2021-05-16 20:56:37
122
原创 Web应用
JS WebWeb 开发原理WEB 应用使用客户端访问服务器的形式。一個完整的 web 应用包含客户端 (浏览器、移动设备)服务端 (服务===>获取静态资源)以 B|S 架构为基础C|S 架构（基于网络应用、例如 QQ 、微信、只要装客服端的都是 C|S 架构,服务器会主动往客户端发送数据），弊端:必须下载客户端，就会占内存。_clent _ | server客户端 | 服务器B|S 架构 （不用下载客户端，输入一个网址，就返回一个页面、数据
2021-05-09 22:32:33
164
原创 indexOf 与 findIndex 的区别
indexOf该方法返回可以在数组中找到给定元素的第一个索引；如果不存在，则返回-1。例一：let arr =[1,2,3];console.log(arr.indexOf(1));//0console.log(arr.indexOf(2));//1console.log(arr.indexOf(3));//2console.log(arr.indexOf(4));//-1例二:let arr1 =[“1”,“2”,“3”];console.log(arr1.indexOf(“1”)).
2021-03-14 11:22:14
640
原创 异步做远程接口的四个阶段
【单线程同步】 例如： 来了一个顾客(一个请求)，就分配一个服务员（内存空间），服务员将顾客点的菜交给后厨（后台），后厨开始做菜，厨房得把这个顾客点的菜做好了，交给服务员，服务员端给这个顾客，完成后才会招待下一位顾客。 注: 一个时间只有一个事情在做，完成后才可进入下一...
2020-11-22 22:39:44
160
原创 JS实现简易画图工具
【Canvas】画布Canvas为HTML5中新加入的标签， JS 可在上面进行绘画，Canvas一个矩形的单元。Canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。绘制图形的步骤:1、获取画布节点。2、获取上下文(即在这个区域进行绘画)getContext。3、使用 JavaScript 来进行绘制。****************************************************************下面用JS实现简易画图工具*******
2020-11-15 17:17:42
2268
原创 JS实现双色球()
【业务逻辑】: 1、双色球分为6个红色球和1个蓝色球,一个开始按钮和一个结束按钮。 2、红色球1-33的随机数,蓝色球1-16的随机数,点击开始按钮随机滚动随机数,点击结束显示随机数。【面向对象】：OrientedObject（AnalysisDesign分析设计） 把解决问的方法和步骤中 ，涉及到的属性和方法，封装一个构造函数（对象） ，即对象的抽象。【面向过程】：...
2020-11-08 22:12:41
1717
原创 js对象小结
【对象】数组是一组数据的有序集合，对象是一组数据无序的集合，拥有属性，方法1.1、【属性】对象拥有的数据1.2、【方法】对象拥有的操作2.3、【内置对象】数组、Set、Map、函数等2【创建对象】letname="zhangsan";letobj={name,age:18}console.log(obj.name);//zhangsan【遍历】1.for in 遍历到键letname="z...
2020-11-01 10:45:41
118
原创 集合小结
一个标识符（集合Set），可以存储多个数据，数据不能重复。集合的功能:去重(数组转集合,集合转数组)。2、【声明集合】构造函数://书写格式:letF70=newSet();//注:new后面的单词都要大写3、【数组的去重】//创建一个数组里面有重复数据letF70=["1","2","1"];console.log(F70);//['1','2','1']//将数组转换成集合去重letF71=newSet(F7...
2020-10-11 23:39:37
73
原创 函数小结
1、【函数的定义】1.1、JavaScript 使用关键字 function 定义函数。函数可以通过声明定义，也可以是一个表达式。1.2【函数的作用】实现特定功能的代码，可复用。1.3【函数的封装】即把可以实现一定功能的代码,封装成一个函数。1.4【函数的好处】1、提高开发效率2、复用，减少代码量3、开发、维护、更灵活，把功能分开来写，团队开发效率高4、参数、返回值，让函数更灵活1.4.【函数的三要素】1. 函数名2. 返回值return...
2020-09-26 21:53:54
699
原创 数组的小结
数组（array简写arr） 存放多个数据let arr=[],[]可以理解为放数据的仓库。将数据放在仓库之后，就可以对这个仓库，做一些你喜欢的事情，比如可以通过仓库的length属性consle.Log(arr.length)得到”仓库的长度”，比如衣柜是有第一格第二格，仓库呢也是有编号的，每个编号存放一个数据。而这个仓库的编号我们称做下标，0是起始下标。假如你忘记了”仓库”中的存放了多少个数据，又想找到最后一个。咋办呢？想想你下标是从0开始的，加入有三个数据，最后一个数据下标就是2，也就是说下标始终
2020-09-20 22:31:17
133
2
原创 猜数字
进入js后，果然和之前的差别很大，很绕，就很烧脑，思维不灵活的时候真的太难了。下面就分享一个小游戏，猜数字。猜数字：1： 电脑生成一个不重复的四位随机数，主函数进行获取。 1.1问题：主函数获取后输出时，输出了undefined，原因是我生成四位不重复的随机数时没给返回值。 1.2问题：生成四位不重复随机数时我用了for循环（循环四次），将随机数赋值给集合进行去重，之后用if语句判断集合长 度为4的时候，将集合转...
2020-09-14 23:16:09
299
原创 客户端落幕
为期一周的猫眼项目就此落下了帷幕，下面来说说做项目这一周的真实感受吧。刚刚拿到这个项目的时候真挺懵的，之前都是一个页面，突然之间让你写6个PC端，9个移动端共计15个页面，我的天呐！光图片都是几十兆，我吐了，这可咋整，一周时间不光写要出来，还要做出该有的效果，“我看你在为难我胖虎”。咋办啊？调整心态呗，谁叫咱是“乙方”呢！整体看了一遍项目和要求后，大致知道该如何完成了，大方向有了目标也就明确了，剩下的就交给天意吧。时间过得是真快，一敲代码该吃午饭了，再一敲额…放学了，又一敲这一天就没了，总的来说还是
2020-09-06 01:40:29
102
原创 猫眼项目
不知不觉已经1个多月， 在这学习前端的一个多月里，纠结过、迷茫过也认可过，接下来就是检验我这一个多月时间里的学习成果，一个为期一周的项目。项目简介： 项目分为PC端6个网页 1.登录、注册 2.电影首页 ...
2020-08-31 00:44:14
742
原创 遇到的问题
地铁、学校、家三点一线，回想起来我还是很喜欢这种感觉，虽然忙碌却很充实。这周做了两个大点的页面，豆瓣和阿里云的练习，相比上一周我要进步了一点点，因为看到页面我没有第一次的手足无措，脑袋也不是一片空白，反而出现了划分区域的画面，整体做下来感觉问题有还很多，但都是一些细节上的问题，对于我这个小白来说能够每天进步一点点我就很满足了，让我有足够的热情走下去，加油吧希望自己越走越远，越来越努力，越来越好。下面是分享我这一周遇到的一些问题。1.设置文本居中对齐时，单行可以设置行高使垂直居中，可是多行文字就不
2020-08-16 19:59:20
150
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人