自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 electron-vue中使用serialport串口

第一步:配置环境1.安装 Python2.7 配置环境变量(官网下载)看网上说明必须是2.7版本,3不支持2.安装 npm install --global --production windows-build-tools3.安装 node-gyp npm install -g node-gyp第二步:安装1.安装 serialport npm install --save serial...

2020-02-19 17:49:58 2590 6

原创 vue3新特性及和vue2的区别

vue3新特性:更快更小更易于维护更多原生支持更易于开发使用重写虚拟DOM优化插槽生成静态树提升基于Proxy的观察者机制使vue更小1) 以es5为基础,更小更快。(快:Proxy重构虚拟dom功能,小:支持tree-shaking,运行时的最小体积将低于10kb)2) 支持TS 3.0源码使用TS编写(Typescript)3)优化插槽生成:在当前的vue版本中...

2019-12-25 10:13:38 3132

原创 PIXIJS 文档说明

PIXI.js1.安装:npm install pixi.js2.引入:import * as PIXI from 'pixi.js'3.使用:几个基本概念:PIXI应用首先我们在使用PIXI.js时需要先创建一个PIXI应用,也就是生成一个实例,可以传入相应的参数设置, 此时会生成一个canvas元素,这个元素就是app的view属性,然后需要将创建出来的元素添加到页面中l...

2019-12-24 17:59:07 3649 3

原创 PIXIJS的用法及和canvas区别

首先需要了解PIXI.js 是什么? 做什么用的?在网上查了很多资料,但是有关PIXIJS的内容少之又少,下面我来安利一波~PIXIJS 是基于svg的矢量图,可用来画二维或三维的图形 canvas是HTML5新增的元素,亦可用来画二维图形。但是区别是 :canvas 画出来的图放大会模糊,会有锯齿状的轮廓,并且我认为最重要的一点是,点击画布中的某一个元素的话,无法直接点击,还需要获取...

2019-12-24 16:54:42 2695

原创 vue项目中使用H5Plus

HTML5 Plus应用概述:H5Plus是一种基于HTML、JS、CSS编写的运行于手机端的App,这种App可以通过扩展的JS API任意调用手机的原生能力,实现与原生App同样强大的功能和性能。首先拉一套vue-cli的脚手架vue init webpack project安装muinpm i vue-awesome-mui在main.js 文件中引入import Mui ...

2019-12-24 16:02:21 6143

原创 electron + vue 项目运行打包配置文档

vue-cli 初始化vue项目构建 vue init webpack project-nameelectron 配置源码:1. git clone https://github.com/electron/electron-quick-start**2. 找到clone下来的项目入口文件main.js 和 package.json 修改路径配置** main.js :3. 在已...

2019-12-24 15:25:04 1910

原创 vue移动端rem适配

移动端项目rem是必不可少的,在不同系统不同机型下,因屏幕大小尺寸不一样,使得用px单位的页面在移动端显示的不一样。所以移动端项目才会使用rem单位首先安装px2remnpm install px2rem-loader -snpm install lib-flexible —s然后在main.js中引入lib-flexibleimport 'lib-flexible/flexible...

2019-12-24 15:13:13 267

原创 js break、continue和return的区别及用法

