- 博客(20)
- 收藏
- 关注
RSS订阅原创 微信小程序日期组件实现
<view class="wrapper" wx:if='{{show}}' catchtouchmove="preventD"> <!-- 日期模态框 --> <view class="modelboxbg"></view> <view class="modelbox"> <view class="model_picker"> <view class="button_model">
2021-04-09 10:38:19
218
转载 ios手机 软键盘收起后页面下方出现空白需手动滑下来
监听失焦事件 给页面设置滚动使页面回来。 $('.info_list .mobile input, .info_list .verifica_code input').on('blur', function () { scrollTop(); });// ios手机上失焦回弹(软键盘收起 底部空白问题) function scrollTop() { setTimeout(() => { window.scrollTo(0, 0
2021-04-09 09:20:56
390
转载 小程序无障碍
读屏软件移动端 APP 访问无障碍特性，开启读屏模式的设置路径：iOS： 设置 -> 通用 -> 辅助功能 -> 旁白（VoiceOver） 。安卓：设置 -> 辅助功能 -> 无障碍 -> TalkBack（不同机型路径可能不一样）VoiceOver 手势轻点：选择并朗读项目。轻点两下：激活所选项目。左右轻扫：选择下一项或上一项。三个手指向上或向下轻扫：滑动屏幕上的列表或区。双指搓擦：快速来回移动两个手指三次（形成“z”字形）以解除提醒，或者返回上一个
2020-12-14 13:51:50
1508
转载 微信小程序实现文字从右向左滚屏
<scroll-view class="container"> <view class="scrolltxt"> <view class="marquee_box"> <view class="marquee_text" style="transform: translateX(-{{marqueeDistance}}px)"> <text>{{text}}</text> <text style=
2020-12-08 14:04:55
1085
转载 JS获取HTML video标签视频第一帧
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>capture screen</title></head><body><video id="video" controls="controls"> <source src="1.mp4"></video><div id="output"&g.
2020-12-07 15:09:24
1883
1
转载 移动端键盘收起，页面没能恢复原状的解决方案
// 优化移动端键盘收起时页面没能恢复原状的问题let inputs = document.getElementsByTagName('input');let timer = null;for (let input of inputs) { input.addEventListener('blur', function() { timer = setTimeout(() => { window.scrollTo(0, 0);
2020-12-06 15:46:00
896
转载 js深拷贝浅拷贝
1、深拷贝和浅拷贝的区别浅拷贝： 将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用深拷贝： 创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”2、为什么要使用深拷贝？我们希望在改变新的数组（对象）的时候，不改变原数组（对象）3、只对第一层级做拷贝深拷贝数组（只拷贝第一级数组元素）1、直接遍历var array = [1, 2, 3, 4];function copy (array) { let newAr
2020-12-06 15:16:22
128
转载 闭包
1、最简单的闭包function A(){ function B(){ console.log('Hello Closure!'); } returnB;}varC = A();C();// Hello Closure!定义普通函数 A在 A 中定义普通函数 B在 A 中返回 B执行 A，并把 A 的返回结果赋值给变量 C执行 C2、闭包的定义当一个内部函数被其外部函数之外的变量引用时，就形成了一个闭包。3、为什么用闭包在 Javascr
2020-12-06 14:30:02
83
转载 提高你CSS开发效率的必备片段
1、页面重置/* reset */html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}header,footer,section,article,aside,nav,hgroup,address,figure,figcaptio
2020-12-06 13:17:11
117
转载 css基线与行高
1、基线、底线、顶线、中线注意：基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。2、vertical-align：设置元素的垂直对齐方式。如果行内含有图片和文字，在浏览器渲染出来后，读者可以发现文字和图片在垂直方向并不是沿中线居中，而是沿基线对齐。这是因为，元素默认的垂直对齐方式为基线对齐（vertical-align：baseline）。2.1、基线对齐（vertical-align：baseline）2.2、顶端对齐（vertical-align：top）2.
2020-12-05 15:55:50
251
转载 js 计算两个时间的时间差
计算时间差原理getTime()方法可返回距 1970 年 1 月 1 日之间的毫秒数。通常我们计算时间差都是通过获取两个时间数据，然后分别使用getTime（）方法返回与固定的1970 年 1 月 1 日的时间差，通过对返回毫秒数的差，换算成时间单位，得出两个时间的时间差。第一种："2017/08/28 04:56:38"//这种格式不用再进行处理第二种："2017-08-01 18:56:38"//这种格式就要进行处理因为new Date()方法不能处理第二种数据，所以我们这里需要将第二种数
2020-12-05 14:52:15
1902
转载 angular中input 标签上的【name属性】和【ngModelOptions属性】
利用“@angular/forms" 创建表单的时候，系统默认会创建一个”FormGroup"的对象。使用带有“ngModel"的”“标签时，系统会自动为这个标签创建一个叫做”FormControl"的对象，并且会自动把它添加到”FormGroup"中。而“FormControl"在”FomGroup“中是用""标签上的”name"属性来做标识的。<form #f="ngForm"> <input type="text" [(ngModel)]="firstFieldVaria
2020-12-05 13:53:55
1190
原创 Angular中的ng-container
ng-container是逻辑容器标签，可以用作组节点，不会被渲染成DOM,但会被解析为HTML的Comment.<div><ng-container>foo</ng-container><div>
2020-12-04 16:03:48
254
1
转载 angular4 get post 请求
1、在app.module.ts引入HttpMoudleimport { BrowserModule } from '@angular/platform-browser';import { HttpModule } from '@angular/http';imports: [ BrowserModule, HttpModule ],2、在对应使用请求的组件的ts中引入import { Http , ResponseOptions , Headers , URLSear
2020-12-04 15:11:21
308
原创 获取地址栏参数
1、采用正则表达式获取地址栏参数：（ 强烈推荐，既实用又方便！）function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=null)return unescape(r[2]); return null;}var myu
2020-12-04 14:55:15
794
转载 异步
1、为什么要使用异步由于javascript是单线程的，只能在JS引擎的主线程上运行的，所以js代码只能一行一行的执行，不能在同一时间执行多个js代码任务，这就导致如果有一段耗时较长的计算，或者是一个ajax请求等IO操作，如果没有异步的存在，就会出现用户长时间等待，并且由于当前任务还未完成，所以这时候所有的其他操作都会无响应。2、那为啥JS不设计成多线程的这主要跟javascript的历史有关，js最开始只是为了处理一些表单验证和DOM操作而被创造出来的，所以主要为了语言的轻量和简单采用了单线程的模
2020-12-04 14:39:18
773
原创 CSS尺寸单位 % px em rem vw/vh 详解
在CSS中，尺寸单位分为两类：相对长度单位和绝对长度单位。相对长度单位按照不同的参考元素，又可以分为字体相对单位和视窗相对单位。字体相对单位有：em、ex、ch、rem；视窗相对单位有：vw、vh、vmin、vmax几种。绝对长度单位则是固定尺寸，它们采用的是物理度量单位：cm、mm、in、px、pt以及pc。但在实际应用中，我们使用最广泛的则是em、rem、px以及百分比（%）来度量页面元素的尺寸。px为像素单位。它是显示屏上显示的每一个小点，为显示的最小单位。它是一个绝对尺寸单位，是不能变动的；它的
2020-11-27 13:53:50
1231
原创 calc, support, media各自的含义及用法？
@supportCSS中的@support主要是用于检测浏览器是否支持CSS的某个属性，其实就是条件判断，如果支持某个属性，**你可以写一套样式，如果不支持某个属性，你也可以提供另外一套样式作为替补。**但是这里有一点需要注意的是：@support对于浏览器的版本也是有要求的，不是说所有的浏览器以及其所有的版本都是支持@support的。1.逻辑操作符：“not” 的用法@supports not (display: flex) { div { float: right; }}注释：如果
2020-11-26 19:57:27
1266
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人