Shuanger112的博客

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

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 ...

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. 在已...

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

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

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

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

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

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

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

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

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

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

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

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

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