自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(50)
  • 资源 (2)
  • 收藏
  • 关注

原创 uni-app是什么有啥子用?

uni-app 介绍uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。开发者通过编写 Vue.js 代码,uni-app 将其编译到iOS、Android、微信小程序等多个平台,保证其正确运行并达到优秀体验。uni-app 继承自 Vue.js,提供了完整的 Vue.js 开发体验。uni-app 组件规范和扩展api与微信小程序基本相同。有一定 Vue.js 和微信小程序开发经验的开发者可快速上手 uni-app ,开发出兼容多端的应用。uni-app提供了条件编译优化,可以

2020-09-14 14:32:18 71

原创 什么时候需要清除浮动,清除浮动的方法

什么时候需要清除浮动 ?当子元素设置了float属性之后,且父元素的高度和宽度没有进行设置,而是由子元素支撑起来,则会导致父元素的高度塌陷(原本的height后来被置为0)。详情如下图所示:清除浮动的方式1.在父元素内添加冗余元素clear:both;2.在父元素中设置属性overflow:hidden||auto...

2020-08-20 09:27:40 28

原创 C语言里面n%10和n/=10是什么意思

n%10 ,是得到n除以bai10以后的余数n/=10 ,相当du于n=n/10,是得到n除以10的商的整数zhi部分

2020-08-18 15:14:11 859

原创 小程序中for循环列表后点击不同列表跳转不同页面

奥利给,加油加油,加油最近没那么多事了,但是学习绝对不能拉下,加油代码:wxml:<view class="lingshi">零食天地</view><view class="lingshi-all" > <view class="lingshi-kuang" wx:for="{{lingshi}}" bindtap='changBtn' data-id="{{item.id}}"> <image src="{{item.src}}"

2020-08-12 11:27:21 194

原创 小程序中的页面切换3(无需新建页面,顶部导航栏)

小程序中的页面切换3

2020-08-11 21:23:15 45

原创 小程序中的页面切换2(不用新建页面,左侧导航栏)

不用新建页面

2020-08-11 21:10:10 50

转载 C语言中的与、或、非

1、逻辑与在C语言中逻辑与用bai&&表示。举例:a&&b(其中a、b都代du表一个条件)如果a和b都为真,则结果为真,如果a和b中有一个条件为假,则结果为假。2、逻辑或在C语言中逻辑或用||表示。举例:a||b(其中a、b都代表一个条件)如果a和b有一个或以上为真,则结果为真,二者都为假时,结果为假。3、逻辑非在C语言中逻辑非用!表示。举例:!a(a代表一个条件)如果a为假,则!a为真,如果a为真,则!a为假。以上三种逻辑运算符中,逻辑非 ! 的优

2020-08-09 18:25:10 521

原创 a++与++a的有啥区别

1.a++:a++先执行加1操作。++a:++a后执行加1操作。2.操作期间a值不同a++:a++在操作期间的a值为原值。++a:++a在操作期间的a值为原值+1。

2020-08-08 19:13:38 77

原创 各进制间的相互转换

1.十进制(1)、十进制转二进制十进制整数转换为二进制整数采用"除2取余,逆序排列"法。例如:(2)、十进制转八进制和转为二进制一样,将十进制数除以八,按顺序记录每次得到的余数,直到商为0,然后将得到的各个余数从最后得到的那个开始向右排起就是一个八进制数了例如:(3)、十进制转十六进制跟上面差不多,就是变成了除以16例如:2.二进制(1)、二进制转十进制从二进制的右边第一个数开始,每一个乘以2的n次方,n从0开始,每次递增1。然后得出来的每个数相加即是十进制数。(2)、二进

2020-08-07 17:05:22 271

原创 do-while循环的与for循环,while循环的区别是什么

一、bai循环du结构的表达式不同do-while循环结构表达式为:do{循环体;}。for循环的结构表达式为:for(单次表达式;条件表达式;末尾循环体){中间循环体;}。while循环的结构表达式为:while(表达式){循环体}。二、执行时判断方式不同do-while循环将先运行一次,因为经过第一次do循环后,当检查条件表达式的值时,其值为 不成立时而会退出循环。保证了至少执行do{ }内的语句一次。for循环执行的中间循环体可以为一个语句,也可以为多个语句,当中间循环体只有一个语句时,

