04 2019 档案
摘要：默认vue项目中已经安装axios，基于element-ui开发，主要记录配置的相关。 axiosConfig.js export default { // 获取后台接口 getGoodsInfo(data) { return fetchPost('/goods/info',data); } } e
阅读全文
摘要：关于Vue中，序列化字符串，处理发送请求的参数 使用工具qs来处理参数 步骤： 1、首先先下载： npm i qs 2、然后引入 ： import qs from 'qs' 3、qs主要有两个方法 ： 方法一：将对象序列化，多个对象之间用&拼接（拼接是由底层处理，无需手动操作） 方法二：将序列化的内
阅读全文
摘要：Electron 无边框窗口最大化最小化关闭功能 目的 实现无边框窗口，并添加最大化最小化和关闭功能 前提 了解Electron 主进程和渲染进程的通讯 了解 BrowserWindow相关功能 操作流程 **-webkit-app-region: drag是可拖动的样式** ``` javascr
阅读全文
摘要：div中禁止文字被选择 在做div的点击计数事件时，遇到一个小问题。 因为div里面有文字，所以当点击多次时，特别是鼠标点的比较快的时候，文字会被选中。 查了下，用css和javascript可以实现禁止选择。 css代码：/* css style: */html,body{-moz-user-se
阅读全文
摘要：初始化项目 yarn add init 安装vue yarn add vue 安装webpack，webpack-dev-server（是一个小型的Node.js Express服务器） yarn add webpack webpack-dev-server 安装babel，babel的作用是将es
阅读全文
摘要：最终效果图： 现在开始进入正题： 1、安装element-ui CDN 目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。 2.在main.js中引入 3、在 components 中新建导航栏组件 4、在router下的
阅读全文
摘要：如果你对 Vuex 有一定的了解的话呢，可以继续这一篇的学习了，如果没有的话， 建议先看一看我的上一篇 Vuex基础：地址在下面 Vuex的详解与使用 Vuex刷新数据不丢失 这篇接着上一篇： 这篇将利用到 Vuex的详解与使用和Vuex刷新数据不丢失两篇的内容结合； 1、首先我们先找个可以测试用的
阅读全文
摘要：1.简介： async和await在干什么，async用于申明一个function是异步的，而await可以认为是async wait的简写，等待一个异步方法执行完成。 2.基本语法 在Chrome里申明这样一个函数，可以在控制台看到返回的其实就是一个Promise对象。 扩展需要了解的就是Chro
阅读全文
摘要：Vue自身并没有实现树形下拉框的组件，找了很多资料，最后在Github上找了个插件vue-treeselect，功能还是比较全的，模糊搜索、多选、延迟加载、异步搜索、排序，自定义、Vuex支持等等。这些功能在官网上都有详细的介绍： vue-treeselect官网： vue-treeselect v
阅读全文
摘要：前言：程序登录遇到了问题，重启服务器上的tomcat后程序可以正常的使用，是通过进入bin目录，双击startup.bat运行启动的程序，此时会弹出启动窗口，而且该窗口不能关闭，这个窗口是tomcat的运行日志窗口，没有太大的作用，所以计划将tomcat设置成后台运行并且可以开机自启动。 环境：系统
阅读全文
摘要：第一步：打开需要去掉文字的图片。 第二步：在左侧工具栏中选择“吸管工具”。 第三步：在文字附近选取颜色。 第四步：在左侧工具栏中选择“矩形选框工具”，并选中要消除的文字。 第五步：在菜单栏“编辑”中选择“填充”选项。 第六步：如下图所示，在弹出的填充对话框中，选择颜色适应，单击“确定”按钮。 第七步
阅读全文
摘要：这就引出一个问题，我们在对iPhone设备适配时候，又多出几种情况。iPhone系列设备媒体查询： 结论是，做移动端Web兼容测试时候，不能将Chrome模拟效果同iPhone6/Plus真机完全划等号。一定要在确认了iPhone设备所处显示模式和真实屏宽后再针对性的进行调试。 退一步说，姑且认为标
阅读全文
摘要：一般需要输入项目名访问项目是怎么个方法呢？ 直接将项目放在 tomcat 安装目录的 webapps 目录下， 然后在域名或者ip后面 域名(ip)/项目目录， 这样会显得比较麻烦。 那么应该怎么才可以不需要输入项目名，直接输入域名或者ip地址去访问项目呢？ 打开tomcat 安装目录下的 conf
阅读全文
摘要：原因是：浏览器的自动缓存机制导致的。 这是因为浏览器会自动缓存静态文件以加快访问速度，所以这就导致浏览器将不会再接收静态文件了 解决办法是 使用ctrl+F5 —— 传说中的完全刷新，会删掉所有本地临时文件的缓存，全部从服务器端下载
阅读全文
摘要：怎么安装 Vuex 我就不介绍了，官网上有 就是 npm install xxx 之类的。（其实就是懒~~~哈哈） 那么现在就开始正文部分了 众所周知 Vuex 是什么呢？是用来干嘛的呢？ Vuex 是一个专为 Vue.js 应用程序开发的`状态管理模式`。它采用集中式存储管理应用的所有组件的状态，
阅读全文
摘要：**问题背景：**页面刷新后，vuex中的数据丢失。这是因为：js代码是运行在内存中的，代码运行时的所有变量、函数也都是保存在内存中的。进行刷新页面的操作，以前申请的内存被释放，重新加载脚本代码，变量重新赋值，所以这些数据要想存储就必须存储在外部，例如：Local Storage、Session S
阅读全文
摘要：1、字符串拼接 可以使用 es6 ` ` 配合 ${xxx} 具体操作上代码 这个时候，点击按钮 打印的是什么呢？ 成功的将 a 和 b 'mica帅' 、666 拼接了进去。
阅读全文
摘要：一. 准备工作 1.npm的安装需要下载node.js,安装完node.js之后npm自然会有。 参考链接：http://www.runoob.com/nodejs/nodejs-install-setup.html 2.Electron环境搭建 a、安装node.js。node官网地址：https
阅读全文
摘要：今天这篇文章是讲述一下 融合了vue-cli+electron的一种新的脚手架，省去许多繁琐配置，即vue-electron。 下面就说一下安装和使用，假设你的电脑已经安装node.js,并且已经全局搭建好vue-cli脚手架，如果没有的话，打开终端：$npm install --global vu
阅读全文
摘要：今天网页碰到一个很怪异的问题：app打开的一个网页样式是好的，但通过safari打开后数字的颜色变为蓝色，并且还变得可点击了！ 原来safari总会把长串数字识别为电话号码，文字变成蓝色，点击还会弹出菜单添加到通讯录。 解决方法： safari有个私有meta属性可以解决这个问题：
阅读全文
摘要：定义和用法 jQuery.each() 函数用于遍历指定的对象和数组。 语法 $.each( object, callback ) 参数描述 object Object类型 指定需要遍历的对象或数组。 callback Function类型 指定的用于循环执行的函数。 通过这个方法可以将工作中遇到的
阅读全文
摘要：我们使用点击显示、点击隐藏的时候，一般有两种可选方案 .示例 html 最简单的方法：toggle() 点击显示 h1 和 点击 隐藏 h1 toggle() 的作用就是当对象是显示的就隐藏，当是隐藏的则显示。 <—————–> 果你除了显示和隐藏之外还需要同时实现其他功能的话，可以这样： 这里通过
阅读全文
摘要：html引入页面的公共部分，比如导航栏啊，页头页脚之类的。 1、将需要引入的公共html部分转换为js文件，这里推荐一个转换工具地址 http://tool.chinaz.com/Tools/Html_Js.aspx 2、在html页面引入这个js文件就可以了 还有个简单粗暴的方法 $(".inde
阅读全文
摘要：总结如下： VUE中关于插槽的文档说明很短，语言又写的很凝练，再加上其和方法，数据，计算机等常用选项在使用频率，使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生“算了吧，回头再学，反正已经可以写基础组件了”的想法，于是就关闭了VUE的说明文档。 实际上，插槽的概念很简单，下面通过分三部分
阅读全文
摘要：懒加载： ？ 也叫延迟加载，即在需要的时候进行加载，随用随载。 为什么需要懒加载？ 像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以
阅读全文
摘要：Vue中鼠标移入移出事件 @mouseover和@mouseleave 然后绑定style 现在开始代码示例 <template> <div class="pc"> <h1>{{ msg }}</h1> <div class="demo" @mouseover="mouseOver" @mousel
阅读全文
摘要：前言 一、JavaScript 1. type 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) 'String' } isNumber (o) { //是否数字 return Obje
阅读全文
摘要：这应该是vue项目在适配移动端时候，最简单的方法之一下面是基本步骤（使用cnpm）1.下载并引入lib-flexible 在main.js中 ：import ‘lib-flexible/flexible’2.引入px2rem-loader 3.将px2rem-loader添加到cssLoaders
阅读全文
摘要：1、清除 input 标签默认样式 2、input 标签属性 placeholder 的修改 =》input::webkit-input-placeholder 3、input 点击输入内容后的样式 focus 输入框选中后样式有了变化 4、input 标签可读不可编辑 方法1: onfocus=t
阅读全文
摘要：1、首先我们在电脑上打开chrome浏览器，然后地址栏输入chrome://Version，然后按下回车键，找到个人资料路径一项。 2、接下来我们选中个人资料路径后面所有的信息，右键点击信息后选择“复制”菜单项。 3、接下来我们把刚刚复制的个人路径粘贴到文件资源管理器地址栏，定位到chrome浏览器
阅读全文
摘要：一、相信大家有被iPhone X底部黑色横线支配的恐惧 上面我们可以看到，底部的导航栏被一条黑色横线所盖住，那么就很烦。下面我们可以开始进行适配环节 1、首先我们可以用 JS 判断手机环境是不是 iPhone X 代码如下 if (/iphone/gi.test(navigator.userAgen
阅读全文
摘要：1、开发 H5 时移动端，经常会使用真机进行调试本地环境、webpack 配置服务器好多脚手架写的都是固定的，而在团队开发中需要每人配置自己的本机 ip 进行开发，每次开启开发环境的都需要修改，并且还不能提到 git ，太麻烦了，所以找了方法，动态获取本机 ip 进行本地环境真机调试。2、如果有其他
阅读全文
摘要：在做VUE +的WebPack脚手架项目打包完成后，在IIS服务器上运行发现项目中的背景图片加载不出来检查项目代码发现是因为CSS文件中，背景图片引用的路径问题;后来通过修改配置文件，问题终于解决了，解决方法如下： 注意：如果整体为空白，记得先改 》》》 1、记得改一下config下面的index.
阅读全文
摘要：HBuilder可以直接打包越狱版的ipa包，但需要越狱手机才能安装，如果需要安装到没越狱的手机安装，需要自己申请ios证书打包。 一般是需要一个付费了的苹果开发者账号才能申请ios证书打包。 这里介绍用普通的没有付费的苹果账号（apple id），直接申请ios证书p12，打包安装到没有越狱的手机
阅读全文
摘要：将移动端页面打包成app 1、使用 HBuilder 直接编译打包 点击左上角 文件》打开目录》选择目录 选择用Webpack打包好的dist文件目录 由于我添加到项目了，所以会显示该项目名称已存在，请重新输入。 2、接着点击完成，就可以在目录中看到dist 这里dist前面的标志应该是W 由于我转
阅读全文
摘要：JS的本地保存localStorage、sessionStorage用法总结 localStorage、sessionStorage是Html5的特性,IE7以下浏览器不支持 为什么要掌握localStorage、和sessionStorage。 JS中为了减少与服务器的通信，经常会用到保存的数据到
阅读全文
摘要：使用 push 方法 1、var arr = [1,2,3] arr.push(数值) 或者 arr.push({xxx:数值}) 2、输出数组中的最后一个 console.log(arr.[arr.length-1])
阅读全文
摘要：业务场景：在管理后台，在执行完，增，删，改，操作的时候。我们需要刷新一下页面，重载数据。在JQ中我们会用到location.reload()方法，刷新页面；在vue中，这里需要用到一个 provide / inject 这对用例。（其他方法：this.$router.go(0)，会强制刷新，出现空白
阅读全文
摘要：一、我们现在要拿取购物车中选中商品的状态和该商品的所有数据或者id 1、使用 ref ，给 input 标签加上一个 ref 例如 2、我们可以通过 this,$refs 操作到该标签的dom 拿到input输入框一系列数据或者状态 这里我们选择在点击清空选中商品的按钮这里触发 this.$refs
阅读全文
浙公网安备 33010602011771号