自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

叫我官人

我不管,我最帅!

原创 微信小程序--引入第三方框架 Vant (配合vsCode)

1.新建小程序项目文件 2.初始化生成项目结构如下,同时我们手动在根目录下新建文件夹miniprogram(为引入vant 做准备) 3. 鼠标右键miniprogram文件夹,选在在终端打开 输入命令:npm init(记得以管理员身份运行开发工具),然后一直回车,直至在minip...

2020-06-29 16:33:18 43 0

原创 将普通的数组转换为父子结构

//将普通的数组转换为父子结构 transformTozTreeFormat: function (sNodes) { var i, l; var r = []; var tmpMap = {}; for (i = 0, l = sNodes.length; i ...

2020-06-01 14:36:14 85 0

转载 js节流与防抖,防止重复提交、防止频繁重复点击

一、节流、防止短时间多次提交操作 现有一提交按钮<button id="submit">提交</button>点击后提交表单信息。 但是经常会出现: 1.不小心点了多次,就提交了多次 2.网络卡顿的时候网页没反应,用户频繁点击的情况 // 即这...

2019-12-16 17:38:06 48 0

原创 JS数组的交集、并集、差集

需求1 有两个数组ary1,ary2 实现去除ary2与ary1相同的元素 打印 --> 需求2 获得ary1与ary2重复的元素 打印 --> 需求3 去除ary1与ary2重复的元素 打印 --> Set ...

2019-10-25 17:48:40 56 0

原创 el-tree 结构使用

<template> <div> <el-tree :data="datas" show-checkbox node-key="id" ref="tree&q...

2019-09-16 06:24:52 1245 2

原创 判断两数组之间是否存在交集关系

/* * @Author: doinb * @Date: 2019-07-29 14:46:09 * @LastEditTime: 2019-08-02 14:52:52 */ //判断两数组之间是否存在交集关系 let arr1=[1,2,3] let arr2 = [4] let ...

2019-08-02 14:56:23 779 0

原创 vue 登录注册验证

<template> <div class="page"> <div class="login-box"> <p data-v-032893be class="title"...

2019-06-05 17:14:34 1481 0

转载 vue 引入svg

创建SvgIcon组件 <template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName">...

2019-05-08 17:16:36 2552 1

原创 ES6删除和过滤对象中部分属性

let student={ age: 20, name: '官人', sex: "男" } // func1: const param = (({name,sex}) =&g...

2019-04-08 17:38:00 10375 0

转载 vue关于路由懒加载方案(改进)

路由懒加载 当打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能,轻松实现路由组件的懒加载。如: cons...

2019-03-20 17:03:32 627 0

原创 修改数组对象的属性(key)名

