前端
马马虎虎敲可爱
这个作者很懒,什么都没留下…
展开
-
前端常见题型整理
元素div 上下左右居中方法总结情景一:一个浏览器页面中,只有一个div模块,让其上下左右居中 解决方案: { position:fixed; left:0; right:0; top:0; bottom:0; margin:auto; }情景二:一个父元素div,一个已知宽度、高度的子元素div(200*300) 解决方案: 1、position布局 {原创 2021-02-26 15:36:12 · 142 阅读 · 0 评论 -
微信小程序文本查看更多和收起
微信小程序文本查看更多和收起微信小程序中,有时候文本需要实现这样的功能:1、文本超过n行显示省略号2、省略时,显示 展开/收起 按钮3、文本不超过n行时,不显示省略号和展开/收起按钮实现功能,记录此次开发经验,以便当做笔记查询。实现思路:文本过长显示省略号、展开和收起功能,通过css样式即可实现判断是否显示展开/收起按钮:通过嵌套元素,可以实现text既显示省略号,其高度又是全显示时的高度通过SelectorQuery选择器,获取view及其父元素的高度,判断view高度原创 2020-08-01 18:19:20 · 2985 阅读 · 1 评论 -
微信小程序输入限制:金额限制,名字限制,电话号码限制
微信小程序输入限制:金额限制,名字限制,电话号码限制限制金额输入,只能输入数字和一个小数点限制名字输入,只能输入数字字母中文限制电话号码输入,只能输入数字博主正则不好,实现功能记录下来当做资料查询。//金额输入限制<view> <input value="{{money}}" placeholder="请输入金额" type="digit" bind:change="moneyChange" bindinput="moneyChange" bind:confirm="mo原创 2020-08-01 18:16:17 · 3268 阅读 · 2 评论 -
跨域报错
笔记记录之跨域报错:http://localhost/访问服务器接口跨域报错:Access to XMLHttpRequest at ‘https://www.zykjedu.cn:9443/api.html?method=store.getstorelist’ from origin ‘http://127.0.0.1’ has been blocked by CORS policy: Res...原创 2020-01-14 12:00:29 · 899 阅读 · 0 评论 -
网格布局学习笔记
网格布局它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。一、概述Grid 布局与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局。Grid 布...原创 2019-07-09 21:33:19 · 691 阅读 · 0 评论 -
js实现点击复制到粘贴板功能
HTML结构<p class="DzWx"> <span class="wx">微信:<span id="wxContent"> 22</span></span> <button class="copy" id="copyId">复制</button></p>js代码$(".cop...原创 2019-06-25 17:26:32 · 3721 阅读 · 4 评论 -
混合开发
#混合开发##app类型###Native App(原生App)特点:由专业的native开发工程师开发(IOS、Android)安卓:xml + java,ios:xml + (Objective-C/swift)优点:运行稳定安装之后使用较为方便、用户粘度高对网络的依赖性不强流畅度高、用户体验强可以调用设备原生功能缺点:不能跨平台开发开发...原创 2019-06-10 21:14:33 · 193 阅读 · 0 评论 -
百度小程序与微信小程序的区别
微信小程序如何转换成百度小程序 一、修改文件后缀百度和微信的page是页面数量一致都是js、css、html、json,替换方式为:wxml ——> swan wxss ——> &nb...转载 2019-04-24 11:36:55 · 761 阅读 · 0 评论