uniapp初识笔记3 21、iphone x 底部固定按钮适配主要就是安全区的兼容。1、mainfest.json 文件 app-plus 节点下配下 safearea"safearea": { "bottom": { "offset": "none" } }2、添加安全区元素.safe-reg { padding-...
uniapp 动态获取接口域名 背景接口域名没有写死,而是动态获取。具体实现就是 通过读取一个静态json文件,来设置真实的接口域名。因为公司之前所有的项目都是这么处理的,好处是 原域名有可能被封,这样可以直接后台操作修改该配置文件即可;不然的话,h5 项目可能还好说,app 的话必须重新发版。代码// httpService.js 对 uni.request 的封装。在数据请求入口处,统一先进行 域名...
uniapp初识笔记2 16、视频上传使用uni的视频录制,最多只能拍摄60s以内的视频。如果是上传到alioss,可以使用 视频截帧 来获取第一帧 作为video标签的poster。17、下拉刷新 与底部固定元素微信小程序:安卓端 ,这两者冲突。下拉时,固定元素跟着动。无解。https://blog.csdn.net/weixin_43930186/article/details/89671946最后使用的是...
uniapp初识笔记 写在前面:页面布局 尽量不要flex 布局了,ios滚动不流畅。底部有固定按钮的,使用fixed。1、引入less通过编辑器,工具-插件安装- less编译2、换行<text></text>3、view标签,相当于div。这里的块状元素 没有 占全行。需要手动设置宽度4、radio 标签使用包裹在 radio-group 标签里,使用chan...
vue登录页作为modal全局使用 背景vue项目,有一个登录页面作为单独页面来使用。想要将其改造成 一个modal,然后全局可调用。类似于 mint-ui 的 toast组件这样。要用到的位置主要是:vue页面内、接口请求的响应数据处理方法内(环境是 无法拿到当前作用域 this)实现原理将登陆页面modal封装成一个 插件。主要代码1、登录页组件:正常书写,主要是提供一个组件广播事件 thi...
uniapp上传图片、视频到oss 项目采用的是 阿里云oss js签名直传的方式。示例代码如下:1、上传图片<template> <view class="zyby-img-upload-common auth-img-item" :class="{'img-item-special': !imgUrl}"> <div v-if="!imgUrl" ...
vue hash模式下微信授权登录 背景vue-cli项目。路由是hash模式。需要授权的场景有:项目入口处(App.vue),指定页面(创建时、methods 方法内);可以携带参数思路由于hash模式# 号的存在,授权后链接会被扰乱。所以 我希望在 授权前 将重定向的链接 即 redirect_uri 改为没有# 的url。然后在 项目入口处 进行 url 重置,将其改回到 丑陋的 带#链接。即:两步操...
浏览器缓存,请深入了解一下 前言:“学习提升往往是打破思维壁垒的过程”,缓存策略是一个封闭的既成事实?还是只是一个约定规则?客户度的事被浏览器做了多少?服务端也是如此么? 还是只是被框架阻拦了思维,只是框架替你做了,如果进入底层,一些要自己写,那这些只是规则?是否也能被改写?(阅读文章前,先理解观点1,带着观点看文章)【观点1】:缓存规则是一个客观事实么?不,对于服务端而言,它可以只是一个主观设置...
基于NodeJS进行前后端分离 原文https://www.cnblogs.com/cloudml/p/4665458.html1.什么是前后端分离传统的SPA模式:所有用到的展现数据都是后端通过异步接口(AJAX/JSONP)的方式提供的,前端只管展现。从某种意义上来说,SPA确实做到了前后端分离,但这种方式存在两个问题:WEB服务中,SPA类占的比例很少。很多场景下还有同步/同步+...
《页面优化》-- 一个大话题,也是一个面试比较老俗的问题 1、减少HTTP请求次数: 合并文件js、css、img(如雪碧图)、icon素材转化base64的二进制码流,HTTP请求在无缓存情况下可能会占去一般的响应时间,不过合并问题,在webpack出现后,几乎不需要再单独费心,但了解一下没坏处2、减少DNS(域名系统)查找次数 DNS解析的过程同样也是需要时间的,一般情况下返回给定域名 对应的IP地址会花费20到120毫秒的...
css3/sass 样式记录 css3width: calc(50% - 10px)sass1、奇偶行.classNameA { background:red; &:nth-child(even) { background:green; }}转载于:https://www.cnblogs.com/liujinyu/p/11573547.html...
Single-SPA 前端微服务化 动态路由多系统合并 每日优鲜供应链前端团队微前端改造动态注册路由,然后根据路由判断加载子项目js资源。子项目webpack需要设置externals,然后用systemjs接管external的包加载webpack externals 深入理解转载于:https://www.cnblogs.com/liujinyu/p/11549654.html...
浏览器的DNS缓存查看和清除 原文地址:浏览器的DNS缓存查看和清除有dns的地方,就有缓存。浏览器、操作系统、Local DNS、根域名服务器,它们都会对DNS结果做一定程度的缓存。本文总结一些常见的浏览器和操作系统的DNS缓存时间浏览器先查询自己的缓存,查不到,则调用域名解析函数库对域名进行解析,以得到此域名对应的IP地址DNS查询顺序:浏览器缓存→系统缓存→路由器缓存→ISP DNS 缓存→递归搜...
bind 仿造 重写bind 简单版,不带参数Function.prototype.my_bind = function(targ){ var _this = this; return function(){ _this.apply(targ) }}function f() { console.log(`${this.name}`);}var o = { ...
echars 饼状图 轮循 水平翻转 code:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
echars 实现多曲线,多Y轴,曲线单选切换,并且跟随切换指定Y轴 html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...
如何使用 aph-cli 搭建本地静态开发环境(server + proxy + mock) 前提资源1、aph系统使用说明2、aph-cli 使用说明==================================一、如何使用aph-cli简单起一个服务1、在APH管理系统注册账号2、全局安装aph-cli3、创建一个文件架(作为静态服务的根目录),打开进入文件夹,创建静态页,使用‘aph login’登录aph系统...
dateType 类型 断言 typeof, instanceof , isPrototypeOf,转载于:https://www.cnblogs.com/liujinyu/p/11395065.html
Access-Control-Allow-Origin 响应一个携带身份信息(Credential)的HTTP请求时,必需指定具体的域,不能用通配符... https://www.cnblogs.com/raind/p/10771778.htmlAccess-Control-Allow-Origin。HTTP响应头,指定服务器端允许进行跨域资源访问的来源域。可以用通配符*表示允许任何域的JavaScript访问资源,但是在响应一个携带身份信息(Credential)的HTTP请求时,Access-Control-Allow-Ori...
内存泄漏 Q: 什么是内存泄露?A:已经不再使用的内存未能被程序释放,叫内存泄露(memory leak)。Q: 什么情况下出现内存泄漏?首先了解一下【垃圾回收】:垃圾回收(英语:Garbage Collection,缩写为GC)在计算器科学中是一种自动的存储器管理机制。当一个计算机上的动态存储器不再需要时,就应该予以释放,以让出存储器,这种存储器资源管理,称为垃圾回收。A: 当一...