- 博客(121)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 git合集
配置用户不配置不能提交代码git config --listgit config --global user.name 你的名字git config --global user.email 邮箱git 初始化git init -y分支创建分支git branch 分支名删除分支git branch -D 分支名 // 删除分支名 （不能在当前分支删除当前分支）注意：当你在主分支 创建一个分支 并添加文件 此时的文件是属于主分支还是 分支
2021-01-06 14:04:59
245
1
原创 canvas
什么是canvasHTML5的 canvas 元素使用 JavaScript 在网页上绘制图像画布是一个矩形区域 你可以控制其每一像素 canvas 拥有多种绘制路径 矩形 字符 以及添加图像的方法体验Canvas向HTML5 页面添加canvas 元素 规定元素的 id 宽度和高度<canvas id='canvas' width='300px' height='300px'></canvas>var canvas=document.querySelector('#c
2021-10-01 14:16:44
268
原创 getApp()获取不到的情况
getApp() 使用getApp() 函数用于获取当前应用实例，一般用于获取globalData 。const app = getApp()console.log(app.globalData)注意:不要在定义于 App() 内的函数中，或调用 App 前调用 getApp() ，可以通过 this.$scope 获取对应的app实例通过 getApp() 获取实例之后，不要私自调用生命周期函数。获取不到的情况当我们需要在应用生命周期中去获取 getApp 此时是获取不到的 此时
2021-09-25 15:19:12
4905
转载 小程序里说的冷启动和热启动是什么
小程序启动小程序启动可以分为两种情况，一种是冷启动，一种是热启动。冷启动 ：如果用户首次打开，或小程序销毁后被用户再次打开，此时小程序需要重新加载启动，即冷启动。热启动 ：如果用户已经打开过某小程序，然后在一定时间内再次打开该小程序，此时小程序并未被销毁，只是从后台状态进入前台状态，这个过程就是热启动。下面解释一下上面提到的前/后台状态和销毁前台/后台状态小程序启动后，界面被展示给用户，此时小程序处于前台状态。当用户点击右上角胶囊按钮关闭小程序，或者按了设备 Home 键离开微信时，小程序并没
2021-09-25 14:49:44
3092
原创 uniapp 背景图
背景图须知官网参考链接使用本地路径背景图片需注意：为方便开发者，在背景图片小于 40kb 时，uni-app 编译到不支持本地背景图的平台时，会自动将其转化为 base64 格式；图片大于等于 40kb，会有性能问题，不建议使用太大的背景图，如开发者必须使用，则需自己将其转换为 base64 格式使用，或将其挪到服务器上，从网络地址引用。本地背景图片的引用路径推荐使用以 ~@ 开头的绝对路径注意：小程序不支持本地图片做背景图 仅仅支持 网络图片 和 base64(需要自己手动转) ba
2021-09-25 14:00:10
869
转载 ‘错误码:80058,desc of scope.userLocation is empty’的解决方案
1.问题描述：使用uniapp开发微信小程序后发布上传时报错。2.解决方案：这个问题是项目内的manifest.json文件=>微信小程序配置=>位置接口=>填写申请权限原因为空导致因为空导致，填上权限申请原因即可...
2021-09-25 13:42:33
1251
原创 小程序场景值
对于小程序，可以在 App 的 onLaunch 和 onShow，或wx.getLaunchOptionsSync 中获取上述场景值。对于小游戏，可以在 wx.getLaunchOptionsSync 和 wx.onShow 中获取上述场景值基于场景下判断 新版本是否更新从朋友圈进入小程序 无法获取本地存储的登录信息 // 不兼容 api 场景1154: 朋友圈内打开“单页模式” if(e.scene!=1154){ //版本更新 const u..
2021-09-20 17:22:19
445
原创 css 背景图自适应和位置的设置
关键代码width: 100%; height: 100rpx; background: url() no-repeat left bottom; background-size: 100%; // 让背景图自适应盒子的大小 padding-left: 106rpx;
2021-09-18 15:30:23
571
1
原创 文本超出显示省略号...，设置超出两行省略号换行不生效的问题
参考文章在小程序中 当我们需要设置 横向滚动 内部元素对文字进行省略 换行 这个需求时 无效BUG 分析:scrcoll-view 要想实现横向滚动 有坑 需要假下列代码 导致我们 换行失效的 一句代码white-space: nowrap;具体参考scoll-view 横向滚动实现如何填坑文子显示省略号 换行 代码一行white-space:nowrap;/*规定段落中的文本不进行换行*/overflow:hidden;/*内容会被修剪，并且其余内容是不可见的。*
2021-09-18 15:04:41
1209
原创 vue 动态 class
定义变量数组 ：class=[条件？类名A ： 类名B]对象 {类名A :条件A,类名B :条件A}动态style*一定定义变量 style={key:value,…}
2021-09-14 01:30:24
72
原创 原生小程序合集
小程序的版本预览版本 编译器上看开发版本 添加过开发者人员可看 可以切换体验版本体验版本 体验成员审核版本 提交审核线上版本微信小程序基本框架的构成wxmlwxsswxsjs小程序的模板// xml<template name="template"> <view> <view>收件人：{{name}}</view> <view>联系方式：{{p
2021-09-11 15:23:57
417
原创 uniapp 运行环境 平台 机型 判断
运行环境uni-app 可通过 process.env.NODE_ENV 判断当前环境是开发环境(运行) 还是生产环境（发行） 一般用于连接测试服务器或者生产服务器的动态切换本地 http:// localhhost:3000线上 http://yangyay.clud测试服务器: development生产服务器: productionlet baseUrl = null;if(process.env.NODE_ENV =="development"){ // 本地服务器 baseU
2021-09-10 16:50:54
2032
原创 小程序 web-view 使用
web-view 组件是一个可以用来惩戒网页的容器 会自动铺满整个小程序页面 注意个人类型 与 海外类型 的小程序 暂不支持使用<web-view src = "https://mp.weixin.qq.com/"> </web-view>如果想在H5 页面调用小程序提供的一些接口 就必须在H5页面中引入JS<script src="https:res.wx.qq.com/open/js/jweixin-1.3.3.js"></script&g.
2021-09-10 13:23:57
164
原创 小程序 购物车添加
功能描述 在详情页里 点击加入购物车进入购物车页面 之前 需要判断当前页面是否登录如果登录了 看是否有购物车商品 展示由于在调用接口时 token传给后台 登录检测功能是后台判断好的前端只要拿到状态码返回的code码 200 403 决定提示的内容即可...
2021-09-10 12:40:31
128
原创 小程序获取用户信息（昵称 .头像.电话号码）
获取用户信息（头像和昵称）获取用户信息。页面产生点击事件（例如 button 上 bindtap 的回调中）后才可调用，每次请求都会弹出授权窗口，用户同意后返回 userInfo。 没有授权不能直接调用 wx.getUserProfile(Object object)如果已经授权 直接调用 API 获取 wx.getUserProfile(Object object)注意：调用API 之前一定要检测 用户是否授权 wx.getSetting()获取用户的电话号码场景描述一键
2021-09-09 21:42:15
1477
原创 小程序生成骨架屏
骨架屏 点击右下角三个点 生成骨架屏 有两个文件 （骨架屏的模板文件 和样式和文件）把模板和样式引入到页面中<import src="./sort.skeleton.wxml"/><template is="skeleton"/>@import 'sort.skeleton.wxss';把模板和实际内容 二选一出现 定义一个load变量 判断数据是否加载完成全局配置 骨架屏的样式 页面样式会覆盖全局// project.config.jso
2021-09-09 13:12:42
288
原创 组件的封装
完成公共组件的封装的要求传入不同的要求实现不同的按钮内容不同样式不同 支持多样式大小不同能禁用页面传入不同的参数实现不同按钮 添加文档说明，-》------------------------------------ 待更...
2021-09-05 15:52:16
73
原创 Websoket
原生webSocket为什么需要 websocket因为HTTP协议有一个缺陷 通信只能由客户端发起 例如 我们想了解今天的天气 只能是客户端向服务器发送请求 服务器返回查询结果 HTTP协议做不到服务器主动向客户端推送消息实现方式连接成功建立的回调方法ws.onopen = function(){cosole.log('webSocket 建立连接')}连接发生错误的回调方法ws.onerror = function(){cosole.log('webSocket 连接发
2021-09-05 15:48:13
70
原创 web前端性能优化
图片懒加载为什么要进行懒加载当我们进入某个页面的时候 会有许多的图片 有些图片可能在下面 当我们点进页面当没有滑动全部展示时 其实下面的图片是没有作用的 这个时候如果说加载了也相当于白加载 而且还降低了网页的加载速度 那懒加载就是只有滚动到可视区域才加载当前的图片 也就是说不是一次加载所有的图片 从而在一程度减少服务端的请求级宽带懒加载的有点提高前端性能 图片在需要的时候才能加载 减轻服务的负担 提高页面的加载速度 能够减少带宽实现原理图片的加载是由src 的值引起的 当
2021-09-05 15:12:23
51
原创 vue 和 vant移动端项目开发
统一处理页面访问权限在路由meta字段中配置 需要登录的子段页面在跳转时 在全局钩子根据该字段进行判断 没有登录next(false) 弹窗扩展小程序购物车没有登录会显示 未登录的页面 点击按钮跳转登录页 获取手机号进行登录。。。。待续...
2021-09-05 14:35:56
312
原创 文件上传不同类型简介
文件是以二进制存在的那么某种意义上我们确实可以将文件转成例如文本形式的 Base64 形式。但是呢，你转成这样的形式，后端也需要按照你这样传输的形式，做特殊的解析。并且文本在传输过程中是相比二进制效率低的，那么对于我们动辄几十M几百M的文件来说是速度是更慢的multipart/form-data?以二进制进行传输application/x-www-form-urlenco此类型不适合用于传输大型二进制数据或者包含非ASCII字符的数据。平常我们使用这个类型都是把表单数据使用url编码后传
2021-09-04 20:44:17
572
原创 form-data 文件上传
如果后端接口要求 Content-type 是 multipart/ form-data 则一定要提交 FormData 数据对象 专门的文件上传 不能提交普通对象 const file = document.querySelector('input') let temp; file.onchange = function(e){ // 读取文件 temp = file.files[0]) console.log(f.
2021-09-04 20:39:43
168
原创 vuecli vue.congfig.js
dev server devServer:{ port:8080, host:'localhost', open: true //默认不会自动打开 配置浏览器自动访问 } ------------------------------->待更
2021-08-17 14:04:56
71
原创 vue 和 elmentui开发后台系统项目总结
当我们用elment el-aside el-header 进行布局 组件和边框是有间距的当你使用NavMenu 导航菜单 是无法全屏的当你屏幕缩小时内容会被压缩 设置最小宽度 有滚动条保证内容完整显示 // 在mian.js global.css (全局的引入) html, body, #app { width: 100%; height: 100%; margin: 0; padding: 0; min-width: 1366px;}.
2021-08-17 13:51:30
698
转载 vue项目中,为什么elementUI中“NavMenu 导航菜单“中的参数unique-opened设置无效?
如图所示，设置完unique-opened为true之后，还需要再设置el-submenu或者el-menu-item中index的唯一性，如果index中有一样的，那么设置的unique-opened就会无效
2021-08-16 20:53:03
2033
原创 js模块化
Es6 模块化模块功能主要有两个命令构成：export 和 import export 命令用于规定模块的对外接口import 命令用于输入其他模板提供的功能注意： Es6模板自动采用严格模式 不管你有没有在模块头部加上 “use strict”export* 在 export 后边直接定义变量或者方法* 用花括号 {}导出变量名或者方法名* 在导出模块的时候可以自定义名字//形式一 export var a =1;export function fn(){} // 形式二
2021-08-06 15:40:12
197
原创 express
express简介node 内置模块用起来很复杂 开发效率低 express 是基于node内置的http模块进一步封装出来的 能够极大的提高开发效率express 安装在项目所处的目录中 运行如下的终端命令 即可将express 项目中使用npm i [email protected] express = require("express")// 创建服务器const app = express()// 调用 app.listen(端口号，启用成功后调用的回调函数) 启动服务
2021-07-19 22:13:46
82
原创 http协议
http请求消息组成部分http请求消息由 请求行 （request line） 请求头部（header） 空行 和 请求体 4各部分组成请求行请求行右请求方式 URL 和 HTTP 协议版本 3个部分组成 他们之间使用空格隔开请求头部请求头部用来描述客户端的基本消息 从而把客户相关的信息告知服务器 比如请求头部是以 键值对形式来区分的User-Agent 用来说明当前是什么类型的浏览器Content-Type 用来描述发送服务器的数据格式Accept 用来描述客户端能够接收
2021-07-18 22:12:19
74
原创 Ajax请求合集
AjAx 的特点优点可以无需刷新页面与服务器进行通信允许你根据用户事件来更新部分页面内容缺点没有浏览历史 不能回退存在跨域问题（同源）SEO 不友好请求报文重点是格式和参数请求体响应体gei 请求 参数post 请求体参数Ajax的使用 // 创建对象 const xhr = new XMLHttpRequest() // 初始化 设置请求方法和 url xhr.open("GET","http://127.0.0.1:800
2021-07-18 20:28:14
221
4
原创 公众号开发 {“errMsg“:“config:fail,Error: 系统错误，错误码：40048,invalid url domain [20210715 12:33:39][]“}
报这种错 域名配置 不需要 加 http:// 或者 https://修改后
2021-07-15 12:37:25
3324
原创 公众号-JS-SDK 报 “errMsg“:“config:ok“,“verifyJsApiList“
报这种错误 是因为 公众号的 jsdk api 使用 之前 需要 在 jsApiList 数组中添加该apiwx.config({ debug: true, appId: data.appId, // 必填，公众号的唯一标识 timestamp: data.timestamp, // 必填，生成签名的时间戳 nonceStr: data.nonceStr, // 必填，生成签名的随机串 signature: data...
2021-07-15 12:27:42
6130
2
原创 小程序的webVIew
HTML iframe标签配置：个人类型是不执行；其实：HTML CSS JS 页面！uniapp：vue的写小程序；原生：提供的组件写小程序；
2021-07-13 17:48:04
85
原创 公众号关联小程序
进入公众号后台进行关联在 小程序后台 开启 公众号 关注组件组件：用于展示关联的公告号推荐<official-account></official-account>
2021-07-13 17:43:52
115
原创 小程序日历
官方文档下载 github 并解压缩，拷贝 calendar 文件到小程序项目下需要自己新建一个文件夹：第三方公共组件自己的组件；注册组件：{ "usingComponents": { "calendar": "/component/calendar/index" }}wxml：<calendar />...
2021-07-08 15:43:53
114
原创 小程序f2图表
f2图表官网地址F2 是一个专注于移动，开箱即用的可视化解决方案，完美支持 H5 环境同时兼容多种环境（Node,小程序，Weex），完备的图形语法理论，满足你的各种可视化需求，专业的移动设计指引为你带来最佳的移动端图表体验// 安装npm i @antv/f2-canvas工具构建配置：页面中注册：{ "usingComponents": { "ff-canvas": "@antv/f2-canvas" }}JS初始化：// import F2 fro
2021-07-08 14:13:53
729
原创 小程序项目核心点总结
图片上传大小问题图片：静态页：帮助我们搭建页面；JS：图片信息都是后台返给我的图片地址！就想预览：可以把本地图片上传到公司的服务器，把图片地址都给我；现在没有服务器；v2样式去掉 否则设置的样式有问题 权重不够 两种方式 important 和删掉事件事件默认是在冒泡阶段执行 （bind）如果在冒泡阶段 发现父辈的节点也注册同样的事件 父级事件函数也会执行小程序捕获错误 App({ // 生命周期：函数，内置的；特点：会在特定的节点执行
2021-07-08 13:49:48
148
原创 bootstrap（二）
文件和目录栅格系统Bootsrap4.x 的栅格系统是一个以移动端为优的网格系统基于12列的布局 5种响应式尺寸 （面向不同屏幕设备）完全使用flexbox 流式布局构建 完全支持响应式标准具体采用div容器 列和行对齐内容来构建响应式布局boostrap4.x 提供了 .container 和 congtainer-fiuld两种布局这两种样式是启用布局栅格系统最基本要素容器布局可以嵌套 但一般不推荐这么使用自适应对应的响应式方式如下media内容排版使用 h1-h6 可
2021-07-06 20:28:38
143
原创 bootstap工具类 公共样式
公共样式排版（一）使用.close和×构建一个关闭的按钮<button class="close"><span >×</span></button>使用.float-left .float-tight .float-none 实现浮动效果使用.clear-fix给浮动的区域的父元素添加 实现清理浮动的功能使用 float-*-left 等来实现不同屏幕的浮动效果使用text-hide来隐藏元素标签内容 但本身还存在保持
2021-07-06 15:46:38
74
原创 小程序canvas
在wxml 文件中放置一个 canvas组件 并设置 canvas-id属性调用wx.createCanvasCantext方法创建画布上下文 该方法的参数值就是 canvas组件 canvas-id属性值调用画布上下文对象中的相应的方法绘制图形
2021-07-03 17:32:34
221
原创 小程序动画
小程序允许使用wx.createAnimation方法创建Animation对象 并通过animation属性与某个组件绑定来展示动画效果 小程序支持常用的动画效果 例如旋转 移动 缩放 倾斜如果是并行动画（例如 旋转 缩放动画同时执行）不断调用Animation对象的动画方法即可 如果是串行动画 每次调用动画的方法后 都需要调用step（）方法后 然后在调用其他的动画方法<view> <image animation="{{animation}}" src="http
2021-07-03 14:21:37
179
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人