- 博客(19)
- 收藏
- 关注
原创 关于微信小程序的一些小点
小程序的基本认知1.微信小程序的安装1)在百度搜索“微信小程序”,选择小程序2)在开发者工具中选择相应的版本下载3)推荐安装64位稳定版4)安装完毕2.新建小程序项目1)在启动页填写项目名称、目录、AppID(选择测试号)3.程序框架1)根目录下两个文件夹,pages是用于存放页面文件的文件夹;utils是用于存放公共js的文件夹;2)小程序大致分两块,首页和分页。首页即登录后展示的第一个页面,首页和分页分别占一个文件夹,且都包含在pages文件夹下,很显然,初始化的小程序只有两个页面(
2022-05-27 17:37:15
208
原创 煜龙项目介绍
项目场景:提示:这里简述项目相关背景:最近四人合作写了煜龙的项目创建项目提示:这里描述项目:第一,要写好一个项目,要先把框架搭起来让我们看看里面都有些什么项目分析:提示:这里填写项目的分析:搭建好项目,我们家可以开始构思要怎么写了看到主页面有两个大块分别是职教板块和留学板块先来看看职教板块这是一整个主页,下面有一个导航栏是固定在页面底部的用css来设置一个绝对定位就可以解决.bottom { width: 3.75rem; height: 0.6r
2022-05-05 19:03:15
249
原创 美食杰——发布菜谱2
发布菜谱21.实现这个要在input框中使用双向绑定在增加一项添加点击事件<div class="raw-item" v-for="(item,index) in value" :key="index"> <el-input placeholder="请输入内容" style="width: 200px" v-model="item.name"></el-input> <el-input placeholder="请输入内容"
2022-03-22 21:15:36
343
原创 美食杰 发布菜谱
总体思路1.发布菜谱:1) 页面加载的时候, 显示一组数据,供用户选择2) 点击提交的时候,收集齐当前页面用户填写或选择的所有数据效果:2.引入后端数据export default { name: 'create', components: {Stuff,Upload,UploadImg}, data(){ return { properities:[],//页面展示的数据 backData:{//向后端发送的数据 ti
2022-03-21 20:37:14
754
原创 美食节——美食空间
美食空间1.显示别人的信息:.地址栏中如有userID,则显示对应用户的数据2.显示自身的信息.如果没有,则默认显示自己的空间需要注意的点.如果在菜谱中点击了自己,进入空间,也是有userid;.自己的userID不需要从后端拿,登陆时,存在了vuex中1.先封装数据const getOtherInfo = { async works(params){ let data = (await getMenus(params)).data dat
2022-03-15 20:52:31
307
原创 个人页面与作者界面
个人页面与作者界面1.大体思路1.显示别人的空间 地址栏中如有userId 则显示对应的用户数据2.显示自身空间 如果没有userId 则默认显示自己信息 如果在菜谱中 点击自己 也是有userId传递 通过判断是否为自己的 如果是,不需要后端拿,登录时,个人信息已经存在vuex中watch:{ $route:{ async header(){ let {userId} = this.$route.query;
2022-03-14 22:08:03
456
原创 登陆与注册
登陆与注册1.路由守卫路由每次跳转的时候,路由守卫都会进行一个审核。2.使用路由守卫有些路由时需要登录状态的,判断登录状态(是否需要登录) 不需要登录的, 直接跳转 需要登录的:进入下一步判断: a. 判断是否已经登录,如果以及登录,直接跳转 b. 判断是否已经登录,如果没有登录,跳转到登录页var isLogin = true;//是否登陆router.beforeEach(async (to,from,next)=&
2022-03-13 20:10:30
595
原创 2021-10-25 关于组件&&瀑布流
关于组件&&瀑布流1.为什么要封装组件如果一块内容在项目中出现了两次就要考虑是否应进行封装一个组件、一个函数、一个css 只要是需要多次使用的都可以考虑封装2.组件内哪些定义在组件里哪些定义在组件外组件内相同的写在组件里组件内有不同的写在组件外,哪里调用写哪里。3.怎么封装组件 1.数据从父组件传入(子组件本身尽量不要生产数据,如果需要生成数据,只能在组件内部进行使用,不要传递出去。)props: { num:{ type: Number, }}对于通过prop
2022-03-10 19:46:05
383
原创 2020-11-30BOM练习
1.节点控制各行换色<button id="btn">按钮</button> <ul id="uu"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul><script type="te
2020-11-30 09:26:31
124
原创 2020-11-26 DOM3
DOM事件.事件的委派 <script type="text/javascript"> window.onload = function(){ // 获取按钮 var btn = document.getElementById("btn") // 获取ul var ul = document.getElementsByTagName("ul")[0] btn.onclick = function(){ // 创建li var
2020-11-26 19:03:41
103
1
原创 2020-11-25 DOM2
当鼠标移动时所在的坐标点鼠标移动事件are.onmousemove = function(event){ console.log(event)兼容浏览器event = event || window.event获取坐标 var x = event.clientX var y = event.clientYonscroll当页面滚动到底部时,将input框设置为disabled = false// 获取p标签 对象var info = document.g
2020-11-25 19:00:09
78
原创 2020-11-24DOM
DOM1.DOM是什么?Document Object Model 文档对象模型2.Elementhtml标签 == 元素 == 节点 Element举个栗子 <a id="a" href="">baidu</a> <script type="text/javascript"> console.log(document.getElementById("a")) // 根据id获取指定元素(标签)对象,将数据存储到本地变量a中
2020-11-24 10:46:09
153
原创 11-05练习
练习题1.找到数组 [-1,-2,1,10,4,5,8] 中的最大值,至少写出两种方法var arr = [-1, -2, 1, 10, 4, 5, 8];// 第一种var max1 = Math.max.apply(null, arr);// 第二种var max2 = arr.sort(function(a, b){ return b - a;})[0];// 第三种var max3 = -Infinity;for (var i = 0; i < arr.length
2020-11-05 08:14:45
200
1
原创 11-02 正则与正则方法
正则[0-9] 匹配一个0-9的数值var patt = /[0-9]/\d 匹配一个0-9的数值\D 匹配一个除了0-9的数值[^0-9] 匹配一个除了0-9的数值\w 匹配一个 0-9 a-z A-Z _的字符\W 匹配一个除了 0-9 a-z A-Z _的字符[0-9a-zA-Z_] 匹配一个 0-9 a-z A-Z _的字符[0-9A-z_] 匹配一个 0-9 a-z A-Z _的字符[^0-9A-z_] 匹配一个除了
2020-11-02 16:56:10
133
原创 10-29 1.函数的方法 2.arguments 3.包装类
1.函数的方法call() apply() bind()1- 重定义this2- bind() 此方法使用时必须添加小括号 bind(重定义的this)()//1- call 支持字符串 数组作为参数 obj.myFun.call(db,["东土大唐","西天取经"],["女儿国"]) // 2- apply 支持数组作为参数 obj.myFun.apply(db,["东土大唐","西天取经"]) // 2- bind() 此方法使用时必须添加小括号 bind(重定
2020-10-29 20:17:37
106
原创 10-28字符串函数
字符串函数定义一个字符串var str = "Aheloworld";1- 获取字符串的长度 lengthconsole.log("str变量中字符串的长度为:"+str.length)2- 在字符串中,每个字符是可以通过下标指定以0开始的,可以通过下标的方式获取字符串中的值,但是不能进行更改console.log(str[1])3- charAt()方法可返回指定位置的字符var str1 = str.charAt(3) console.log("通过charAt()方法指定下标
2020-10-28 19:26:33
77
原创 10-27Date函数
Date 函数Date对象 – 时间四种初始化日期格式new Date();new Date(value);new Date(dateString);new Date(year, monthIndex [, day [, hours [, minutes [, seconds [, milliseconds]]]]]);创建一个日期对象var today = new Date() var d1 = new Date("October 13, 1975 11:13:00") v
2020-10-27 19:26:14
164
原创 10-27js Math 函数
Math 函数Math 和其他对象不同,他不是一个构造函数 他属于一个工具类不需要创建对象,但是里面封装许多运算的属性和方法PI 圆周率console.log("圆周率"+Math.PI)2.abs() 绝对值 var num = -1; console.log("求绝对值:"+Math.abs(-1))3.ceil() 向上取整var a = 3.1; console.log("ceil(3.1)向上取整"+Math.ceil(a))//4var a =
2020-10-27 18:53:36
140
原创 10-26数组函数
数组函数1.map这个方法是将数组中的每个元素调用一个提供的函数,结果作为一个新的数组返回,没有改变源数组举个栗子var arr = [1,2,3,4,5,];function m(a){ return a * 2}var newArr = map(m)console.log(newArr)2.forEach这个方法是将数组中的每个元素执行传进提供的函数,没有返回值arr.forEach(function(a){ if(a > 5){ console.
2020-10-26 18:54:01
151
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人