![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 54
大恒大
这个作者很懒,什么都没留下…
展开
-
TP6+小程序分页加载数据
tp的分页设计很优秀。原创 2022-11-21 18:11:47 · 235 阅读 · 0 评论 -
GitHub Copilot could not connect to server错误解决
打开vscode,出现sing in github的提示,点击登录,打开github页面,登录进去,返回code,提示GitHub Copilot could not connect to server。重装code,这下出现正常的登录提示了,会提示是否允许code打开github网站,在登录完成后的回调也正常显示出来。后来发现与另一台电脑新装copilot并登录的过程似乎不一样,就卸载code重装,故障依然。按网上说的改DNS,开代理什么的无效。尝试多次后,怀疑是没卸载干净导致的。原创 2022-09-26 00:55:48 · 5855 阅读 · 0 评论 -
JS中的?. | ?? | ??=
左侧的值为null、undefined的时候,才会将右侧变量的值赋值给左侧变量.其他所有值都不会进行赋值.同样在一些场景下,可以省略很多代码.原创 2022-09-23 17:02:38 · 271 阅读 · 0 评论 -
tp6+vue-elementui-admin实现前后端权限分离框架
这次用的是hardphp/tp6-vue-admin。原创 2022-08-18 18:47:39 · 2193 阅读 · 0 评论 -
H5微信自定义分享及调用相机上传图片(thinkcmf-PHP)
微信自定义分享原创 2022-06-12 15:52:19 · 585 阅读 · 0 评论 -
ANT-DESIGN-PRO+THINKPHP制作管理系统日志
一、AntDesignPro关闭mock使用自己的API注:相关登录登出函数在\src\store\modules里,在各页面vue中用…mapactions进行映射到各自methods1 开发模式下关闭Mock和开proxy/src/main.js,删除import ‘./mock’/vue.config.js中开启proxydevServer: { // development server port 8000 port: 8000, // If you want to原创 2022-05-26 18:13:00 · 589 阅读 · 0 评论 -
微信官方表单验证及提交
<view class="page"> <mp-toptips msg="{{error}}" type="error" show="{{error}}"></mp-toptips> <mp-form-page title="表单结构" subtitle="展示表单页面。"> <mp-form id="form" rules="{{rules}}" models="{{formData}}">原创 2022-04-23 01:20:48 · 1581 阅读 · 0 评论 -
带背景图片的BUTTON
给BTN加一个本地背景带open-type的BTN因为没法用bindtap的image代替,所以需要加一个背景CSS,但不支持本地图片,所以,所以在按钮后面叠加一个IMAGE,通过POSITION=absulte来叠加。<view class="placeholder" style="width:50vw;height:40vw" > <button type="default" open-type="contact" bindcontact="handle原创 2022-04-21 12:02:21 · 308 阅读 · 0 评论 -
小程序列表快速删除技巧
在小程序中如果数据库记录以列表的形式展示出来,然后选中一个执行删除,那么需要经功两个步骤:1、数据库记录加载到内存中的LIST数组中2、选中要删除的记录时,记录下index值和key值3、根据key删除数据库记录4、根据index删除list中的元素5、刷新页面(setdata)WXML:<!--列表--> <block wx:for="{{listArray}}" wx:key="_id"> <van-cell title="{{item.che原创 2022-04-20 01:58:07 · 1782 阅读 · 0 评论 -
小程序+云开发实现微信支付
1、开通微信支付微信支付方式有三种:1、普通商户:有自己的开发人员与团队2、服务商:使用第三方服务接入,比较简单位3、银行:通过银行进行清算本例用第一种方式:(1)在小程序后台开通微信支付或关联已开通的商户号此步骤按后台页面提示来做,本例中是关联商户号(2)在微信开发工具中,打开云开发控制台,添加商户号(3)小程序前端发起支付wxml <button type="primary" bindtap="statPay" loading="{{loading}}">支付&l原创 2022-04-17 17:58:49 · 1614 阅读 · 0 评论 -
关于腾讯UI规范、移动端WEUI、小程序端WXSS、小程序组件
移动端WEUI、小程序端WXSS、小程序组件,几个概念新手比较容易弄混,现记录一下1.腾讯基本UI规范用于XD或其它UI设计软件的规范文件项目:https://github.com/weui/weui-design腾讯官网:https://tdesign.tencent.com/2.移动端的WEUIWeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。https://weui.io/3.小程序端的UI及组件(1)原创 2022-04-17 02:17:46 · 2129 阅读 · 0 评论 -
用隐藏IFRAME执行前端登录,(模拟键盘输入,引发INPUT事件以响应VUE之类的变量绑定)
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> ...原创 2021-09-26 02:23:19 · 602 阅读 · 2 评论 -
微信小程序mp-uploader上传多图至云开发存储(附普通云开发上传方式)
<mp-cells><mp-cell><mp-uploader files="{{files}}" max-count="{{maximgs}}" max-size="{{10 * 1024 * 1024}}" title="图片上传" tips="最多上传三张图片" size-type="{{sizeType}}" sourceType="{{sourceType}}" delete="{{true}}" select="{{selec原创 2021-09-03 01:32:02 · 2657 阅读 · 0 评论 -
发送短信打开带参数小程序
这里写自定义目录标题实现步骤分析具体操作1.开发工具中,打开云开发面板,开通静态网页托管2.下载腾讯提供的资源包3.编辑上传jump-mp.html4. 部署云函数5. 部署发短信的云函数sendmsg6. 调用云函数发短信综述:发短信用户跳转网页教程一般不步及带参打开页面。只能自己改造一个实现步骤分析发送短信,短信内容包含网址打开网页,跳转到小程序具体操作1.开发工具中,打开云开发面板,开通静态网页托管2.下载腾讯提供的资源包(https://developers.weixin.qq.原创 2021-08-20 01:26:23 · 6370 阅读 · 0 评论 -
微信授权登录
微信授权登录开发原理:公众号引导用户访问授权页,用户在微信公众号内打开此网页,如果是关注用户,就自检测是否是关注用户,如果是,就静默授权,转到redirect_uri,并带回code参数,redirect_uri服务端利用code取得用户id,将其设为登录 (scope=snsapi_userinfo无法静默授权,会有提示)一、公众号开启权限公众号后台:开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中,修改授权回调域名 对于以snsapi_base为scope原创 2021-07-01 23:00:49 · 1419 阅读 · 0 评论 -
微信网页上传图片
根据微信文档,如果在微信中打开的网页上调用相机或从相册中上传图片,需要调用微信网页开发 /JS-SDK步骤如下:步骤一:绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。#步骤二:引入JS文件在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.6.0.js步骤三:权限签名从公众号后台找到APPID与SECRET值//读缓存的token和ticket,如果不存在就重新获取原创 2021-06-30 17:49:08 · 1125 阅读 · 0 评论 -
常用前端框架
前端框架 类型 基于 Jquery Js框架 VUE Js框架 Angular Js框架 React Js框架 Zepto Js框架 Node JS服务版 ...原创 2021-06-03 20:39:21 · 189 阅读 · 1 评论 -
文字走马灯
<!DOCTYPE html><html><head><title></title><meta charset="utf-8"><script type="text/javascript" src="/template/default/js/jquery-1.12.4.min.js"></script><script type="text/javascript"> $(functio原创 2021-05-07 00:18:28 · 108 阅读 · 0 评论 -
用vscode+express创建一个微型WEB服务器
mkdir webrootcd webrootnpm init -ynpm install express --saveVSCODE打开这个目录,创建一个main.js:const http = require("express");var app=http(); app.use('/',http.static("."))app.listen(3000)按F5,选择以node.js运行或是在终端中执行:node main.js所有静态文件放在这个目录中浏览器即可访问 127原创 2021-03-31 12:16:19 · 285 阅读 · 0 评论 -
promise
promise是什么?1、主要用于异步计算2、可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果3、可以在对象之间传递和操作promise,帮助我们处理队列为什么会有promise?为了避免界面冻结(任务) 同步:假设你去了一家饭店,找个位置,叫来服务员,这个时候服务员对你说,对不起我是“同步”服务员,我要服务完这张桌子才能招呼你。那桌客人明明已经吃上了,你只是想要个菜单,这么小的动作,服务员却要你等到别人的一个大动作完成之后,才能再来招呼你,这个便是同步的问题:也就是“顺序转载 2021-03-30 21:08:50 · 99 阅读 · 0 评论 -
小程序的FLEX的垂直布局弹性压缩
想实现这样的布局:屏幕上下分成两块,第一块内容高度会内容变化,第二块根据第一块自动调整,但两块高度之和始终等于屏高总高用FLEX布局这么写:##屏幕总容器样式表.h_page { box-sizing: border-box; width: 100%; height: 100vh; display: flex; flex-flow: column nowrap; //垂直主轴,不许元素换行(换列),每元素填满宽度}##第一块的:.diva { flex: 0 0原创 2021-03-08 01:55:47 · 299 阅读 · 0 评论 -
小程序学习笔记-其它知识点:表单验证
【代码】小程序学习笔记-其它知识点:表单验证。原创 2021-03-07 11:01:25 · 195 阅读 · 0 评论 -
云开发数据库学习笔记
这里写目录标题查询获取一个集合的数据获取一个记录的数据获取多个记录的数据如果查询大于小于怎么办呢,用db.command的 .gt 函数where只能执行条件“与”操作,如果条件是或操作:单字段或操作跨字段的或操作其它条件查询获取一个集合的数据如果要获取一个集合的数据, 可以在集合上调用 get 方法获取,但通常尽量避免一次性获取过量的数据,只应获取必要的数据。开发者可以通过 limit 方法指定需要获取的记录数量,但小程序端不能超过 20 条,云函数端不能超过 100 条。db.collec原创 2021-03-02 12:05:53 · 381 阅读 · 0 评论 -
viewport、布局视口、视觉视口、理想视口 深入理解
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。viewport的概念通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域,但viewport又不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要转载 2021-01-26 00:26:18 · 981 阅读 · 0 评论 -
用REM/VW单位进行移动端适配的最佳实现
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>aaa</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,shrink-to-fit=no"> <style>原创 2020-11-16 01:24:12 · 139 阅读 · 0 评论 -
可用于创建桌面应用程序的最佳JavaScript框架
以前,使用JavaScript开发桌面应用程序是不可能的。但是现在JavaScript开发人员可以利用框架来创建用于web开发的桌面应用程序。在本文中,我将向您介绍用于创建桌面应用程序的5个最佳JavaScript框架。1.ElectronElectron是一个由GitHub开发和维护的开源框架。它具有跨平台兼容性,这意味着你可以在Mac、Windows和Linux上创建应用程序。Electron使用Chromium和Node.js,因此您可以使用HTML、CSS和JS创建应用程序。它通常.转载 2020-07-31 17:33:51 · 1084 阅读 · 0 评论 -
rtsp转h5播放
服务器安装ffmpeg到e:\ffmpeg,设置PATH安装node.js下载websocket-relay.js到e:\zhiboe:\zhibo\npm install ws,注意不要用-g参数安装全局e:\zhibo\node websocket-relay.js supersecret 8081 88128081会交给ffmpeg传输数据,8812用来提供http流服务ffm...原创 2020-03-05 14:41:59 · 1880 阅读 · 1 评论 -
BOOTSTRAP速查手查
https://hackerthemes.com/bootstrap-cheatsheet/Alertsalert-primary alert-secondary alert-success alert-info alert-warning alert-danger alert-light alert-dark alert-link alert-dismissible ...原创 2020-02-28 15:16:24 · 353 阅读 · 1 评论 -
bootstrap class速查
-------网格系统 ----------栅格系统/* 超小设备(手机,小于 768px) *//* Bootstrap 中默认情况下没有媒体查询 *//* 小型设备(平板电脑,768px 起) */@media (min-width: @screen-sm-min) { ... }/* 中型设备(台式电脑,992px 起) */@media (min-width: @scre...转载 2020-02-28 15:04:16 · 513 阅读 · 0 评论 -
css 高度随宽度比例变化
方案一:padding实现原理:一个元素的 padding,如果值是一个百分比,那这个百分比是相对于其父元素的宽度而言的,padding-bottom 也是如此。使用 padding-bottom 来代替 height 来实现高度与宽度成比例的效果,将 padding-bottom设置为想要实现的 height...转载 2020-02-26 15:21:48 · 1127 阅读 · 0 评论 -
BOOTSTRAP4的栅格系统详解
简介Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多 12 列。网格类Bootstrap 4 网格系统有以下 5 个类:.col- 针对所有设备.col-sm- 平板 - 屏幕宽度等于或大于 576px.col-md- 桌面显示器 - 屏幕宽度等于或大于 768px.col-lg- 大桌面显示器 - 屏...原创 2020-02-25 22:29:48 · 2409 阅读 · 0 评论 -
ES6新增功能
发展历史2000年,ECMAScript 4.0开始酝酿。这个版本最后没有通过,但是它的大部分内容被ECMAScript6继承了。因此,ECMAScript6制定的起点其实是2000年。2008年7月,ECMA开会决定,中止ECMAScript 4.0的开发,将其中涉及现有功能改善的一小部分,发布为ECMAScript 3.1,会后不久,ECMAScript 3.1就改名为ECMAScr...转载 2020-02-11 00:04:47 · 556 阅读 · 0 评论