综合( 右侧选择分类 )
wechat

微信小程序WXS

WXSWXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。注意WXS 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。WXS 与 JavaScript 是不同的语言,有自己的语法,并不和 JavaScript 一致。WXS 的运行环境和其他 JavaScript 代码是隔离的,WXS 中不能调用其他 JavaScript 文件中定义的函数,也
54 人浏览
wechat

微信小程序WXSS

WXSSWXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序,WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比,WXSS 扩展的特性有:尺寸单位样式导入尺寸单位rpx(responsive pixel)
59 人浏览
wechat

微信小程序WXML

WXMLWXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。要完整了解 WXML 语法,请参考WXML 语法参考。用以下一些简单的例子来看看 WXML 具有什么能力:数据绑定<!--wxml--> <view> {{message}} </view>// page.js Page({
56 人浏览
wechat

小程序视图层 View

视图层 View框架的视图层由 WXML 与 WXSS 编写,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。WXML(WeiXin Markup language) 用于描述页面的结构。WXS(WeiXin Script) 是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。WXSS(WeiXin Style Sheet) 用于描述页面的样式。组件(Comp
53 人浏览
wechat

小程序API

API小程序开发框架提供丰富的微信原生 API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等。详细介绍请参考 API 文档。通常,在小程序 API 有以下几种类型:事件监听 API我们约定,以 on 开头的 API 用来监听某个事件是否触发,如:wx.onSocketOpen,wx.onCompassChange 等。这类 API 接受一个回调函数作为参数,当事件触发时会调用
52 人浏览
wechat

微信小程序image控件图片自适应

微信开发过程中经常出现图片变形,缩放的属性这些图片处理,只要明白了mode属性就都有了例如:用下面代码,图片就可能变形 <image class='sizeModal-img' src='{{imageUrl}}'></image> 用下面的属性,就不变形了 <image class='sizeModal-img' mode='aspectFit' src=
47 人浏览
wechat

微信小程序image控件图片自适应

mode属性 1,scaleToFill 缩放模式(默认属性)不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素2,aspectFit 缩放模式,保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来。3,aspectFill 缩放模式,保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截
46 人浏览
webhome

如何移除IOS系统下的input原生属性样式

近期做了一个移动客户中心的项目,遇到一个问题:在IOS下,input的属性改变不了,显示的是IOS的原生样式效果,可能先前做移动项目一直没注意到这点。然后查了些资料,发现IOS环境下的按钮都是经过美化的,但通常我们在开发项目的时候不需要这些看上去老土的样式,所以去除这些显得很有必要。我们可以看下ios和Android的表单input效果,如下图:IOS表单效果【原生样式】:IOS【重置且优化后效果
49 人浏览
webhome

谈谈input输入框中的value和placeholder属性应用

最近忙得不可开交,都没时间更新了,年底了嘛,为了冲KPI,公司的活动项目一个接一个呀,为了年底有个好收成,希望奖金多多啊。近期活动大都跟表单挂钩,不管是PC端还是移动端,做多了,想总结点心得,今天谈谈表单中input输入框的一些常用状态。由于HTML5的出现,使得表单的功能更加强大,input的功能应用起来更加简单,从value到placeholder。但是由于兼容问题,placeholder只适
48 人浏览
webhome

移动和PC端中的hover处理

移动和PC端中的hover处理最近都忙死了,好久都没更新博客了。今天还是想提下移动端的问题 :hover选择器。说到移动和PC端中的hover处理问题,已经碰到过很多次了,先前一直没去仔细的研究过,有时候忽略过去了。众所周知,现在项目都注重交互用户体验,譬如按钮之类的都加上hover效果。但是这个效果在PC端体验很好,如果页面需要做成响应式,那问题就来了,发现在移动端点击按钮后,会执行PC的hov
56 人浏览
webhome

谈谈移动端页面性能优化方案

众所周知,在互联网行业里,移动端占有的比例越来越高了,尤其实在电商领域,用户购物大部分在移动端。比如淘宝双11,在移动端支付的接近7成。这就要求我们产品质量越来越高,那对于我们前端工程师来说也是一个挑战,如何让我们所开发的页面能有更好的体验,就是我们今天讨论的话题:移动端页面性能优化。Html5的出现对于移动端影响挺大,HTML5框架可以提升网站的访问速度,通过优化前端将响应时间加快,使用户的等待
51 人浏览
webhome

微信小程序中wx.showToast延时执行

微信小程序中wx.showToast延时执行在做微信小程序项目开发时需要对用户交互的数据状态结果进行反馈,通过会用到dialog和toast等方法来实现,在反馈之后还有可能需要执行跳转等功能操作。拿Toast来讲,用户提交订单,订单提交成功,用toast来进行反馈,toast展示完成后进行跳转,进入会员中心页面,或者订单列表页。默认的情况是toast刚显示就进行了跳转操作,因此,需要对跳转操作进行
46 人浏览
webhome

注册谷歌帐号提示"此电话号码无法用于进行验证"

注册谷歌帐号提示"此电话号码无法用于进行验证"今天我一个哥们,想注册一个谷歌帐号,但是就是通过不了电话短信验证,一直提示"此电话号码无法用于进行验证"。网上有些说法可以破,据说出问题的情况有几种:一、此号码好多次注册过Google账户二、此号码是新出的号码段,或者是虚拟号码(例如170 147这些)三、天朝屏蔽的原因解決方法:一、用谷歌香港或者日本进行注册 https://www.google.c
74 人浏览
webhome

【性能优化】大神们教你如何打造高性能网站

曾几何时,几人公用1M的internet,经常会因为某某某偷偷的下载小电影导致网速慢而大吵,争得面红耳赤,谁会想到不到几年时间,宽带的普及,光钎20~100M都“习以为常”了;并且移动端5G时代都要来了,从2G到3G,从3G到4G,我们见证了许多的里程碑,移动行业的变革和创新,往往会带动社会上许多行业的颠覆性创新。这些迹象,只能感叹:Internet发展太快。互联网的发展,有目共睹,网速变得越来越
51 人浏览
webhome

2018年国内外网民常用浏览器之走势

这几天早上出门都看着有些人托着行李箱直奔车站,寽有感叹,时间过得好快,春节临近。可是可是。。。我还没买到票。每年这个时候都是最头疼的,一票难求,感觉今年的黄牛也不给力。牢骚发完,还是聊点其他的吧,今天的话题是2018年网民使用浏览器的走势。每年浏览器的格局都会有些变化,随着IE的退化,各大浏览器纷纷兴起,尤其是谷歌浏览器 "一马当先",成为大家最喜欢的浏览器。接下来我们一起回顾下2017年国内外网
52 人浏览
webhome

学下jQuery选择器

jQuery选择器jQuery选择器使得获得页面元素变得更加容易、更加灵活,从而大大减轻了开发人员的压力。如同盖楼一样,没有砖瓦,就盖不起楼房,得不到元素谈何其他各种操作呢?可见,jQuery选择器的重要性。jquery选择器大方向可以分为这样:下面我们先来看看基本选择器总的CSS选择器:1.标签选择器:$("element")其中,参数element,表示待查找的HTML标记名,如$("div"
51 人浏览
webhome

浅谈下页面中字体设置(font-family)和粗细(font-weight)问题

记得以前某某某天上午被设计师“调戏”了,记忆犹新啊,就是因为一个项目(PC和移动)中的字体问题,纠结了一上午,设计师非要字体效果跟设计稿上保持一致。那时那刻,我已无语,但是话说回来,大家都是为了项目的质量,所以得放平心态,反思,于是“诞生了”今天下午要分享的话题:CSS中的字体设置。谈到“CSS中的字体”,老生常谈的话题了,做过设计和前端的童鞋都会略知一些其中的“奥妙”。在平时工作中,完成一个项目
47 人浏览
zixun

浅谈下微信小程序中的路由(页面跳转、返回、刷新、页面栈)

浅谈下微信小程序中的路由(页面跳转、返回、刷新、页面栈)什么是小程序里的“路由”?路由器吗?蒙蔽?好吧,在WEB应用中它其实就是分组数据包从源到目的地时,决定端到端路径的网络范围的进程;在小程序里就是设置页面的跳转,返回,自动刷新等一些功能。而在微信小程序里,“路由”有很多限制,所以我们在开发小程序的时候,需要深入了解,否则就会掉坑里,被人笑话。微信小程序官方文档里提供了5种:wx.redirec
65 人浏览
zixun

微信小程序 返回上一页面时实现上一页面刷新

微信小程序 返回上一页面时实现上一页面刷新假如从页面B返回页面A时实现页面A刷新页面B: //当前页面栈 var pages = getCurrentPages(); if (pages.length > 1) { //获取上一个页面实例对象 var beforePage = pages[pages.length - 2];
58 人浏览
zixun

Wi-Fi 爆重大安全漏洞,Android、iOS、Windows 等所有无线设备都不安全了

移动设备横行的时代,Wi-Fi 已成为现代人生活的必备要素之一。但近日有计算机安全专家发现,Wi-Fi 设备的安全协议存在漏洞,如今用于保护 Wi-Fi 网络安全的保护机制已经被黑客攻破,苹果、微软、谷歌、Nest 等无线设备纷纷不再安全,就现有的漏洞,黑客可以轻松入侵用户装置、监听接入网络的设备。无论你在家还是在公众场合,只要连接 Wi-Fi ,极有可能会被入侵。据了解,这个安全协议漏洞名为“K
46 人浏览