break和continue:   只能在退出循环(如:for、while、for in 等)或者switch语句,在其他地方使用会导致错误break :会直接退出循环,并且这个循环不再被执行!continue:会直接跳出本次循环。下次继续执行。return : 通常为函数的返回值,再无返回值的情况下,return会直接停止代码向下继续进行break: for(var i=1;i&lt...

2019-03-19 09:44:10 281

原创 angular ionic 设置滚动条位置(从详情页返回列表页位置不变)

业务需求:ionic分页加载的页面如从第5页第2条点击进入详情页面,再从详情页面返回至列表页,位置保持与之前进入时一致。但是angular页面路由跳转会导致页面重载(滚动条位置会刷新到浏览器顶部)所以!!技术上的重点就是设置滚动条的位置!好了,上述都基本是废话。下面进入正题:通过审查元素可知 ionic 页面滚动距离是由transform控制的。要是直接获取页面滚动距离则会一直为...

2019-03-15 15:48:47 2073 4

原创 IOS弹出系统键盘后,页面不恢复

ios中,键盘的弹起,页面会往上挪动,使输入框展示在页面中间,键盘隐藏页面会下挪恢复原状在6.7.4版本中,不会回挪,这将导致有相对定位(fixed,absolute:相对于浏览器窗体)的节点发生位移,导致节点点击事件偏移而无法选中解决方案:输入框失去焦点(即键盘隐藏时),手动调整页面,document.activeElement.scrollIntoViewIfNeeded(true)...

2019-03-15 13:57:35 951

原创 vuex 基本用法

vuex是什么:简单来说就是对 应用中组件的状态进行集中式的管理vuex的核心概念1. statevuex管理的状态对象它应该是唯一的 const state = { xxx:initValue }2. mutations包含多个state的方法(回调函数)的对象谁来触发:action中的commit(‘mutation名称’)注意⚠️:mutations里面...

2019-03-05 11:30:16 256

转载 js 根据时区转换日期格式

js 各个时区时间转换//得到标准时区的时间的函数var day = new Date();getLocalTime(8,day) // 北京时间function getLocalTime(i) { //参数i为时区值数字,比如北京为东八区则输进8,西5输入-5 if (typeof i !== 'number') return; //得到19...

2018-12-21 14:48:53 2179

原创 vue sync修饰符

我们先看下官方文档 vue 修饰符syncvue 在 2.0 发布之后的实际应用中,我们发现 .sync还是有其适用之处,比如在开发可复用的组件库时。我们需要做的只是让子组件改变父组件状态的代码更容易被区分。从 2.3.0 起我们重新引入了.sync 修饰符,但是这次它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 监听器。言简意赅的说就是因为子组件不能...

2018-12-21 14:29:19 280

原创 vue history模式

HTML5 History 模式言简意赅的来说,History模式就是去除掉浏览器地址栏的#号vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转...

2018-12-14 11:53:02 878 1

原创 vue获取上一个页面路由

在某种情况下,我们要获取上一个页面的路由地址可以使用:vue-router的beforeRouterEnter钩子其实也就是一个路由守卫 beforeRouteEnter(to, from, next) { next(vm=>{ // 这里的vm指的就是vue实例,可以用来当做this使用 console.log(to) consol...

2018-12-06 18:20:25 36511 1

原创 vue如何获取当前路径url及参数

有时候开发需要获取当前url的参数完整url可以用window.location.href路由路径可以用this.$route.path路由路径参数this.$route.params(params是参数名称)也可以直接watch监听一下当前路由的信息watch:{ $route(to, from) { console.log(window.locati...

2018-11-21 11:55:25 33290

原创 localStorage与sessionStorage的区别

localStorage的生命周期是永久性的。假若使用localStorage存储数据,即使关闭浏览器,也不会让数据消失,除非主动的去删除数据sessionStorage 的生命周期是在浏览器关闭前。也就是说,在整个浏览器未关闭前,其数据一直都是存在的。还有一点:手机本身自带的浏览器不支持sessionStorage的储存方法,所以可以用localStorage代替...

2018-09-19 16:21:32 235

原创 箭头函数与普通函数的区别

箭头函数和普通函数的区别:首先就是 箭头函数作为匿名函数,是不能作为构造函数的 再者就是更重要的一点 箭头函数的特点就是不绑定this和arguments 举个例子:setTimeout(function(){ this.$router.push({name:"Proposal"})},3000)以上是一个延时定时器中的普通function 我们都知道定时器中...

2018-09-06 16:19:34 569

原创 js 深拷贝及浅拷贝

一、数组浅拷贝 在使用JavaScript对数组进行操作的时候,我们经常需要将数组进行备份.如下代码,如果只是简单才用赋值的方法,那么我们只要更改其中的任何一个,然后其他的也会跟着改变,这就导致了问题的发生var arr1 = ["red","yellow","black"];var arr2 = arr1;arr2[1] = "green";console.log("数组的原...

2018-08-30 15:58:33 237

原创 修改mint-ui中组件的样式

在static文件夹下创建一个mint-ui.scss的文件 随后在浏览器检查元素找到这个元素的class,并在那个mint-ui.scss文件里面重新写你的样式 要是权重不够直接important再者就是在main.js中引入这个文件//引入更改的mint-ui控件样式import '../static/css/mint-ui.scss'因为组件里面的style中有一个s...

2018-08-24 17:36:26 5782

原创 vue中ref的用法解析

//html<input type="text" ref="content">//jsthis.$refs.content.focus() ref 被用来给元素或子组件注册引用信息,引用信息将会注册在父组件的 $refs 对象上。 如果在普通的dom元素上使用,引用指向的就是dom元素; 如果在子组件上,引用就指向子组件实例。简单的说就是用 ref 在元素上注...

2018-08-23 18:55:06 1549

原创 vue给单独页面添加背景颜色

vue 单独设置背景颜色的方法是在template下的子div上添加样式<template> <div></div></template>给style添加一个scoped表示当前样式只给当前页面设置。 将这个div属性设为:fixed,例如:<style scoped> .htmlBox{ ...

2018-08-20 14:45:08 4655 4

原创 vue 分页请求

简单说一下vue中数据分页请求的做法首先引入Loadmore:import {Loadmore} from 'mint-ui';注册组件:components: { 'v-loadmore':Loadmore},接下来:<v-loadmore :bottom-method="loadBottom" :bottom-all-loaded="allLoa...

2018-08-20 13:14:22 1227 2

原创 table第一列水平固定,垂直可滚动

table第一列水平固定,垂直可滚动既然有固定的话首先需要想到给table的第一列加上固定定位#divTable >>> table tr td:nth-child(1) {position: fixed;}但是此时table的第一列无论上下、左右滑动都是固定不动的,明显与需求不符,所以我们还需要执行以下代码接下来我们要在methods里面添加一个方法方便调用...

2018-08-20 12:52:31 4028

原创 input光标位置设置至行末端

最近接到了一个很尬的需求..这个需求是这样的… 再点击input框的时候光标要始终保持在内容的行末端emm.. 废话少说,直接上代码! Js:end: function (item) { var obj = document.getElementsByClassName(item)[0] obj.focus(); var len = obj.value.len...

2018-08-15 14:57:09 7449 1

原创 关于弹窗滚动穿透的问题

众所周知!滚动穿透真是一个遗臭万年的问题,困扰着许多程序猿的一大难题。事发场景:当在弹出的模态框上面进行拖动的时候,其下面的页面也会随之进行滚动,这真是一个很不好的用户体验,特定情况下也会产生比较严重的BUG。 下面我与大家分享一下解决这个遗臭万年问题的方法modal: (function (bodyCls) { var scrollTop; return...

2018-08-15 13:48:49 1526 2

原创 Vue循环数组改变其中某一项的属性,视图不会重新渲染

Vue循环数组改变其中某一项的属性,视图不会重新渲染举个例子: 上图中的数据源于后台返回的数组然后直接在页面进行渲染 我们点击圆圈勾选上这一条内容,此时这一条的属性确实发生了改变,但是页面却不会做出重新渲染的动作,导致页面毫无反应的假象这时可以在点击开关的点击事件里面调用Vue的一个方法Vue.set()这个方法中有三个参数Vue.set(页面循环的数组,索引值...

2018-08-14 11:16:22 5669 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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