web前端
文章平均质量分 75
sriting
这个作者很懒,什么都没留下…
展开
-
CSS背景颜色设置透明度的两种方法(8位hex和rgba)
目录一、 6位HEX转RGBA二、8位HEX在写微信小程序的时候,有个需求是按背景颜色background-color要设透明度0.85,让背景图片background-image透一点出来,而且background-color的值是后端传过来的动态数据,背景颜色动态改变,UI同学给的数据全是6位HEX,需要我自己设置透明度。设置透明度首先会想到用opacity,但 opacity 会把被设置的元素及其子元素同时设置为同一个透明度,我需要子元素不透明,opacity就不能用了。接下来讲两个实际可用性比原创 2020-06-05 15:37:31 · 25358 阅读 · 0 评论 -
uniapp实现带过渡动画的手风琴折叠样式
目录最终效果一、无过渡动画的手风琴二、有过渡动画的手风琴1. 不能再用v-if或v-show2. 用:class动态绑定样式3. 子元素也要设置transition最终效果UI同学让做一个带过渡动画的手风琴折叠效果,点击一个元素展开,其他已展开元素自动收缩,每次最多只有一个元素展开,这是最终效果:接下来讲我用css实现的思路一、无过渡动画的手风琴首先,uniapp做无过渡动画的最容易做了,因为Vue里只要用v-if或v-show来控制,判断index是否是当前的子组件就好了。因为我用了组件,我想原创 2020-05-14 02:16:00 · 12692 阅读 · 9 评论 -
微信公众平台登陆小程序后,在 开发-开发者工具 下,找不到 腾讯云
新版的微信公众平台在 “开发”-“开发者工具”下面只有“腾讯位置服务”,并没有大家所说的腾讯云,没法开通腾讯云服务。根据官方所说是把入口隐藏起来了。我找了好久终于找到怎么开通了:先去腾讯云官网注册/登录,登录后左上角选择云产品>开发者工具>微信小程序:进入腾讯云的微信小程序控制平台,会显示你还未关联微信公众平台账号,点进去关联你要开发的小程序的账号就给你的小程序...原创 2019-03-27 07:17:37 · 2997 阅读 · 1 评论 -
学习微信小程序WXSS与CSS的不同
此贴为学习9 小时搞定微信小程序开发 的笔记 文档:WXSS · 小程序WXSS和CSS类似,不过在CSS的基础上做了一些补充和修改。相同点width:设置元素宽度。 height:设置元素高度。 position:设置元素定位方式。 color:设置元素内文本的颜色。 border:设置元素的边框样式。 …WXSS的补充和修改1. 尺寸单位rpxrpx是...原创 2018-04-19 01:01:45 · 12678 阅读 · 0 评论 -
学习微信小程序开发框架之脚本语言WXS
此贴为学习9 小时搞定微信小程序开发 的笔记。 文档:WXS · 小程序WXS(WeiXin Script)是小程序的一套脚本语言。结合 WXML,可以构建出页面视图的结构和内容。一般使用WXS做过滤处理,或者计算处理。WXS其实就是对JavaScript脚本语言的上层做了一些封装和限制。注意:WXS的运行环境和其他 javascript 代码是隔离的,WXS中不能调用其他 javasc...原创 2018-04-23 01:35:33 · 1596 阅读 · 0 评论 -
学习微信小程序开发框架之了解JavaScript
此贴为学习9 小时搞定微信小程序开发 的笔记 推荐书籍: 《JavaScript高级程序设计》 《JavaScript权威指南》 JavaScript是一种轻量的、解释型的、面向对象的头等函数语言,是一种动态的基于原型和多范式的脚本语言,支持面向对象、命令式和函数式的编程风格。轻量是在入门Javascript时觉得这门语言没有其他语言那么重;解释型是语言在运行时,机器...原创 2018-04-22 22:10:30 · 12377 阅读 · 1 评论 -
学习微信小程序WXML之模板、引用
此贴为学习9 小时搞定微信小程序开发 的笔记 文档:模板 · 小程序、引用 · 小程序1.模板:使用template标签可以模板中定义自己的代码片段<!-- index.wxml --><template name="tempItem"> <view> <view>收件人:{{name}}</view>...原创 2018-04-18 01:21:59 · 4326 阅读 · 0 评论 -
学习微信小程序WXML之条件渲染
此贴为学习9 小时搞定微信小程序开发 的笔记 文档:条件渲染 · 小程序这是一个解决今天吃什么这一大难题的一小段代码。<!--index.wxml --><view>今天吃什么?</view><view wx:if="{{condition === 1}}"> 饺子</view><view wx:el..原创 2018-04-16 21:18:42 · 4528 阅读 · 0 评论 -
学习微信小程序WXML之列表渲染
此贴为学习9 小时搞定微信小程序开发 的笔记 文档列表渲染 · 小程序<!-- index.wxml--><view> <block wx:for="{{items}}" wx:for-item="item" wx:key="index"> <view>{{index}}:{{item.name}}&a原创 2018-04-16 20:45:51 · 14666 阅读 · 1 评论 -
学习微信小程序WXML之数据绑定
文档:数据绑定 · 小程序 此贴为学习9 小时搞定微信小程序开发 的笔记数据绑定使用两个花括号。绑定文本内容<!--index.wxml--><view> <text>{{message}}</text></view>//index.jsPage({ data:{ m...原创 2018-04-16 15:11:16 · 2508 阅读 · 0 评论 -
阿里云ECS云服务器 ASP建站 遇到的问题汇总
1. 主要步骤在:阿里云ECS建站(1.1)2. 云服务器上的各种配置看: ASP网站及数据库如何在win10本地测试3. 把本地写好的代码传上云服务器:怎样往阿里云服务器传文件4. 安装Dreamweaver,因为DW的安装包安装时要登录验证,绕不过去,所以把本地C:\Program Files (x86)\Adobe下装的Adobe Dreamweaver CS6整个文件压原创 2017-03-05 02:38:23 · 1764 阅读 · 0 评论 -
第一个动态网站的心得--细数建站跳过的坑!
第一个动态网站的心得–细数建站跳过的坑!这是我第一次接到外快任务,也是第一次做动态网站!是为我的熟人–我们学校的数学社做一个新社员线上报名系统,由于需要在开学的百团大战前交付使用,从找到我给需求,到完成、测试可使用,一共不到10天时间,所以时间紧,过程也是异常波折,不过还好最后完成了。还是数学社的大家信任我,给我这次机会去各种试错,各种跳坑再爬起来!不过这次做了以后,发现自己远没有原来自认为的那么厉原创 2016-09-04 21:02:26 · 2390 阅读 · 0 评论