web前端开发 - 随笔分类(第2页) - 逍遥云天

element-ui说明文档补充扩展

摘要：前言：对于Element Ui的使用，刚开始是有点抵触心理的，也可能是之前使用layui、vux以及小程序说明文档习惯了吧，猛的接触 Element Ui，感觉说明文档比较粗略，好些地方都貌似只能看到示例代码。比如，表单验证的属性字段 rules 只有一个说明——表单验证规则，然后就没有了。虽然阅读全文

posted @ 2020-07-23 15:56 逍遥云天阅读(734) 评论(0) 推荐(0) 编辑

css3弹性盒子常用样式属性梳理汇总

摘要：direction 修改元素排列方式，可单独使用，会影响子元素内部元素排列 rtl 1 2 12 flex-direction 弹性子元素在父容器中的位置 row-reverse 1 2 3 column-reverse 1 2 3 justify-content 弹性子元素（横向）排列方式，可单独阅读全文

posted @ 2020-07-09 14:39 逍遥云天阅读(816) 评论(0) 推荐(0) 编辑

vue项目（hash模式）使用better-scroll实现页面滚动状态保持

摘要：注意：这里说的是返回页面滚动位置状态保持，不是简单的keep-alive实现的页面缓存。应用场景： A页面为首页，B页面也为列表页面，C页面为B页面的某个列表项详情页面： A->B->C：A页面进入B页面，滚动到某个列表项 list-item-x ，点击列表项进入页面C。 C->B->A：对于返回阅读全文

posted @ 2020-07-06 16:48 逍遥云天阅读(1523) 评论(0) 推荐(0) 编辑

vue编写以plugin形式调用的插件——以全局错误展示界面为例

摘要：应用场景：使用vux的小伙伴应该能体会到，以插件形式调用的toast、loading用起来都停不错的，只需要main.js中添加为vue的实例方法，就可以在页面中根据需要随时随地的进行调用。同样，项目中也需要一些公用的页面，如全局的访问异常页面。如果采用普通的组件引用，则需要在每个需要用到的页面阅读全文

posted @ 2020-06-16 15:35 逍遥云天阅读(726) 评论(0) 推荐(0) 编辑

javascript实现xml字符串转换json格式数据

摘要：前言：公司一个老项目重构，后端返回数据为xml格式。而现有的前后端分离开发中，后端大部分返回的都是json格式的数据给到前端，所以前端也是直接对后端返回的json数据进行解析。因此就需要对老接口返回的xml数据进行转换了，看了下老项目中对xml数据解析的相关代码，有1700+行，可谓是比较恐怖阅读全文

posted @ 2020-06-03 15:18 逍遥云天阅读(7715) 评论(0) 推荐(1) 编辑

支付宝小程序使用canvas画布模拟页面截屏并分享的实现

摘要：前边已经写过微信小程序使用canvas画布实现当前页面截屏并分享，有兴趣的可以看下。本文是从微信小程序中移植过来的，除了部分API调用不一样，大部分代码都是一样的，具体代码如下： 1 const app = getApp() 2 //尺寸比例计算（页面宽度已750为准，即750*scale，所有尺阅读全文

posted @ 2020-04-01 19:04 逍遥云天阅读(2062) 评论(0) 推荐(0) 编辑

微信小程序全局分享转发控制实现——从此无需页面单独配置

摘要：关于支付宝全局自定义分享控制详见：支付宝小程序的携带参数全局分享实现。为什么要写这篇文章？微信小程序没有全局分享配置，页面开启分享功能必须要在页面中定义分享事件函数 onShareAppMessage 才可以。如果项目中对页面分享的需求比较复杂点，那么默认的自定义分享会很麻烦的，而且还不一定能满阅读全文

posted @ 2020-04-01 17:41 逍遥云天阅读(9126) 评论(1) 推荐(3) 编辑

微信小程序使用canvas画布实现当前页面截屏并分享

摘要：前言：有些时候需要再小程序中分享一些动态生成的图片，比如页面截屏、商品卡片，虚拟卡券等等。但是小程序都没有开放页面截屏接口的，最多也就是提供设备截屏事件监测的API。所以，基于目前的情况，小程序对页面进行截屏，本身就是个伪命题，能做的只有用现有技术去模拟了。要解决这个问题，目前除了canvas画阅读全文

posted @ 2020-03-31 14:43 逍遥云天阅读(17728) 评论(5) 推荐(1) 编辑

微信小程序分享转发用法大全——自定义分享、全局分享、组合分享

摘要：微信小程序默认是没有全局分享配置的，结合隐式页面函数、隐式路由可以实现在app.js中可以兑所有页面进行自定义分享配置，而无需再去页面进行开启、配置。无论是页面需要使用全局分享，还是使用小程序默认分享，亦或是进行特殊的分享配置，都可以在app.js中进行配置。阅读全文

posted @ 2020-03-31 13:29 逍遥云天阅读(10418) 评论(0) 推荐(5) 编辑

小程序条形码插件wxbarcode的使用及改进

摘要：官方推荐用法条形码插件单独调用多个条形码生成实例组件封装注意事项前言：适用于小程序的条形码插件不多，目前只找到这一个能用的，工期限制，暂时就先用这一个了。在使用插件的过程中也发现了不少问题，也做了一些改进，这里就做下总结，希望能给其它遇到下面问题的小伙伴有所帮助。插件地址： wxba 阅读全文

