- 博客(11)
- 收藏
- 关注
转载 微信小程序解析HTML标签
小程序发现使用百度编辑器调取出来的数据都是带有html标签这个问题很是头疼,大部分的方法都是下载wxParse;后面发现了原来有个神奇的标签超简单的实现了:<rich-text nodes="{{item.content}}"></rich-text>当然,wxParse也可以解决提供功能也很多可以试试 使用方法参照:https://www.cnblogs.co...
2019-08-12 17:38:00 458
转载 微信小程序之tab切换效果
微信小程序之tab切换效果,如图:最近在学习微信小程序并把之前的公司app搬到小程序上,挑一些实现效果记录一下(主要是官方文档里没说的,毕竟官方文档只是介绍功能).wxml代码:<view class="body"> <view class="nav bc_white"> <view class="{{selected?...
2017-10-19 20:16:00 90
转载 巧用weui.gallery(),点击图片后预览图片
要在页面需要加载的JS文件:<script src="../js/libs/weui.min.js"></script>可以去weui的文档中下载,这是它的demo: https://weui.io/weui.js/要先给图片创建一个节点:var imgDom = $("<img class='weui-jiaj-img'...
2017-09-26 16:34:00 630
转载 舒适的图片展示插件-PhotoSwipe (兼容平板手机等触屏设备)
图像展示是比较常用的特效,但随着移动设备访问增加,这些特效移动设备上可能会失效或者体验不好,今天设计达人向大家分享个好用的图片展示JS插件:PhotoSwipe。优点:界面美观,简易的人性化操作兼容移动设备,图像展示友好。纯JS,不依赖其它JS库,轻量级!比FancyBox小太多太多了下面来看看一些简单的介绍。大图展示大图展示的操作很方便,支持键盘...
2017-09-26 16:21:00 246
转载 解决如何去掉手机版HTML页面滚动条
<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" /> width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 ...
2017-09-12 17:33:00 419
转载 响应式布局总结
响应式布局的开发基础知识本章主要分为以下几个部分正确理解响应式设计响应式设计的步骤响应式设计需要注意的问题响应式网页布局实现原理第一:正确理解响应式布局响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说:现在社会有很多响应产品,例如折叠沙发,折叠床等等,当我们需要把沙发放到一个角落的时候,此刻沙发就好比div吧,...
2017-09-06 20:56:00 102
转载 为KindEditor编辑器中的内容增加样式,使得自定义前台页面显示效果与编辑器效果一致...
KindEditor 本身自带有一定的样式,且为内部样式,在使用过程中,难免会发现部分效果不是我们想要的,因此,KindEditor提代了两种方式供使用着调用1、内部样式,通过 cssData 属性,控制内容样式,如: K.create('textarea[name=content]', { cssData : 'body { font-s...
2017-08-31 10:56:00 350
转载 纯CSS实现移动端滚动导航效果
在手机web app开发中会涉及到水平导航,代码如下:.nav_dh{box-sizing: border-box;width: 100%;overflow-y: auto;height:2.5rem;line-height:2.5rem;background-color:#fff; position:fixed; z-index:999; top:44px;ma...
2017-08-18 15:29:00 190
转载 jQuery实现购物车数字加减效果
效果图:jQuery实现购物车数字加减效果,方法本简单。经常会写到购物车这块,而购物车很多就有加减这个效果(可以将HTML代码复制多个,同时支持),小小的总结了一下,代码如下:HTML:<div class="gw_num"> <em class="jian">-</em> <input type="tex...
2017-04-07 11:59:00 253
转载 彻底弄懂css中单位px和em,rem的区别
国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢?PX特点1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。px像素...
2016-10-10 15:24:00 61
转载 web前端 html+css
1.行内元素水平居中text-align:center对图片,按钮,文字等行内元素(display为inline或inline-block等)进行水平居中,可对元素或者父元素使用text-align:center2.定宽块级元素水平居中margin: 0 auto; .container{ width:500px; /* 元素设置定宽*/ ...
2016-07-25 18:06:00 78
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人