- 博客(27)
- 收藏
- 关注
RSS订阅原创 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
2611
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
3137
原创 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
3662
3
原创 PIXIJS的用法及和canvas区别
首先需要了解PIXI.js 是什么？ 做什么用的？在网上查了很多资料，但是有关PIXIJS的内容少之又少，下面我来安利一波~PIXIJS 是基于svg的矢量图，可用来画二维或三维的图形 canvas是HTML5新增的元素，亦可用来画二维图形。但是区别是 ：canvas 画出来的图放大会模糊，会有锯齿状的轮廓，并且我认为最重要的一点是，点击画布中的某一个元素的话，无法直接点击，还需要获取...
2019-12-24 16:54:42
2715
原创 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
6166
原创 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
1914
原创 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
270
原创 js break、continue和return的区别及用法
break和continue： 只能在退出循环（如：for、while、for in 等）或者switch语句，在其他地方使用会导致错误break :会直接退出循环，并且这个循环不再被执行！continue：会直接跳出本次循环。下次继续执行。return : 通常为函数的返回值，再无返回值的情况下，return会直接停止代码向下继续进行break： for(var i=1;i<...
2019-03-19 09:44:10
283
原创 angular ionic 设置滚动条位置（从详情页返回列表页位置不变）
业务需求：ionic分页加载的页面如从第5页第2条点击进入详情页面，再从详情页面返回至列表页，位置保持与之前进入时一致。但是angular页面路由跳转会导致页面重载（滚动条位置会刷新到浏览器顶部）所以！！技术上的重点就是设置滚动条的位置！好了，上述都基本是废话。下面进入正题：通过审查元素可知 ionic 页面滚动距离是由transform控制的。要是直接获取页面滚动距离则会一直为...
2019-03-15 15:48:47
2078
4
原创 IOS弹出系统键盘后，页面不恢复
ios中，键盘的弹起，页面会往上挪动，使输入框展示在页面中间，键盘隐藏页面会下挪恢复原状在6.7.4版本中，不会回挪，这将导致有相对定位（fixed,absolute:相对于浏览器窗体）的节点发生位移，导致节点点击事件偏移而无法选中解决方案：输入框失去焦点（即键盘隐藏时），手动调整页面，document.activeElement.scrollIntoViewIfNeeded(true)...
2019-03-15 13:57:35
955
原创 vuex 基本用法
vuex是什么：简单来说就是对 应用中组件的状态进行集中式的管理vuex的核心概念1. statevuex管理的状态对象它应该是唯一的 const state = { xxx:initValue }2. mutations包含多个state的方法（回调函数）的对象谁来触发：action中的commit(‘mutation名称’)注意⚠️：mutations里面...
2019-03-05 11:30:16
258
转载 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
2185
原创 vue sync修饰符
我们先看下官方文档 vue 修饰符syncvue 在 2.0 发布之后的实际应用中，我们发现 .sync还是有其适用之处，比如在开发可复用的组件库时。我们需要做的只是让子组件改变父组件状态的代码更容易被区分。从 2.3.0 起我们重新引入了.sync 修饰符，但是这次它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 监听器。言简意赅的说就是因为子组件不能...
2018-12-21 14:29:19
284
原创 vue history模式
HTML5 History 模式言简意赅的来说，History模式就是去除掉浏览器地址栏的#号vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转...
2018-12-14 11:53:02
883
1
原创 vue获取上一个页面路由
在某种情况下，我们要获取上一个页面的路由地址可以使用：vue-router的beforeRouterEnter钩子其实也就是一个路由守卫 beforeRouteEnter(to, from, next) { next(vm=>{ // 这里的vm指的就是vue实例，可以用来当做this使用 console.log(to) consol...
2018-12-06 18:20:25
36544
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
33342
原创 localStorage与sessionStorage的区别
localStorage的生命周期是永久性的。假若使用localStorage存储数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据sessionStorage 的生命周期是在浏览器关闭前。也就是说，在整个浏览器未关闭前，其数据一直都是存在的。还有一点：手机本身自带的浏览器不支持sessionStorage的储存方法，所以可以用localStorage代替...
2018-09-19 16:21:32
237
原创 箭头函数与普通函数的区别
箭头函数和普通函数的区别：首先就是 箭头函数作为匿名函数,是不能作为构造函数的 再者就是更重要的一点 箭头函数的特点就是不绑定this和arguments 举个例子：setTimeout(function(){ this.$router.push({name:"Proposal"})},3000)以上是一个延时定时器中的普通function 我们都知道定时器中...
2018-09-06 16:19:34
571
原创 js 深拷贝及浅拷贝
一、数组浅拷贝 在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份.如下代码，如果只是简单才用赋值的方法，那么我们只要更改其中的任何一个，然后其他的也会跟着改变，这就导致了问题的发生var arr1 = ["red","yellow","black"];var arr2 = arr1;arr2[1] = "green";console.log("数组的原...
2018-08-30 15:58:33
239
原创 修改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
5788
原创 vue中ref的用法解析
//html<input type="text" ref="content">//jsthis.$refs.content.focus() ref 被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的 $refs 对象上。 如果在普通的dom元素上使用，引用指向的就是dom元素； 如果在子组件上，引用就指向子组件实例。简单的说就是用 ref 在元素上注...
2018-08-23 18:55:06
1556
原创 vue给单独页面添加背景颜色
vue 单独设置背景颜色的方法是在template下的子div上添加样式<template> <div></div></template>给style添加一个scoped表示当前样式只给当前页面设置。 将这个div属性设为：fixed,例如：<style scoped> .htmlBox{ ...
2018-08-20 14:45:08
4664
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
1231
2
原创 table第一列水平固定，垂直可滚动
table第一列水平固定，垂直可滚动既然有固定的话首先需要想到给table的第一列加上固定定位#divTable >>> table tr td:nth-child(1) {position: fixed;}但是此时table的第一列无论上下、左右滑动都是固定不动的，明显与需求不符，所以我们还需要执行以下代码接下来我们要在methods里面添加一个方法方便调用...
2018-08-20 12:52:31
4030
原创 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
7466
1
原创 关于弹窗滚动穿透的问题
众所周知！滚动穿透真是一个遗臭万年的问题，困扰着许多程序猿的一大难题。事发场景：当在弹出的模态框上面进行拖动的时候，其下面的页面也会随之进行滚动，这真是一个很不好的用户体验，特定情况下也会产生比较严重的BUG。 下面我与大家分享一下解决这个遗臭万年问题的方法modal: (function (bodyCls) { var scrollTop; return...
2018-08-15 13:48:49
1537
2
原创 Vue循环数组改变其中某一项的属性，视图不会重新渲染
Vue循环数组改变其中某一项的属性，视图不会重新渲染举个例子： 上图中的数据源于后台返回的数组然后直接在页面进行渲染 我们点击圆圈勾选上这一条内容，此时这一条的属性确实发生了改变，但是页面却不会做出重新渲染的动作，导致页面毫无反应的假象这时可以在点击开关的点击事件里面调用Vue的一个方法Vue.set()这个方法中有三个参数Vue.set(页面循环的数组，索引值...
2018-08-14 11:16:22
5676
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人