gukk

爱看博客的小白

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

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

2018-07-31 11:48:04

阅读数:39

评论数:0

less初学

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

2018-07-26 17:15:09

阅读数:22

评论数: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

阅读数:34

评论数:0

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

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

2018-07-25 12:01:30

阅读数:312

评论数:0

css小技巧

移动端我们在点击页面中的一些图片的时候会出现阴影。处理方法只要给a标签加上 a {   -webkit-tap-highlight-color: transparent;   -webkit-touch-callout: none;   -webkit-user-select: none; }...

2018-07-24 16:47:04

阅读数:19

评论数:0

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

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

2018-07-24 14:53:12

阅读数:221

评论数:0

js运算符的一些特殊应用

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

2018-07-23 19:48:37

阅读数:16

评论数:0

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

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

2018-07-20 19:08:23

阅读数:1195

评论数:0

数组的32个方法

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

2018-07-20 16:32:31

阅读数:87

评论数:0

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

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

2018-07-20 11:34:46

阅读数:47

评论数:0

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

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

2018-07-19 19:06:27

阅读数:96

评论数:0

遇见未知的 CSS

1.1 CSS中你可能会疑问的几个问题 1.1.1 在CSS中为什么要有层叠 在CSS中可能会有多个样式表同时影响同一个元素的某个属性,设计这个功能的主要原因有两个,解决模块化和作者、用户、用户代理样式冲突。 模块化 一个页面中的样式可以拆分成多个样式表,代码如下。 @import ur...

2018-07-19 12:28:53

阅读数:74

评论数:0

es6

想写出优雅的代码?试试这些ES6小tips 最近又重温了ES6的文档,发现除了箭头函数,解构赋值,扩展运算符这样常用的语法外,还有很多很给力的方法,不仅使代码更简洁,还可以提高代码的健壮性,更令我意外的是,浏览器兼容大部分的方法,无需babel也可完美运行。所以觉得很有必要整理一下,在项目中,抛...

2018-07-18 18:45:49

阅读数:113

评论数:0

精确计算微信小程序scrollview高度,全机型适配

众所周知,可以滑动的 scroll 组件在移动端非常的重要,几乎每个页面都要用到。 而小程序的 scroll-view 组件就比较坑了,非得指定一个高度才能正常使用。布局复杂的时候谁还给你算高度啊。。。 坑归坑,没办法,还是得用……既然官方要求必须传高度,那就想办法计算吧。 一、布局分析,推...

2018-07-18 18:43:06

阅读数:539

评论数:0

JavaScript 学习之继承

Javascript 的继承的实现方法有很多种,之前虽然学习过,但是没有综合整理过,这一次就来整理整理 Javascript 语言的继承方面的知识。关于详细的Javascript 的继承方面的知识,推荐大家去看那本红宝书 ————《JavaScript高级程序设计》。 虽然 ES6 推出了 cl...

2018-07-18 18:19:51

阅读数:32

评论数:0

一些冷门的js操作

1.数组 类似一些遍历类型的api:forEach、map,可能有人就说了:不就是arr.map(x=>x+1),要是涉及到索引,那就再来个index,arr.map((x,index)=>x+index),多简单是不是 然后,先抛出一个问到烂的面试题...

2018-07-18 18:13:27

阅读数:38

评论数:0

flex的使用实例

1.  flex设置元素垂直居中对齐 HTML代码: <div class="demo"> <div class="inner"&gt...

2018-07-18 14:21:19

阅读数:36

评论数:0

小程序实现城市选择

<view class="search-box"> <input placeholder="中文/拼音/首字母" class='search-input' b...

2018-07-17 19:50:04

阅读数:214

评论数:0

小程序时间排序布局

wxml: <view class='list'> <view class='li1'> <view class='img'></view...

2018-07-17 14:32:01

阅读数:245

评论数:0

canvas第二天

<canvas id="myCanvas" width=1000 height=1000></canvas>          var canvas = document...

2018-07-13 16:41:29

阅读数:32

评论数:0

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