SL小飞-CSDN博客

原创 vue 自定义上传图片组件

新建个vue文件<view class="fill-image-item flex flex-column flex-align" style="width:图片的宽度;height:图片的高度;" @click="updataImage"> <image v-if="inputUrl" :src="inputUrl" style="width:214rpx !important;height:214rpx !important;"></image> //这里是在后

2022-01-21 16:02:57 983

原创 uniapp 微信内置浏览器h5打开app

主要就是使用微信jssdk中的开放标签wx-open-launch-app’使用微信 JSSDK可以用npm下载并安装先新建文件并在里面声明开放标签import wx from '这是你引进来的微信jssdk地址'export default { wxjs(){ uni.request({ url:这是你们后端返回appid、签名等的接口， methed:'get', then((res)=>{ wx.config({ debug: true, /

2022-01-21 15:45:04 3199

转载 JavaScript常用的几种排序

1、冒泡排序原理：从第一个元素开始，把当前元素和下一个元素进行比较。如果当前元素大，那么就交换位置，重复操作直到比较到最后一个元素。var arr = [1,20,50,3,12,15,25,35,26,88]function sorts(arr) { for (var i = 0, len = arr.length; len > i; i++) { for (var j = 1, leng = arr.length; leng > j; j++) {

2021-04-27 14:51:45 108

转载 javascript——原型与原型链

prototype在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。例如：function Person(age) { this.age = age }Person.prototype.name = 'kavin'var person1 = new Person()var person2 = new Person()console.log(person1.name) //kavinconsole.log(person2.nam

2021-04-25 10:32:50 105

原创 javascript闭包

闭包，是 Javascript 比较重要的一个概念，对于初学者来讲，闭包是一个特别抽象的概念，特别是ECMAScript 规范给的定义，如果没有实战经验，很难从定义去理解它。因此，本文不会对闭包的概念进行大篇幅描述，直接上干货，让你分分钟理解闭包！一睹为快简单的描述几种写法function one() { var number = 0; function two() { console.log(number + 1) } return two;}var

2021-04-25 10:15:12 146

原创 js打开手机摄像头实现扫描二维码功能

js打开手机摄像头在js中使用navigator.getUserMedia这个api可以点击查看api的使用navigator.getUserMedia这个api是结合https协议使用的，在http协议中摄像头是无法打开的var video = document.querySelector('video');navigator.getUserMedia({ audio: false, video: {

2021-04-20 15:19:17 2731

原创 qrcode.js在线生成二维码

在操作生成二维码之前，要把qrcode.js、axios.min.js和jquery-3.4.1.min.js下载或者在线文件放到页面上去：html代码：<!DOCTYPE html><html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de

2021-04-06 10:23:08 429

原创 js数据类型之间的操作

一、字符串与数组之间的操作:1、字符串转数组：split() 方法用于把一个字符串分割成字符串数组arr：'123456,23353,35434'list = arr.split(',')//list = ['123456','23353','35434']arr :'123456789'list = arr.split('')//list = ['1','2','3','4','5','6','7','8','9']字符串的分割:arr = '123,456,789'str1 =

2021-04-06 10:07:27 96

原创 html中a标签锚点定位的运用

在制作网页时，我们常常遇到需要添加侧边导航，通过点击导航让页面自动滚动到指定位置，如：手机电商网站的分类。这就涉及到标签的锚点应用，把它称为“锚点标签”。##锚点就是在一个页面上调到某个指定的位置，称之为超链接。##运用锚点先做锚记，再指向锚记的位置链接方法一：使用a标签作为锚记和链接，网上俗称使用“name”定位，代码如下//锚记<a href="#mao">点击此处到指定位置</a>//锚记位置<a name="mao">指定位置</a>

2021-04-06 09:47:33 8855

原创瀑布流布局

小程序之瀑布流布局废话不多说，直接上代码index.wxml模块先是把屏幕分成两半，为了节省编译时间就用了template模块 <view class="theme"> <view class="left"> <block wx:for="{{leftList}}" wx:key="id"> <tem...

2019-12-02 16:44:52 94

原创微信小程序的样式

微信小程序的各种样式轮播图的点的样式{width: 50rpx; height: 16rpx; border-radius: 40rpx;indicator-color="white" indicator-active-color="#FD7564"}文本往后移{text-indent: }文本不换行{text-overflow: ellipsis; overflow...

2019-12-02 16:17:03 233

原创微信小程序之分类页面功能

catalog.wxml<view class="containers"> <input class="search" type="text" value="{{keywrod}}" placeholder="输入搜索关键字" confirm-type="search" bindinput="inputChange" bindfocus="inputFocus" bind...

2019-10-29 11:36:11 9108 5

原创微信小程序之购物车功能

##cart.wxml{{item.title}}{{item.num}}{{item.price}}{{item.number}} 总计￥ ...

2019-10-29 11:03:46 269

原创微信小程序之提示框弹框

1.显示消息提示框，长度不超过12个字节，即6个汉字wx.showToast({title: '演示1',})2.显示loading提示框，主动调用wx.hideLoading()才能关闭wx.showLoading({title: '演示2',})wx.hideLoading();3.显示模拟弹...

2019-10-24 11:06:48 1069

原创微信小程序之图片轮换

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

2019-04-25 00:29:26 546

灵魂创作者的博客