2018年11月_@Demi

原创微信小程序操作dom元素节点 wx.createSelectorQuery()

WXML<view> <text class="title" id="productServe">产品服务</text> <text class="title" id="enterpriseServe">企业服务</text> <text clas

2018-11-30 17:31:43 88887 8

原创图解事件坐标screenX、clientX、pageX, offsetX的区别

一、图解如图所示，假设页面中灰色圆点是鼠标点击处，黄色区域是鼠标触发事件对象二、概念1、screenX 和screenY参照点：电脑屏幕左上角 screenX：鼠标点击位置相对于电脑屏幕左上角的水平偏移量 screenY：鼠标点击位置相对于电脑屏幕左上角的垂直偏移量2、clientX和clientY参照点：浏览器内容区域左上角 clientX：鼠标点击位置相对...

2018-11-30 15:13:57 13754 1

原创解决小程序图片在开发者工具能显示，真机不显示问题

最近在学习微信小程序开发，刚写完一个测试页面拿起手机体验的时候bug就出现了，心里苦~ 出现个很奇怪的问题，页面的图片在开发者工具中明明是可以显示的，但到了真机中却不见了，检查过图片src路径，貌似也没写错吖。于是开始去网上找各种博客、帖子。大致的解决方法无非是以下几种：图片路径不能带有中文图片名称去除空格将图片前缀http改成https 域名需备案...

2018-11-23 18:26:18 21299 4

原创调用移动端“搜索”按键，触发后收起软键盘

将input元素的type值替换成“search”,在移动端会唤出“搜索”按键。需注意的是，对于苹果手机input元素必须要有一个form标签套起来，否则键盘上的文字不能变成搜索字样<form id="myform" action="#" onsubmit="return false;"> <input id="keyword" typ...

2018-11-20 17:30:46 3513

原创 css3动画实现简单的幻灯片效果

css3 Animation属性 css3的animation属性可以像Flash制作动画一样，通过关键帧控制动画的每一步，实现复杂的动画效果。@keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。css3Animation属性详解属性描述参数 animation 所有动画属性的简...

2018-11-20 11:34:18 2656

原创 html+css，让div水平垂直居中的几种方式

在web前端开发中经常需要使用到让div进行水平和垂直居中的技术,现在我们就来谈谈如何实现div水平垂直居中（如下图所示）div元素在屏幕上水平垂直居中的三种方法HTML中有个class为box的div元素，通过修改css样式让box元素在页面水平垂直居中显示<body> <div class="box"> </div>...

2018-11-19 16:29:58 6313

随着HTML5的出现，input表单元素新增了多种输入控件，用以接受各种类型的用户输入。其中text、password、radio、checkbox、button、submit、reset、image、hidden、file这10个是传统的输入控件，HTML新增的输入控件包括url、tel、search、email、color、number、range、month、week、date、time、...

2018-11-16 15:56:59 32569 2

越努力，越幸运！