2020-08-06 22:51:42 78

原创 echarts中如何为图表增加延时动画

animationDuration: 3000,animationEasing: "cubicInOut",

2020-08-05 19:36:27 274

原创 z-index与超链接a标签冲突了怎么办?

当设置了属性z-index:-1;时,有时候会发现a标签无法点击了,这是因为你设置了-1是将这个div标签向下移了一层,而鼠标点击的时候只能点击到最上边一层的div。解决方法,在你需要的模块处加z-index:-1;尽量不要涉及a标签,如果在你需要的模块处加z-index不管用可以试试加一个position:relative;...

2020-08-04 23:55:57 90

原创 vue如何进行页面跳转,跳转到一个新的页面?

1.创建了一个新的项目,目录结构一般如下在src目录下创建view文件夹,我在里面又建立了几个文件,以便进行设置(根据自己的需求创建文件,最少两个,一会说到)。2.对创建的文件进行配置大家可以看到在每个文件夹下都有相似的三个文件,分别是以js,html,vue结尾的文件,(其实这样的文件就是vue默认的文件配置,只是vue默认把它们分开在了不同的文件夹里(主入口文件main.js和根组件app.vue放在了src文件夹下,index.html主页面文件放在了public文件下))3.移动文件夹

2020-08-04 23:45:39 863

原创 vue中如何进行tab切换?

一种比较灵活简单的方式,直接复制代码,稍加修改即可使用<template> <div id="app"> <ul> <li v-for="(tab,index) in tabs" @click="toggle(index,tab.view)" :class="{active:active==index}" :key="(tab,index)"> {{tab.type}} </li> &l

2020-08-04 23:07:52 72

原创 css实现下拉选择菜单

代码:<style> .dropdown { position: relative; display: inline-block; }.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0

2020-08-02 14:27:23 51

原创 vue中用vue-router实现的列表切换

