gukk

爱看博客的小白

使用antd按需加载

使用antd按需加载 使用react-app-rewired对 create-react-app 的默认配置进行自定义 yarn add react-app-rewired --dev /* package.json */ "scripts": { - ...

2018-12-13 18:40:44

阅读数:69

评论数:0

Create-react-app+Antd+Less 在项目yarn eject 的情况下进行配置

暴露所有内建的配置(注:我这里用的是yarn) yarn eject 注:如果yarn eject 报错的解决的方法 git add . git commit -m 'aa' yarn eject       使用babel-plugin-import实现Antd按需加载,并修改...

2018-12-13 17:32:39

阅读数:49

评论数:0

React 的弹框实现(类 Antd 的 append 到 body)

Modal, PopUP, Toast, ToolTip 等这些都属于弹框。平时我们使用弹框一般有两种方式:一种是通过函数形式弹出,另一种是组件形式弹框。 下面我分别对两种弹出方式写了2个 Demo,如果有可以优化的地方,请多多指点。。。 函数形式弹出 // mask.js import R...

2018-11-30 12:11:02

阅读数:89

评论数:0

-webkit-user-select: none;导致的移动端input=text 无法输入

解决办法: * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: trans...

2018-11-08 19:23:17

阅读数:32

评论数:0

稀疏数组

稀疏数组就是包含从0开始的不连续索引的数组。通常,数组的length属性值代表数组中元素的个数。如果数组是稀疏的,length属性值大于元素的个数。可以用Array()构造函数或简单地指定数组的索引值大于当前的数组长度来创建稀疏数组。 a = new Array(5); //数组没有元素,...

2018-10-22 13:41:07

阅读数:40

评论数:0

arcTo画边框圆角

<!DOCTYPE html> <html lang="en"> <head> <meta cha...

2018-10-15 12:20:36

阅读数:22

评论数:0

js倒计时

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

2018-09-17 16:59:50

阅读数:25

评论数:0

小程序修改radio默认样式

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

2018-09-13 13:40:53

阅读数:1857

评论数:1

小程序表单验证

// 判定输入为非空字符 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

阅读数:264

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

阅读数:83

评论数:0

时间格式化

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

2018-08-10 18:02:36

阅读数:54

评论数:0

JS 瀑布流

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

2018-08-07 19:17:43

阅读数:26

评论数:0

Postman教程

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

2018-08-06 18:10:57

阅读数:265

评论数:0

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

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

2018-08-03 10:41:59

阅读数:23

评论数:0

神奇的选择器 :focus-within

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

2018-08-02 16:32:42

阅读数:45

评论数:0

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

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

2018-07-31 11:48:04

阅读数:50

评论数:0

less初学

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

2018-07-26 17:15:09

阅读数:28

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

阅读数:46

评论数:0

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

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

2018-07-25 12:01:30

阅读数:466

评论数:0

css小技巧

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

2018-07-24 16:47:04

阅读数:25

评论数:0

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