自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js多张图片自右向左滚动

js多张图片自右向左滚动只需设置容器宽度和滚动盒子宽度即可,滚动元素设置id=marquee2<script type="text/javascript"> var AutoScroll_cont = function (a, b, c, d) { this.frameId = a; this.frameWidth = b; //滚动框宽度 this.speed = c; //移动速度(单位毫秒,越小越快) this.space = d; //每次移动像素

2022-04-07 14:12:20 1326

原创 js展开收起

js展开收起js实现展开全部内容,收起全部内容_撸猫@冒泡泡的博客-CSDN博客_展开全部内容html<div class="left-content"> <p>《考试与招生》杂志自改刊以来,在广大考生、教师、家长和社会各界的大力支持帮助下,社会影响日益扩大,刊物质量不断提高,为广大考生备战高考和宣传各类招生考试政策、信息等方面发挥了重要作用。</p> <p> “致力于为普通高考及其他各类教育考试与招生服...

2022-04-01 10:34:24 1503 1

原创 活动倒计时

活动倒计时调用:this.Interval(开始时间,结束时间)时间格式:"2022-01-05 16:30:50"Interval(strTime, endTime) { var strTime = new Date(strTime).getTime() var endTime = new Date(endTime).getTime() let now = new Date().getTime();...

2022-04-01 10:33:50 120

原创 uniapp网页生成二维码并转化为图片

点击分享弹框资源来自:https://github.com/yingye/weapp-qrcode#readme<form class="form"><view class="uni-btn-v uni-common-mt"><view formType="submit" type="primary" @tap="showModal" data-target="Image">分享&lt...

2022-04-01 10:33:23 679

原创 移动端使用rem自适应

js文件window.onload = function () { /*375代表设计师给的设计稿的宽度,你的设计稿是多少,就写多少;100代表换算比例,这里写100是 为了以后好算,比如,你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ getRem(375, 10)};window.onresize = function () { getRem(375, 10)};function getRem(pwidth, pre

2022-04-01 10:32:06 209

原创 2021-08-22

vue中兄弟组件间传值的方法:1、数据放在公共的父组件再一层一层的传递。2、利用vue(常用于多个组件共用一个数据,对于一两个组件的话大可不必)3、利用事件总线来解决利用uni.$emit来进行触发事件的变化```handlebars<template> <view class=""> <input type="text" v-model:value="numA" /> <button type="default" @click="submi

2021-08-22 22:59:45 47

原创 vue基础-day06

一、sessionstorage,localstorage和cookie之间的区别共同点:都是保存在浏览器端,且同源的。不同点:1、存储大小不同webStorage存储大小有限制,可达5M或更大;cookie存储数据不能超过4K2、数据有效期不同webStorage始终有效,窗口或浏览器关闭也一直保存;cookie只有设置的cookie过期时间之前一直有效3、事件通知机制webStorage支持事件通知机制,而cookie则不支持4、API接口webStorage自带一些API接口,可以

2021-06-29 11:59:35 124

原创 vue基础day04-v-if、v-else及插槽solt的使用

一、v-if、 v-else、 v-else-if的用法代码实例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content

2021-06-27 22:07:30 1361 1

原创 vue基础-day05-vue路由使用以及组件扩展

1、Vue组件的定义组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的 组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。组件化和模块化的不同:模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能 模块的职能单一。组件化:是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用2、组件定义2.2 全局定义组件和局部定义组件:在组件中,data需要被定义为一个方法,将data设置为一个函数,而不是

2021-06-27 22:05:55 158

原创 vue基础-day03

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

2021-06-24 20:52:01 162

原创 vue基础day02

vue基础day021、Vue.filter过滤器 **概念:** Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方: mustache插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部,由“管道”符指示。 **作用:** 在我们页面显示值之前加一层过滤,展示我们过滤后的值 **注意事项:** 过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 **使用语法:**{{变量 | 过滤器名}

2021-06-23 11:43:44 65

原创 vue基础-day01

1.MVC与MVVM的区别 MVC 是后端的分层开发概念。分为view(视图层)、controllor(调用层)、model(数据层),视图层是展示给用户的,调用层可以看作是为视图层和数据层传递信息的。 MVVM是前端视图层的概念,主要关注于视图层分离,也就是说:MVVM把前端的视图层,分为了三部分Model、View、VM ViewModel;2. Vue.js的代码结构1、引入vue.js2、写视图层:我们要展示的内容3、实例化Vue() ...

2021-06-22 10:29:47 89

空空如也

空空如也

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

TA关注的人

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