posted @ 2020-03-24 18:49 逍遥云天阅读(8500) 评论(0) 推荐(0) 编辑

ios兼容性收集整理

摘要：1. ios系统兼input输入框光标问题异常现象：苹果手机文本输入框样式异常——光标聚焦到文本框，光标高度充满文本框，输入内容，光标高度为文本框上边框到输入内容底部：光标聚焦：输入内容：异常原因：使用line-height样式导致，在ios系统中渲染跟安卓手机不一致。解决方法：input 阅读全文

posted @ 2019-08-27 15:28 逍遥云天阅读(550) 评论(0) 推荐(0) 编辑

h5开发安卓机型点击输入框调起输入法，输入框被键盘遮挡的解决方法

摘要：前言：从以前的项目中找一个问题的解决方案，顺带找到了这个安卓机型调起输入法，页面没有自动上滑导致输入框被弹起的键盘遮挡的解决方案。这个问题只有安卓机型页面中的输入框处于底部（也就是底部键盘区域）的时候才会出现，近一年的项目中很少有表单输入比较多的场景，所以一直都没碰到这种问题。现在记录下来，以后需阅读全文

posted @ 2019-07-09 15:55 逍遥云天阅读(5212) 评论(0) 推荐(0) 编辑

vue中使用极验验证码（附demo）

摘要：前言： vue中使用极验验证码，最好是在页面渲染的时候（mounted)进行验证码的初始化，然后在初始化回调中绑定触发弹出验证码的事件。这样在点击按钮或者进行特定操作时能够快速的弹出验证码。关键代码：如上，在页面渲染的时候就进行验证码初始化，这样在点击按钮的时候就能快速的弹出验证码。但是，如果后阅读全文

posted @ 2019-06-12 17:06 逍遥云天阅读(4663) 评论(0) 推荐(0) 编辑

javascript数组遍历的几种常用方法性能分析对比

摘要：前言：数组遍历有很多种方法，虽然不同方法有不同的特性及适用环境，除了普通飞for循环之外，for...in能直接输出数组元素的索引，for...of能直接输出数组元素的值，map则可以直接生成新的数组，forEach则可以遍历修改元祖元素的值。那么这些方法在性能上相比怎么样呢？验证：为了验证这阅读全文

posted @ 2019-05-06 09:55 逍遥云天阅读(1888) 评论(0) 推荐(0) 编辑

微信小程序开发——点击防重的解决方案

摘要：对于一些涉及后端接口请求的单击事件，不论后端是否做了请求限制，前端还是有必要进行点击防重处理的。这样既能减少对服务器端的压力，也能有效防止因重复请求而造成一些不可预期的异常。尤其是接口请求结果处理的逻辑中有需要调用小程序api，如获取手机号码授权、支付、领取卡券这些API。虽然这些API都能调阅读全文

posted @ 2019-04-24 19:07 逍遥云天阅读(3247) 评论(3) 推荐(0) 编辑

微信小程序开发——点击按钮退出小程序的实现

摘要：微信小程序官方是没有提供退出的API的，但是在navigator这个组件中，是有退出这个功能的：详情参考官方文档：navigator。示例代码：不过这个功能最低支持版本时 2.1.0 ，如果一定要使用这个功能，那么最好在小程序管理后台中设置最低基础库版本不低于2.1.0，如果对小程序支持的最低阅读全文

posted @ 2019-04-16 11:35 逍遥云天阅读(11031) 评论(0) 推荐(1) 编辑

css选择器的优先级

摘要：为同一个元素设置多个样式时，此时哪个样式生效由选择器的优先级确定：选择器的优先级（权重）：阅读全文

posted @ 2019-04-11 15:02 逍遥云天阅读(250) 评论(0) 推荐(0) 编辑

html页面的CSS、DIV命名规则(仅供参考学习）

摘要：CSS命名规则：头：header 内容：content/containe 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页阅读全文

posted @ 2019-04-03 11:36 逍遥云天阅读(526) 评论(0) 推荐(0) 编辑

如何让商品标题类文本根据内容长度垂直居中

摘要：1. 前言 2. 使用 vertical-align 样式实现指定行数的垂直居中布局 3. 使用js计算文本所占总宽度，与文本盒子宽度比较追加不同类样式进行调整 4. vertical-align:middle的使用扩展——不限行数全展示垂直居中 5. 最好的方法：使用弹性盒子前言：如下图，商品阅读全文

posted @ 2019-04-02 15:19 逍遥云天阅读(634) 评论(0) 推荐(0) 编辑

编写高效的 CSS 选择器

摘要：高效的CSS已经不是一个新的话题了，也不是我一个非得重拾的话题，但它却是我在Sky公司工作之时，所感兴趣的，关注已久的话题。有很多人都忘记了，或在简单的说没有意识到，CSS在我们手中，既能很高效，也可以变得很低能。这很容易被忘记，尤其是当你意识到你会的太少，CSS代码效率很低的时候。下面的规则只阅读全文

posted @ 2019-04-01 17:42 逍遥云天阅读(452) 评论(0) 推荐(0) 编辑

随笔分类 - web前端开发