css3 text-shadow 浮雕、镂空、荧光效果段总结
text-shadow 简单介绍text-shadow 属性应用于文本阴影。
123text{ text-shadow:h-shadow v-shadow blur color;}
属性值
描述
h-shadow
必需。水平X轴方向,阴影的位置。允许负值。
v-shadow
必需。垂直Y轴方向,阴影的位置。允许负值。
blur
可选。模糊的距离。
color
可选。阴影的颜色。(不选为透明)
演示效果12345678910111213141516171819<template> <view class="content"> <view class=" "> CSDN </view> </view></template><style> .content { position: relative; display: flex; flex-direction: column; align-it ...
uniapp 中 Cannot read property ‘length‘ of undefined 报错处理
问题描述uniapp H5开发中在读取某个数组的长度时出现如下错误:[system] TypeError: Cannot read property ‘length’ of undefined
这并不会影响到对移动端H5项目的开发。
解决问题模拟出现错误的代码:
12345678910111213141516171819<script> export default{ data(){ return{ taskInfo:'' } }, onLoad(){ this.post("goodsinfo.json", data).then(res => { this.taskInfo = res.data; }); }, methods:{ getLength(){ console.log(this.ta ...
uniapp 手机模拟测试app白屏问题
问题描述 同样一套代码在运行到浏览器中没有问题,当运行到手机或模拟器中的时候出现了白屏的现象 控制台显示到 应用【xxx xxx】已启动 . . . 就没了下文
解决问题一开始以为是 adb.exe 路径设置的问题;
于是将设置Settings.json中的adb路径填写为HbuilderX中的 D:/Webfront/HBuilderX/plugins/launcher/tools/adbs/adb.exe
结果是没有上面提示的红色文字,但是模拟器依旧是白屏的状态且控制台还是停留在 应用【xxx xxx】已启动 . . .
我开始怀疑是不是启动页面的代码存在问题,于是打开控制台右侧的调试功能
结果控制台显示的也没有报错,只有一些警告
我开始没有头绪了,瞄了一眼警告:service "uni-app-config" has been registered already 为什么要告诉我uni-app-config的相关配置已经注册存在。难道和自己前些天为了搞定 H5打包文件后缀添加版本号 ...
uniapp 文件名后面增加版本号与时间戳
需求描述uniapp 打包 H5 生成的js文件,默认情况下是不包含版本号以及时间戳后缀。这样会导致H5新版打包上线后,用户依旧使用的是浏览器中缓存的老版js文件。文件更新滞后等现象。
解决问题一、vue.config.jsvue.config.js 是一个可选的配置文件,如果项目的根目录中存在这个文件,那么它会被自动加载无需引入。这个配置文件中有一个属性 configureWebpack 可以有效的解决 js 文件缓存的问题。
二、文件名重构js文件直接下载:vue.config.js文件
1234567891011121314151617let filePath = ''; // 默认文件路径let TimeStamp = ''; // 时间戳let Version = '-V2.0.0-'; // 版本号//编译环境判断,可以根据不同环境来做相应的配置if (process.env.UNI_PLATFORM === 'h5') { filePath = 'static/js ...
uniapp 项目结构目录快速认识
uniapp 初步认识。uni-app 可以理解为 vue 和 小程序 结合体:组件标签是 小程序 小程序的标签;语法是 vue 的语法;应用和页面级生命周期类似 小程序 的生命周期;组件级生命周期类似 vue 的生命周期。简而言之。学会 uni-app 相当于基本学会 vue 和 小程序 两大前端技术。
目录结构HuilderX 生成的uniapp项目目录结构也就类似 vue 和 小程序 的结合。
1234567891011121314151617181920┌─.hbuilderx 云空间目录│─components 符合vue组件规范的uni-app组件目录│ └─comp-a.vue 可复用的comp-a组件├─node_modules 存放终端下载的插件(npm install / cnpm install 等)├─pages 业务页面文件存放的目录│ ├─index│ │ └─index.vue index首页页面│ └─list│ └ ...