-
JS localstorge 跨域问题
背景
最近想实现一下 SSO。
其中涉及前端到不同应用之间的 token 传递问题。
存储方式
html5标准中一个亮点就是提供了浏览器本地存储的功能。方式有两种:localStorage和 sessionStorage。
相对于cookie,他们具有存储空间大的特点,一般可以存储5M左右,而cookie一般只有4k。
区别
localStorage和 sessionStora...
2021-11-19 13:01:55 |
WEB
-
uniapp 教程-18-app nvue RenderJS
renderjs
renderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和h5。
renderjs的主要作用有2个:
大幅降低逻辑层和视图层的通讯损耗,提供高性能视图交互能力
在视图层操作dom,运行for web的js库
使用方式
设置 script 节点的 lang 为 renderjs
<scr...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-17-app nvue NativeJS
概述
Native.js技术,简称NJS,是一种将手机操作系统的原生对象转义,映射为JS对象,在JS里编写原生代码的技术。
如果说Node.js把js扩展到服务器世界,那么Native.js则把js扩展到手机App的原生世界。
HTML/JS/Css全部语法只有7万多,而原生语法有几十万,Native.js大幅提升了HTML5的能力。
NJS突破了浏览器的功能限制,也不再需要像Hyb...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-16-app nvue HTML5PLUS
HTML5+
uni-app App 端内置 HTML5+ (opens new window)引擎,让 js 可以直接调用丰富的原生能力。
条件编译调用 HTML5+
小程序及 H5 等平台是没有 HTML5+ 扩展规范的,因此在 uni-app 调用 HTML5+ 的扩展规范时,需要注意使用条件编译。
否则运行到h5、小程序等平台会出现 plus is not defined错误...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-15-app nvue api and event 接口与事件
API
内容较为琐碎,使用时查阅即可:
nvue-api
事件
Weex 提供了通过事件触发动作的能力,例如在用户点击组件时执行 JavaScript。
下面列出了可被添加到 Weex 组件上以定义事件动作的属性:
事件穿透
Android和iOS下原生事件传递机制不同,这里仅针对iOS
当一个父View存在多个同级子View时,由于iOS会选择层级最高的View来响...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-14-app nvue css nvue 原生渲染样式
样式
nvue所支持的通用样式已在本文档中全部列出,一些组件可能有自定义样式,请参考组件文档。
除此之外的属性,均不被支持。
注意事项
nvue的css仅支持flex布局,是webview的css语法的子集。
这是因为操作系统原生排版不支持非flex之外的web布局。当然flex足以排布出各种页面,只是写法需要适应。
class...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-13-app nvue outline nvue 原生渲染综述
介绍
uni-app App 端内置了一个基于 weex 改进的原生渲染引擎,提供了原生渲染能力。
在 App 端,如果使用 vue 页面,则使用 webview 渲染;如果使用 nvue 页面(native vue 的缩写),则使用原生渲染。
一个 App 中可以同时使用两种页面,比如首页使用 nvue,二级页使用 vue 页面,hello uni-app 示例就是如此。
虽然 n...
2021-11-15 13:01:55 |
WEB
-
uniapp 教程-12-app blureffect APP 使用高斯模糊效果
tabBar 使用高斯模糊效果
HBuilderX 从 2.4.4 版本开始,uni-app iOS 端 TabBar 支持高斯模糊效果(毛玻璃效果)
HBuilderX 从 3.4.10 版本开始,uni-app Android 端 TabBar 支持高斯模糊效果(毛玻璃效果)
下面介绍一下如何使用高斯模糊效果,和一些注意事项。
效果
示例 demo 地址 https://g...
2021-11-15 13:01:55 |
WEB