例如:把如下data1的key名称修改成data2中的key名称 data1: [ { appName: '应用1', capacity: 233456 }, { title: '应用2', key: 124535 }] data2: [ { nam...

2019-02-27 16:19:03 5154 0

原创 js遍历技巧和方法优化

使用 Array.includes 来处理多重条件 // 条件语句 function test(fruit) {   if (fruit == 'apple' || fruit == 'strawberry') {     console.log('...

2019-02-20 14:50:21 191 0

原创 vuex封装

vuex的使用 1.组件中通过dispatch事件触发actions eg: methods: { 事件名: function() { this.$store.dispatch("键值名", 需要存储的值); ...

2019-01-25 15:55:28 1426 0

原创 flutter + 夜神模拟器连接问题处理

adb connect 127.0.0.1:62001 当出现链接失效时,且提示:adb unable to connect to 127.0.0.1:62001: cannot connect to 127.0.0.1:6200: 由于目标 计算机积极拒绝,无法连接。(PS:输入此命令前提是需要...

2019-01-23 16:58:10 5143 0

转载 Echarts数据可视化全解注释

https://blog.csdn.net/luanpeng825485697/article/details/76691965

2018-10-26 11:46:45 110 0

原创 js对时间戳的转换

add0(m) { return m &lt; 10 ? "0" + m : m; }, format(shijianchuo) { //shijianchuo是整数,否则要parseInt转换 var time = new Date(shijianchuo)...

2018-10-26 11:39:36 57 0

转载 vue3.0快速创建项目

https://blog.csdn.net/xuqipeter/article/details/80452271

2018-10-26 11:31:35 920 0

原创 TradingView 相关自定义参数配置

1,禁用自带的一些功能 disabled_features:[//开启图表功能的字符串文字允许将用户设置保存到本地存储 'header_symbol_search',//头部搜索 “header_widget_dom_node”,//隐藏头部组件 'sou...

2018-09-27 17:55:46 6451 0

原创 vuex一个demo轻松理解

 1.安装vuex $ npm install vuex --save 2.在src目录下新建store文件和store.js 3.store.js // store.js import Vue from 'vue' import VueX from '...

2018-09-12 14:58:32 91 0

原创 vue项目中如何实现国际化

  一、实现国际   首先,我开发是以 vue 为技术栈,所以如题用的国际化插件是 vue-i18n,附上 github 传送门。 1、我们得先有开发环境,先有项目跑起来,我推荐如果是喜欢用 vue 的小伙伴,可以尝试 vue-cli 官方脚手架。这边有我整理的一个脚手架 demo ,有...

2018-09-06 16:30:48 677 0

原创 Vue history/hash模式打包页面空白处理

相信很多新手在history/hash模式下被坑的很惨,处理history模式下页面打包空白,经测试ok 一、vue项目携带一个#会对开发造成一定的影响: 1、微信三方登录回调地址,有#号时,接收不到code参数 2、微信H5支付的回调地址,不允许有# 3、App分享,处理特殊字符时,可能...

2018-09-06 11:10:03 2674 1

原创 vue使用socket.io做到数据长链接

vue中使用socket协议 vue-cli 脚手架目录结构 1.参照vue-socket.io的git地址说明文档进行安装 npm install vue-socket.io 2.main.js里面注册一下。vue.use 里面的链接是后台的提供给你的socket地址 // sock...

2018-09-06 10:49:25 2349 0

原创 css坑点

1、flex布局 flex布局 2、box-shadow阴影 box-shadow: h-shadow(必选) v-shadow(必选) blur spread color inset; box-shadow Example: box-shadow:0 0 20rpx...

2018-09-05 17:36:46 76 0

原创 js时间相关处理

计算时间差原理: getTime()方法 方法定义: getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。 通常我们计算时间差都是通过获取两个时间数据,然后分别使用getTime()方法返回与固定的1970 年 1 月 1 日的时间差,通过对返回毫秒数的差,换算成时间...

2018-09-05 16:33:29 78 0

原创 从条纹边框的实现谈盒子模型

类似下面这个图形,只使用一个标签,可以有多少种实现方式:     假设我们的单标签为 div:   &lt;div&gt;&lt;/div&gt;   定义如下通用 CSS:   div{     position:relative; ...

2018-08-23 11:32:05 60 0

原创 VSCode 快捷键和开发插件

VS Code 的常用快捷键和插件 一、vs code 的常用快捷键 1、注释:   a) 单行注释:[ctrl+k,ctrl+c] 或 ctrl+/   b) 取消单行注释:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u)   c) 多行注释:[alt+shift+...

2018-08-21 16:09:49 1064 0

原创 vue 吸顶导航

  &lt;!-- 吸顶 --&gt; &lt;template&gt; &lt;div class="scroll"&gt; &lt;div class="header"&...

2018-08-20 16:00:57 1375 0

原创 画图解析JS执行过程(js进阶堆栈)

     

2018-08-09 20:45:24 280 0

转载 移动端H5页面注意事项

1. 单个页面内容不能过多 设计常用尺寸:750 x 1334 / 640 x 1134,包含了手机顶部信号栏的高度。 移动端H5活动页面常常需要能够分享到各种社交App中,常用的有 微信、QQ 等。 使用移动设备查看页面时会发现,在微信浏览器中有顶部导航栏,在qq内置浏览器里不止有 顶部导...

2018-08-09 16:08:16 152 0

转载 移动端H5页面开发遇到的坑和解决办法

  1、安卓浏览器看背景图片,有些设备会模糊。   用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?   经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率...

2018-08-09 16:04:45 608 0

转载 vue+vuex+axios做登录、注册页权限拦截

在GitHub上有很多写好的模板,这个项目也是基于模板做的。 现在记录一下我做的过程 1、修改config文件夹里的dev.env.js里的BASE_API,把地址改成请求后端的公共部分   BASE_API: '"http://192.168.xx.xx"...

2018-08-08 12:01:35 1057 0

转载 移动端HTML5开发心得

1,iOS里固定中有输入或者textarea,用户在里面输入文字,触发键盘,固定容器会客显示,而不是是连续悬浮       解决办法:http:  //dwz.cn/CrwNz 2,移动端点击时间300ms的延迟       解决办法:zepto.js或者百度touch.js或者是fastc...

2018-08-07 11:30:00 9844 2

原创 CSS布局方案

我们在日常开发中经常遇到布局问题,下面罗列几种常用的css布局方案话不多说,上代码!   居中布局   以下居中布局均以不定宽为前提,定宽情况包含其中   1、水平居中     a) inline-block + text-align   .parent{ text-al...

2018-08-03 16:33:46 89 0

原创 windows + flutter + vscode 安装,配置,运行(详细版本)

 第一步:安装Git 下载地址:https://git-scm.com/download 第二步:下载Flutter SDK   Windows桌面右键点击git base here。当然你也可以选择一个文件夹打开git 命令行窗口,输入以下命令下载Flutter SDK。 git cl...

2018-08-03 00:09:30 29459 11

原创 js一道面试题的艺术

for (var i = 0; i &lt; 5; i++) { console.log(i); } “你说说这几行代码会输出什么?” 当面试官在 Sublime 打出这几行代码时,我竟有点蒙蔽。蛤?这不是最简单的一个循环吗?是不是有陷阱啊,我思索一下,这好像和我看的那个闭包的...

2018-08-02 11:16:59 74 0

原创 vue进阶面试题

1、active-class是哪个组件的属性?嵌套路由怎么定义? 答:vue-router模块的router-link组件。   2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?  答:在router目录下的index.js文件中,对path属性加上/:id。  使用rou...

2018-08-02 11:05:56 4721 0

转载 Javascript动画库

在浏览网页寻找一个整洁的Javascript动画库时,我发现很多“recommended”的动画库一段时间都没有维护。 经过一些研究,我收集了11个最好的库,在你的应用程序中使用。我还添加了一些,主要是非维护的,有用的库。 使用UI组件时,您还可以使用Bit轻松地在不同应用程序之间共享这些组件...

2018-07-31 14:32:46 737 0

原创 37个JavaScript基本面试问题和解答

1、使用typeof bar ===“object”来确定bar是否是一个对象时有什么潜在的缺陷?这个陷阱如何避免? 尽管typeof bar ===“object”是检查bar是否是对象的可靠方法,但JavaScript中令人惊讶的问题是null也被认为是一个对象! 因此,对于大多数开发人员...

2018-07-31 14:21:39 194 0

原创 js执行的堆栈赋值实例详解(ES5)

1.js变量赋值分为:基本类型和引用类型。 eg: (基本类型) var a= 6;   b= a; console.log(b) ; // 6    -&gt;  像这种直接将a的值赋值的过程也就是基本类型赋值. 执行过程: eg: (引用类型赋值)-&gt; 包...

2018-07-23 10:45:00 188 0

原创 vue 移动端下拉loadingmore坑点,解决方案

eg:mint-ui的loadingmore上下拉刷新加载组件会出现无法下拉的情况,解决办法给父级加上: overflow:auto;/* winphone8和android4+ */  -webkit-overflow-scrolling: touch; /* ios5+ */ ...

2018-07-23 09:58:51 2083 0

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