gukk

爱看博客的小白

排序:
默认
按更新时间
按访问量

js倒计时

var tt = setInterval(function () { dateDown(timeCalc(toTime)) //定义倒计时的结束时间,注意格式 }, 50); //定义计时器,每隔1000毫秒 也就是1秒 计算并更新 div的显示 var cha; ...

2018-09-17 16:59:50

阅读数:12

评论数:0

小程序修改radio默认样式

<radio-group class="radio-group" bindchange="radioChange"> <label class=&...

2018-09-13 13:40:53

阅读数:25

评论数:0

小程序表单验证

// 判定输入为非空字符 formSubmit: function (e) { var that = this; var phone = e.detail.value.phone; var vip = e.detail.value.vip; var reg ...

2018-08-20 12:26:27

阅读数:34

评论数:0

移动端1px边框实现

/*手机端实现真正的一像素边框*/ .border-1px, .border-bottom-1px, .border-top-1px, .border-left-1px, .border-right-1px {    position: relative;  } /*线条颜色 黑色*/ .bord...

2018-08-14 15:55:49

阅读数:30

评论数:0

时间格式化

var util = require('../../utils/util.js'); const app = getApp() Page({ data: { aftertime:'', timeD:'' }, onLoad: function (options) { var ...

2018-08-10 18:02:36

阅读数:27

评论数:0

JS 瀑布流

 第一步 创建模板 首先你的想好,你想要创建几列,然后在body中创建好模板 <div id="box"> <ul></ul&am...

2018-08-07 19:17:43

阅读数:16

评论数:0

Postman教程

简介: Postman是chrome的一款插件,用于做接口请求测试,无论是前端,后台还是测试人员,都可以用postman来测试接口,用起来非常方便。 打开之后如下图所示,左边是项目具体的接口,右上上面是请求链接,请求体,右边下面是具体的响应体 添加接口: 先选择左边的 &quo...

2018-08-06 18:10:57

阅读数:14

评论数:0

居中一个元素?你会想到啥?包括水平居中,垂直居中,还有水平垂直居中。 如果要再要细分,还要分浮动元素、绝对定位的居中。

第一部分:水平居中 1、常规元素的水平居中 行内元素、不定宽块级元素:text-align 注意:将div#inner 换成 span#inner 效果一样。 样式: #outer {text-align:center} <div id='outer'&...

2018-08-03 10:41:59

阅读数:14

评论数:0

神奇的选择器 :focus-within

伪类选择器 :focus-within 言归正传,今天要说的就是:focus-within 伪类选择器。 它表示一个元素获得焦点,或,该元素的后代元素获得焦点。划重点,它或它的后代获得焦点。 这也就意味着,它或它的后代获得焦点,都可以触发 :focus-within。 :focus-wit...

2018-08-02 16:32:42

阅读数:28

评论数:0

了解 CSS 字体度量,行高和 vertical-align

  <p class="p p0"><span class="c">Ba</p>   &...

2018-07-31 11:48:04

阅读数:27

评论数:0

less初学

安装 less $ npm install -g less     //全局安装 我们现在要编译less文件夹下的 tess.less 文件,编译时需先定位到项目中的less文件目录,然后使用如下命令进行编译,这样就可以将 test.less 文件编译成 test.css 文件了。 $ l...

2018-07-26 17:15:09

阅读数:18

评论数:0

Transition and Animation

Transition 语法 1 2 3 4 5 6 7 .example { transition-property: all | none | <custom-ident>; transition-dur...

2018-07-26 10:38:22

阅读数:26

评论数:0

没有webpack.optimize.CommonsChunkPlugin,解决办法。

今天在对着webpack中文指南一点点敲demo,在代码分离这一节遇到了一个报错: 在webpack.config.js改了一下代码: //optimization与entry/plugins同级 optimization: { splitChunks: { cacheGroups: {...

2018-07-25 12:01:30

阅读数:174

评论数:0

css小技巧

padding 的图形绘制 一个元素画出红领巾的“三道杠” .box1 { display: inline-block; background: currentColor; width: 140px; height: 10px; border-top: 10px solid...

2018-07-24 16:47:04

阅读数:15

评论数:0

PNG格式小图标的CSS任意颜色赋色技术和filter:drop-shadow实现尖角带阴影的提示面板效果

上面的不是很黑的是原始图标,是个PNG图片,下面这个是可以赋色的: 原理其实很简单,使用了CSS3滤镜filter中的drop-shadow,drop-shadow滤镜可以给元素或图片非透明区域添加投影。 对于背景透明的png小图标而言,如果我们施加一个不带模糊的投影,不就等同于生成了另外...

2018-07-24 14:53:12

阅读数:91

评论数:0

js运算符的一些特殊应用

是否包含指定字符: ~ ~"str1".indexOf("str2") str1 被查找的字符串 str2 查找的字符串 如果 str1 不含有 str2 ,则返回数字 0 。 例: var str1='abc'; ...

2018-07-23 19:48:37

阅读数:13

评论数:0

微信小程序乐园-checkbox(全选、全不选)

首先这是我的设计思路: 一、传入以下Json数据格式的数组 1.标题title 2.图片地址 3.数量num 4.价格price 5.是否选中selected 二、点击复选框toggle操作 如已经选中的,经点击变成未选中,反之而反之 点击依据index作为标识 三、全选操作 首次点...

2018-07-20 19:08:23

阅读数:457

评论数:0

数组的32个方法

数组的判断 1个方法 Array.isArray() 语法:Array.isArray(obj) 参数:需要检查的对象 返回:true,false 开唱: 判断数据类型的方法有几个比如使用typeof,instanceof,那么为什么还要有isArray方法呢? ...

2018-07-20 16:32:31

阅读数:82

评论数:0

你可能从未听说过这15个HTML元素方法!

虽然现代化的 web 开发更多地依赖各种 MVC 框架,但开发者仍需要熟练掌握 HTML 与 DOM 方面的基础知识。不过,即使是有着多年经验的前端开发者,也会遇到一些不明所以的情况。本文首先将为初学者介绍 HTML 与 DOM 的基本常识,随后为大家介绍 15 个比较冷门的 HTML 元素的方法...

2018-07-20 11:34:46

阅读数:40

评论数:0

javascript 验证身份证完全版,根据身份证获取性别年龄

1.验证身份证 var idcard=function (_v,item) { var area = { 11 : "北京", 12 : "天津&...

2018-07-19 19:06:27

阅读数:44

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