自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

GUK

爱看博客的小白

原创 字符串截取

function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); //正则匹配...

2020-04-22 22:06:22 37 0

原创 2020 面试要记

1.防抖与节流防抖是什么? 触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间 实现方式:每次触发事件时设置一个延迟调用方法,并且取消之前的延时调用方法 缺点:如果事件在规定的时间间隔内被不断的触发,则调用方法会被不断的延迟方法 //防抖debounce代码: ...

2020-04-09 22:31:27 36 0

原创 vue

1、说说你对 SPA 单页面的理解,它的优缺点分别是什么? SPA( single-page application )仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转;取而代之的是利用路由机...

2019-10-20 21:55:54 205 0

原创 react

React 面试题 以下是面试官最有可能问到的 50 个 React 面试题和答案。为方便你学习,我对它们进行了分类: 基本知识 React 组件 React Redux React 路由 基本知识 1. 区分Real DOM和Virtual DOM Real DOM 更新缓慢。 ...

2019-10-20 21:36:39 38 0

原创 react相关知识

react的单项数据流: 单向数据流过程: 简单的单向数据流(unidirectional data flow)是指用户访问View,View发出用户交互的Action,在Action里对state进行相应更新。state更新后会触发View更新页面的过程。这样数据总是清晰的单向进行流动,便于维...

2019-10-20 20:52:44 24 0

原创 meta总结

什么是meta标签? 引自下W3school的定义说明一下。 元数据(metadata)是关于数据的信息。 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。 典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。...

2019-10-16 20:45:47 38 0

原创 requestAnimationFram优势

https://juejin.im/post/5c27105af265da61285a332f 利用seTimeout实现的动画在某些低端机上会出现卡顿、抖动的现象。 这种现象的产生有两个原因: setTimeout的执行时间并不是确定的。在Javascript中, setTimeout 任务...

2019-10-16 20:32:29 522 0

原创 vue生命周期钩子函数

vue探索 ————八大周期钩子函数 首先是官方文档上的图解 下面是执行顺序 1,beforeCreate():此钩子函数发生在实例创建之前,此时data,el,methods未初始化,观测数据和事件初始化完成, 2,created():此钩子函数data,methods数据初始化;el未初...

2019-10-13 22:50:10 26 0

原创 2019 面试题

js中“==”与"==="的区别 == 表示相等 (值相等) ===表示恒等(类型和值都要相等) js在比较的时候如果是 == 会先做类型转换,再判断值得大小,如果是===类型和值必须都相等 js中关于this指向的问题的简单总结 1:在全局作用域下 this对象指向的是...

2019-10-11 17:44:08 50 0

原创 vue-devtools的安装与使用

vue-devtools的安装与使用 一.在github上下载压缩包,github下载地址:https://github.com/vuejs/vue-devtools 二.解压到本地的某盘 三.用你的npm中进入该文件夹下 四.依次输: 1:npm install (如果在这部报错的话,...

2019-09-25 22:47:19 17 0

原创 vue 路由跳转传参

正常跳转 this.$router.push('/index'); 1带参   toOrderDetail() {    let orderUuid = this.order.uuid;    this.$router.push({path: `/orderDet...

2019-09-20 18:03:57 51 0

原创 小程序canvas换行与canvas生成图片分享朋友圈及分享好友

小程序canvas多余文字"..."处理 文字换行显示 分享给好友及朋友圈 保存图片到本地 所有的图片均要是https的 先用wx.downloadFile处理到本地 适配可用wx.createSelectorQuery().select('#canvas-con...

2019-08-29 11:57:16 171 0

原创 小程序日历 实现前端展示三个月 上下箭头切换效果

点击选中日期 开始时间和结束时间 类似于酒店入住 wxll <view class='wraper'> <view class="list"> <view class="close" cat...

2019-08-29 11:30:32 204 0

原创 前台页面 弹窗去除域名显示

window.alert = function alertw(name) { var iframe = document.createElement("IFRAME"); iframe.style.display = "none"; ifram...

2019-05-30 18:16:09 65 0

原创 小程序全面屏底部按钮适配

如果你的小程序页面按钮有用fixed定位到底部的话,那你一定会遇到兼容全面屏的坑(与底部横条重叠)。查了下文档,发现能用的就只有一个api: wx.getSystemInfoSync()wx.getSystemInfoSync() ​ 封装一个全局的函数 代码如下: app.js ...

2019-05-29 11:50:20 2315 0

原创 小程序列表倒计时

适合拼团用的倒计时: 通过后端传过来的数据,前端进行处理转换 js: data:{ pinkEntityList :[] } getpink:function(){ let that = this; util.request(api.GoodPink, { id: that....

2019-05-27 18:22:00 243 0

原创 jsA页面传值 B页面拿取值

法一: A页面: var loc = location.href; var n1 = loc.length;//地址的总长度 var n2 = loc.indexOf("=");//取得=号的位置 var id = decodeURI(loc.substr(n2+1,...

2019-05-10 11:58:42 97 0

原创 小程序getCurrentPages

收货地址 address.js selectAddress(event) { try { wx.setStorageSync('addressId', event.currentTarget.dataset.addressId); wx.s...

2019-03-19 11:13:53 1323 0

原创 使用antd按需加载

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

2018-12-13 18:40:44 939 0

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

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

2018-12-13 17:32:39 223 0

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

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

2018-11-30 12:11:02 452 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 408 0

原创 稀疏数组

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

2018-10-22 13:41:07 572 0

原创 arcTo画边框圆角

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &...

2018-10-15 12:20:36 103 0

原创 js倒计时

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

2018-09-17 16:59:50 93 0

原创 小程序修改radio默认样式

&lt;radio-group class="radio-group" bindchange="radioChange"&gt; &lt;label class="radio" wx:for="{{...

2018-09-13 13:40:53 14972 3

原创 小程序表单验证

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

原创 时间格式化

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

2018-08-10 18:02:36 158 0

原创 JS 瀑布流

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

2018-08-07 19:17:43 66 0

原创 Postman教程

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

2018-08-06 18:10:57 852 1

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

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

2018-08-03 10:41:59 58 0

原创 神奇的选择器 :focus-within

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

2018-08-02 16:32:42 113 0

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

  &lt;p class="p p0"&gt;&lt;span class="c"&gt;Ba&lt;/p&gt;   &lt;p class="p p1"&gt;&...

2018-07-31 11:48:04 116 0

原创 less初学

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

2018-07-26 17:15:09 77 0

原创 Transition and Animation

Transition 语法 1 2 3 4 5 6 7 .example { transition-property: all | none | &lt;custom-ident&gt;; transition-duration: 0...

2018-07-26 10:38:22 138 0

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

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

2018-07-25 12:01:30 1236 0

原创 css小技巧

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

2018-07-24 16:47:04 62 0

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

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

2018-07-24 14:53:12 2191 0

原创 js运算符的一些特殊应用

//19 个常用的 JavaScript 简写方法 https://www.cnblogs.com/Byme/p/8258354.html 来自:SangSir 链接:https://segmentfault.com/a/1190000012673854 原文:https://www.si...

2018-07-23 19:48:37 91 0

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