这个列表切换是在vue-router的基础上进行配置的1.先在components里面创建几个组件2.然后在router.js里面添加代码import Text1 from './components/Text1'import Text2 from './components/Text2'import Text3 from './components/Text3'3.在router.js里面我们需要在当前显示的页面的路由中添加代码routes: [ { pa

2020-07-27 08:22:56 65

原创 vue-router的安装与使用(看完必会)

加油,加油,加油

2020-07-24 18:16:11 146

原创 vue父传子、子传父、兄弟组件传参

父传子父组件<fatherTheSon class="fatherTheSon_box" :lists="'今晚打老虎'"></fatherTheSon>import fatherTheSon from '@/page/father_the_son'export default { components: { fatherTheSon }}子组件<p>{{lists}}</p>exp

2020-07-24 00:19:27 49 1

原创 Vue.js声明式渲染、条件与循环、事件绑定、双向绑定及生命周期

啊啊啊啊,最近真是忙的一匹啊,你知道这几天我是怎么过的吗(狗头),白天上课,晚上补课,还有作业。。。不过没关系,有压力才能进步呀,一起奥利给,加油下面步入正题坚信一句话  没有人会让你输 除非你不想赢1.Vue声明式渲染声明式渲染的意思是vue使用 “模板语法” 来声明式地将数据渲染进dom系统{{名}} 这个就是模板语法,而使用模板语法的这种方式(手段),就叫做声明式渲染例如2.条件与循环我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in

2020-07-22 20:29:50 51

原创 如何在微信小程序中应用echarts

echarts官网上讲的有点粗糙了,不太细致。我来细致的写一下https://echarts.apache.org/zh/index.html这是echarts的官网https://github.com/ecomfe/echarts-for-weixin先去这个网址把这个项目下载下来,后面会应用到。直接下载到电脑上即可仅拷贝 ec-canvas 目录到新建的项目下,然后做相应的调整。把刚刚下载的文件中的ec-canvas文件到自己的项目里的根目录下wxml 中,编写代码,内容如下:

2020-07-16 13:08:49 88

原创 微信小程序两点之间的距离计算

最近一直在上课,整理了一些零星的碎知识,水了几篇文章(虽然一直都挺水,哈哈哈),那么,既然如此,今天就继续水,come on雷霆嘎巴js页面 //当前定位位置 latitude: null, longitude: null, // 目的地坐标 latitude2: 5145, longitude2: 234,一个是当前位置的纬度坐标,设置成null会自动获取,第二个是目的地的经纬度。还是js页面onLoad: function (options)

2020-07-13 21:41:59 520

原创 css左边是图片右边是文字方法

<div id="container"><div id="photo"><img src="图片地址" /></div><div id="content"><div id="text">文字介绍</div><div id="news">新闻内容</div></div></div>CSS:#container {width: 100%;}#photo {flo

2020-07-09 18:39:11 846

原创 小程序的自定义组件和vant组件

小程序的自定义组件和vant组件

2020-07-09 18:38:30 152

原创 小程序API简单应用

这篇文章留着以后自己忘了回来看看知识的wxml<!-- 轮播图 --><swiper class="banner" indicator-dots="true" autoplay="true" interval="3000" duration="1000"> <view> <block wx:for="{{banner}}" wx:key="{{item.id}}"> <swiper-item> <

2020-07-07 08:35:58 55

原创 ES6知识点简单总结
原力计划

简单的总结一下es6中新增的知识点,好久之前简单学过,最近又看视频自己学了一些,简单的总结一下。

2020-07-01 20:25:54 126 1

原创 小程序API之天气预报查询及百度APIkey(ak)的申请
原力计划

简介:天气预报查询实时的天气状况,和实时温度,在input输入框中输入城市名称,点击搜索即可显示。wx.request发起https网络请求。默认超时时间和最大时间都是60s,超时时间可在app.json中设置。一个微信小程序同时只能有五个网络请求连接。我先一步一步写一下,写完后在最下面系统的帖一下所有代码。当然一步按步骤写也能写出来,但是没有样式而已1.动态获取输入的城市名在wxml中编写:为input输入框绑定bindKeyInput()函数<input placeholder="输入

2020-06-23 08:54:13 234

原创 小程序API简介及怎样实现用户登录
原力计划

不急不急

2020-06-22 13:42:58 115

原创 Vue.js环境安装教程及问题解决方法
原力计划

梳理一下vue的安装1.先安装node.js。 去官网下载然后安装即可,node.js网址https://nodejs.org/zh-cn/下载第一个即可,然后双击下载的安装包安装即可,安装选项建议全部使用默认值。在cmd控制台中使用 node -v命令如果出现了版本号证明安装成功啦2.检查npm是否安装成功,npm一般随node一起安装在电脑中,node如果成功了,npm也会自动安装上,在cmd控制台中使用 npm -v 检查是否安装成功3.现在node环境已经安装完成了,n

2020-06-15 14:45:08 155

原创 微信小程序中的列表切换1(需进行新的页面的创建)

感觉这列表切换有点类似于轮播图,而且感觉这代码直接可以拿来用,稍微改一改样式什么的就OK了,列表切换也是用到的地方也很多wxml中的代码如下:<!-- 标签页面标题 --><view class="tab"> <view class="tab-item {{tab==0?'active':''}}" bindtap="changeItem" data-item="0">音乐推荐</view> <view class="tab-item.

2020-06-08 19:32:17 184

原创 微信小程序中的轮播图

微信小程序中的轮播图感觉是最最最最简单的了,靠scroll这个组件就可以实现。有横屏轮播图和竖屏轮播图,到时候用到了,可以直接复制代码使用横屏轮播图wxml代码:<swiper class="content-info-slide" indicator-color="rgba(255,255,255,.5)" indicator-active-color="#fff" indicator-dots circular autoplay> <swiper-item> &lt

2020-06-08 19:31:28 137

原创 五个前端开发在线工具推荐
原力计划

1.EnjoyCSS老实说,虽然我做过许多前端开发,但我并不擅长 CSS。当我陷入困境时,EnjoyCSS 是我的大救星。EnjoyCSS 提供了一个简单的交互界面,帮助我设计元素,然后自动输出相应的 CSS 代码。EnjoyCSS 可以输出 CSS、LESS、SCSS 代码,并支持指定需要支持哪些浏览器及其最低版本。开发简单页面时用起来比较方便,但不太适合复杂一点的前端项目(这类项目往往需要引入 CSS 框架)。Prettier 是一个代码格式化工具,支持格式化 JavaScript 代码(

2020-06-07 08:51:11 549

原创 咱也聊聊地摊经济

最近这两天晚上出门,街上是到处都是摆地摊的,看得我呀也是有点蠢蠢欲动的呢,奈何咱是个穷学生,没有合伙人也没有资金支持,但是如果真要摆个地摊的话,也不知道要买点啥,毕竟不能盲目跟风,不能真卖假发吧,哈哈哈哈,如果以后真要是找不到工作的话,晚上出去摆摆摊,这也是个挣外快的不错的选择。...

2020-06-06 21:59:29 394

原创 为什么要学习Vue——前端框架角度

1什么是框架框架(Framework)是整个或部分系统的可重用设计,表现为一组抽象构件及构件实例间交互的方法;另一种定义认为,框架是可被应用开发者定制的应用骨架。前者是从应用方面而后者是从目的方面给出的定义。可以说,一个框架是一个可复用的设计构件,它规定了应用的体系结构,阐明了整个设计、协作构件之间的依赖关系、责任分配和控制流程,表现为一组抽象类以及其实例之间协作的方法,它为构件复用提供了上下文(Context)关系。因此构件库的大规模重用也需要框架。构件领域框架方法在很大程度上借鉴了硬件技术发展的

2020-06-06 20:05:34 222

原创 css实现3D立体视频翻转动画

从别的地方看到一个特效,图一是鼠标没有移动上去,图二是鼠标移动上去的效果,实现思路不难,对两个立方体进行编辑。但是真正写起来,还是感觉有一些复杂的,html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ..

2020-06-06 18:52:44 185

原创 微信小程序中bindtap不能跳转tabBar界面解决方法

navigateTo, redirectTo 只能打开非 tabBar 页面。switchTab 只能打开 tabBar 页面。reLaunch 可以打开任意页面。解决方法:把index.js中的wx.redirectTo换成wx.reLaunch

2020-06-06 10:10:13 297

原创 css实现折叠卡片效果

文字和视频什么的可以自己改变HTML:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="styl.

2020-05-28 13:41:24 284

原创 css实现鼠标悬停效果

感觉css的话,原来的我认为很难学,挺生涩的,但是认真看了以后,感觉css很有意思,能写出很多好看的样式,只要多做几个例子,其中有哪个属性不明白,自己查明白,然后把做出来的东西从头到尾顺一遍,思路就会清晰一些,css基础的东西挺简单,就看你会不会利用回了。html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport.

2020-05-27 15:19:33 89

原创 css与js实现轮播图效果

HTML代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3.1.1.js"></script> <link rel="stylesheet" href="css/轮播样式.css"></h.

2020-05-20 14:06:08 75

原创 HTML表单的输入控件

HTML表单的输入控件主要有以下几种:文本框,对应的,用于输入文本;口令框,对应的,用于输入口令;单选框,对应的,用于选择一项;复选框,对应的,用于选择多项;下拉框,对应的,用于选择一项;隐藏文本,对应的,用户不可见,但表单提交时会把隐藏文本发送到服务器。...

2020-05-20 13:49:14 86

原创 CSS实现橡皮筋效果

HTML代码:<body> <div class="container"> <h1 class="text">Rubber Band Animation</h1> <button class="btn">Hover me </button> <div class="box"></div> </div></body>c.

2020-05-13 10:42:27 323

jquery-3.1.1.js

jquery-3.1.1.js,前端一般都会用到的。

2020-05-20

携程网首页主要利用flex布局实现

利用flex布局完成了对携程网首页的制作,主要是flex为主,其他为辅的一个源代码分享给大家,希望可以对大家有帮助

2020-05-02

空空如也

空空如也

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

TA关注的人 TA的粉丝

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