西岭千秋雪-CSDN博客

原创微信小程序开发--模板(template)使用，数据加载，点击交互

微信小程序视图层提供了模板(template)，可以在模板中定义代码片段，然后在不同的地方调用。结果在数据渲染那懵逼了。按照官网上对模板的说明和对数据的加载。1、定义模板　　使用name属性，作为模板的名字。然后在<template/>内定义代码片段，如：...

2018-09-19 18:08:29 4444

原创微信小程序开发--宽为百分百，页面仍可左右滑动

　　这段时间小程序开发时，很多时候，希望内容充满整个屏幕（高度、宽度100%），如下图　　　　但是在设置 .followrecords-container{width:100%;} 后发现手机在横向上虽然页面完全展示了，但是部分手机的页面却可以左右滑动(好像是溢出了一样，页面的右边总有一块白色区域)，这肯定不是我们需要的。你上下滑动是正常功能，如果是左右页面切换，能滑动也是正常的，但是你...

2018-09-19 10:46:12 7642 3

原创微信小程序开发--路由切换，页面重定向

这段时间开发了一个微信小程序，虽然小程序的导航API 官方文档写得很详细，但是在具体开发过程中还是会遇到很多不明白，或者一时转不过弯的地方。1、页面切换传参，参数读取　　　1.1 wx.navigateTo(object)　　功能：保留当前页面，跳转到应用内的某个页面，但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到当前页面。wx.na...

2018-09-18 10:56:10 1363

原创 KeyPress 和KeyDown 、KeUp之间的区别

　　前几天，在写完一个功能模块上线测试的时候，出现了一个诡异的问题。input 框在输入查询内容之后，按回车键居然有两种不同的表现形式（input 框没有绑定键盘事件），谷歌和火狐功能正常，但IE在按了回车键以后居然自动调用方法。页面结构：标签上没绑定任何键盘事件，控制器内也没有给元素绑定键盘事件。<div class="search-input-tel search-input-...

2018-08-13 16:16:32 263

原创微信小程序开发--背景图显示

这两天开发微信小程序，在设置背景图片时，发现在wxss里面设置 background-image:(url) 属性，不管是开发工具还是线上都无法显示。经过查资料发现，background-image 只能用网络url或者base64图片编码，本地图片只能用 image标签src属性才行。当然 image标签src属性也可以使用网络url或者base64图片编码。　　下面通过...

2018-08-07 18:13:00 1537 1

原创 angularjs -- 页面模板清除

　　前几天项目在上线过程中，出现了一些新问题。页面在切换时由于前一个页面的模板清理不及时，会造成页面的重叠。导致这个问题的原因是：页面模板缓存，即上一个页面退出时，浏览器没有及时清空上一个页面的模板，导致新页面加载时，旧页面模板依然存在，从而页面出现重叠。模板缓存清除：　　模板缓存的清除包括传统的 HTML标签设置清除缓存，以及angularJs的一些配置清除，和angularJs的路由切...

2018-07-19 18:07:23 732

原创鼠标移动刻度线，刻度标识

这两天项目需要一个优先级刻度线，并且带鼠标拖动值变换。度娘了下，发现没有符合要求的，想想自己写了一个，放在这，万一以后还用的着呢！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>滑动刻度线</title&am

2018-06-22 10:57:21 394

　　前两天同事面试新人，让现场写”轮播的实现”。我一想这玩意貌似我也没写过啊，就在旁边暗搓搓地拖了一张纸也在那写，同事都纳闷了！这玩意实现方法有很多种，就看喜欢那种，喜欢怎么写而已。我这里是通过对img opacity样式修改，达到对img显隐的控制。img轮播到那个位置，就对该位置的img样式进行设置，首先将上一张img样式opacity变为0，然后将新位置img样式opacity设置为1，从而...

2018-06-03 23:49:06 121

原创 settimeout、setinterval区别和相互模拟

前几天翻书，看到“避免双重求值”一节时有提到settimeout()、setinterval() 建议传入函数而不是字符串以作为第一个参数，所以这里总结一下settimeout()和setinterval()的区别，以及它们之间的相互模拟。　　setTimeout()：方法用于在指定的毫秒数后调用函数或计算表达式(函数更好，下面会解释为什么函数更好！)。　　语法：setTimeout(code,...

2018-05-18 16:25:30 1658

原创文件的上传与下载、图片的上传和读取

这几天一直在做报表模块。做报表的过程中，需要上传本地CSV格式文件，以供后端解析，从而批量导入数据；同时，也需要从后端下载文件(格式多种：有CSV,PDF，以及JSON)，用于本地浏览。　　上传文件：文件的上传基本都是采用 <input type="file" id="upload_files" name="upload_files"/>。通过 type="file"打开本地文件夹...

2018-04-20 18:43:42 2386

原创 angularjs -- 监听angularJs列表数据是否渲染完毕

angularjs -- 监听angularJs列表数据是否渲染完毕　　前端在做数据渲染的时候经常会遇到在数据渲染完毕后执行某些操作，这几天就一直遇到在列表和表格渲染完毕后，执行点击和选择操作。对于angularjs处理这类问题，最好的方式就是指令 directive。　　首先，定义指令：app.directive('onfinishrenderfilters', function ($timeo...

2018-03-08 14:21:41 549 2

tianp576507773的博客