读心悦

  • 读心随笔
  • 读心里话
  • 计算机
小程序

微信小程序云调用手机号码

只有用户主动触发才能发起获取手机号码的API button组件的open-type设置为getPhoneNumber,用户授权之后通过bindgetphonenumber获取微信服务器的加密数据, 开通云开发之后就可以获取到CloudId 创建云函数(getMobile): index.js // 云函数入口文件 const cloud = require('wx-server-sdk') cloud.init() // 云函数入口函数 exports.main = async (event, context) =…

2020年06月18日 1条评论 236点热度 0人点赞 阅读全文
html/css

css关于居中的方式

父元素没有固定宽高 水平垂直居中 html: <div class="wrapper"> <div class="info"> 垂直居中 </div> </div> css: //绝对定位水平垂直居中,方法1 .info { position: absolute; width: 500px; height: 300px; margin: auto; top: 0; left: 0; bottom: 0; right: 0; background-color: gree…

2020年06月18日 0条评论 217点热度 0人点赞 阅读全文
html/css

Flex弹性布局基础属性

弹性布局可以简洁、完整、响应式的实现各种页面布局。 Flexbox主要功能: 屏幕和浏览器窗口大小变化也可以灵活调整布局 指定伸缩元素沿着主轴或者侧轴,按照一定比例分配额外的空间,调整伸缩元素的大小 指定伸缩元素沿着主轴或者侧轴,把伸缩元素额外空间分配到伸缩元素之前、之后和之间 控制元素在页面上的布局方向 指定如何将垂直于元素布局轴的额外空间分配到该元素的周边 按照不同文档对象模型(DOM),指定排序方式对屏幕上元素重新排序【浏览器渲染中不按照文档流先后顺序重排伸缩元素】 主轴和侧轴 用户沿着一个伸缩容器的主轴配置…

2020年06月18日 0条评论 255点热度 0人点赞 阅读全文
html/css

CSS设置文字阴影、换行

给文字添加阴影 语法: text-shadow:length(x) length(y) length(r) color; length(x):表示阴影在横向上与文字的距离; length(y):表示阴影在纵向上与文字的距离; length(r):表示阴影模糊半径大小 color:阴影的颜色 如果需要添加多个颜色的话: text-shadow:20px 20px 20px red, 30px 30px 30px #f50; 文本自动换行 word-break 语法: word-break:normal || brea…

2020年06月18日 0条评论 246点热度 0人点赞 阅读全文
html/css

滤镜,好久不见

grayscale滤镜(灰度滤镜) 彩色图片通过滤镜实现图片转变灰色 .sub02{ width: 330px; float: right; background: grey; filter: grayscale(80%); -webkit-filter: grayscale(80%); -moz-filter:grayscale(80%); height: 200px; } sepia滤镜(棕褐色滤镜) 让图片呈现出老照片的效果 .sub02{ width: 330px; float: right; backgr…

2020年06月18日 0条评论 222点热度 0人点赞 阅读全文
node

node连接MySQL

在createConnection方法中,使用一个参数,参数值为一个对象或一个URL字符串,用于指定该连接所用的各种选项。当参数值指定为一个对象时,可以使用的属性如下所示。 const mysql = require("mysql"); const connecttion = mysql.createConnection({ host: "localhost", port: 3306, database: "nodetes", user: "root", password: "123456" }); connect…

2020年06月18日 0条评论 410点热度 0人点赞 阅读全文
小程序

微信小程序上传图片

wxml: <view class="certificatedetails-item color2E width591 padding3050" hidden="{{hide}}"> <view>拍照上传存证</view> <!-- 上传图片预览 --> <view class="preview"> <block wx:for="{{images}}"> <view class="item-con"> <image src="…

2020年06月18日 0条评论 203点热度 0人点赞 阅读全文
1…1112131415

读心悦

自己从事开发也有一段时间了,总有一些迷茫,对未来有一点恐惧,不知道以后会不会继续从事开发的岗位。无论未来做出怎样的选择,这个网站就记录一下从事开发这段时间的一些笔记、阅读笔记吧,好歹也给自己留个纪念吧,你说呢! 写点代码,读点书,读点心,读点自己!

标签聚合
CSS Echarts mysql 小程序 vue node 阅读 canvas 随笔 悦读 react flutter git redux taro hook Nginx JavaScript 闲谈
分类
  • flutter (11)
  • html/css (23)
  • Javascript (23)
  • Mysql (2)
  • node (2)
  • React (27)
  • vue (1)
  • 小程序 (41)
  • 悦读 (8)
  • 未分类 (2)
  • 读心里话 (10)

COPYRIGHT © 2020 读心悦

黔ICP备20005501号

黔公网安备52011502001078号