- 博客(85)
- 问答 (8)
- 收藏
- 关注
RSS订阅原创 vue项目使用element-ui
最近新建一个vue项目，配置了element-ui，较之前使用时发生了些许变化，对新的配置方式进行记录创建项目vue项目，使用vue-cli，就不做赘述了，可参考官网创建项目 在main.js引入组件库及相关样式完成引入，即可在项目中使用。因为element-ui整个引入，项目依赖变得冗余，打包发现，多了好几M，不合理，这很不合理，对组件进行按需引入；安装带三方插件babel-plugin-component在src目录下新建文件夹element，element文件夹添加文件com
2023-05-08 15:55:09
1028
原创 vue init创建项目报错，yarn global add @vue/cli-init无效
创建vue项目报错，提示如下Command vue init requires a global addon to be installed.Please run yarn global add @vue/cli-init and try again.按照提示安装@vue/cli-init，并再次执行创建项目命令，依然提示相同问题
2021-12-04 14:58:33
1481
原创 cordova+vue开发混合App环境搭建
1. 安装cordova参考：https://blog.csdn.net/u012211003/article/details/1072147102. 安装java jdk参考：https://blog.csdn.net/u012211003/article/details/1072147103. 安装Android Studio参考：https://blog.csdn.net/qq_42391248/article/details/1017819944. 环境Android环境变量配置参考：
2021-09-24 15:30:57
407
原创 2021-08-02
Vue项目启动速度慢，观察控制台发现提示：No parser and no filepath given, using 'babel' the parser now but this will throw an error in the future. Please specify a parser or a filepath so one can be inferred.解决方案：1.升级vue-loader版本2.降低prettier的版本，降低为prettier1.12.1cnpm i
2021-08-02 14:14:45
351
原创 vue-cli3项目配置less全局变量
ps：项目已配置less，关于less配置不做多说1.安装相关所需依赖包npm install style-resources-loader vue-cli-plugin-style-resources-loader -D2.添加全局less文件3.设置vue.config.js// 在暴露的配置对象添加如下配置pluginOptions: { 'style-resources-loader': { preProcessor: 'less', patte
2021-03-30 20:54:34
613
原创 浏览器页面切换-兼容IE
// url为新页面地址window.location.href=url;if (/MSIE (\d+\.\d+);/.test(navigator.userAgent) || ~navigator.userAgent.indexOf('Trident/')) { window.location.reload()}
2020-11-30 14:43:19
166
原创 react项目配置proxy
在package.json文件中使用proxy配置create-react-app脚手架低于2.0版本时候："proxy":{ "/api/**":{ "target":"http://m.kugo.com", "changeOrigin": true }}create-react-app脚手架2.0版本以上只能配置string类型："proxy": "http://m.kugo.com",（推荐）使用http-proxy-middlew.
2020-08-03 15:49:17
907
原创 vue-cli 3 生产环境去除控制台打印
与vue-cli2.0使用了uglifyjs-webpack-plugin插件进行优化配置不同，vue-cli3.0在打包过程中就使用了terser-webpack-plugin插件进行优化。具体配置可以参考node_modules/@vue/cli-service/lib/config/prod.js在 vue.config.js 中的 configureWebpack 选项提供一个对象会被 webpack-merge 合并入最终的 webpack 配置，vue.config.js配置如下：
2020-05-27 13:53:56
1453
3
转载 mac电脑 Python2 升级 Python3
下载新版首先进入到 Python 官网，下载最新版本 Pythonhttps://www.python.org/downloads/mac-osx/下载后双击安装，装到默认的系统位置即可。装完后会自动写入环境变量的，打开终端，输入命令：vim ~/.bash_profile打开后在编辑器中可以看到已经存在了 Python 最新版本的配置，如下：# Setting PATH for Python 3.7# The original version is saved in .bas
2020-05-27 13:43:12
609
转载 Vim命令大全
命令历史以:和/开头的命令都有历史纪录，可以首先键入:或/然后按上下箭头来选择某个历史命令。启动vim在命令行窗口中输入以下命令即可vim 直接启动vimvim filename 打开vim并创建名为filename的文件文件命令打开单个文件vim file同时打开多个文件vim file1 file2 file3 ...在vim窗口中打开一个新文件:open file在新窗口中打开文件:split file切换到下一个文件:bn切换到上一个文件
2020-05-27 13:34:06
386
原创 vue-quill-editor设置disabled
最近项目用到了vue-quill-editor，但是有场景要给富文本编辑器添加disabled效果，查看官网api后得到以下解决方案，直接上代码html：<template> <div class="my-editor-comp"> <quill-editor :class="[disabl...
2019-11-20 11:44:11
5409
3
原创 创建指定长度指定内容的数组
核心思想：Array.from()传入两个参数：第一个参数为对象，仅一个属性length，指定了第二个参数运行的次数；第二个参数为回调函数，回调函数有两个参数，分别是数组元素、下标，实现对数组元素值的设置，元素值默认undefined；案例如下：Array.from({length: 5},(item,index)=>item = 'test' + index)// ...
2019-11-03 17:37:32
3010
原创 js打印页面-实现局部打印
最近项目需要实现将局部页面输出pdf文件，做了以下案例html：<template> <div id="test-page"> <!-- 额外元素 --> <div class="myInput"> <el-input v-model="text"></el-...
2019-10-17 14:11:36
435
原创 vue禁止粘贴/控制粘贴
最近项目遇到了一个关于控制用户粘贴的功能，简单研究了下，提出以下方案：使用Jquery获取的DOM对象绑定paste方法具体如下：1.安装jquerynpm i jquery -S修改项目中build/webpack.base.config.js// 顶部引入webpackconst webpack = require('webpack');...modul...
2019-10-14 20:34:54
2445
原创 base64转为file对象
/** * @method 将base64转换为file对象 * @param {String} dataURL base64地址 * @param {String} fileName 文件名称 * @param {String} fileType 图片类型 默认image/jpg * @return {Object} file对象*/dataURLtoFile(dataU...
2019-10-06 14:55:22
1669
原创 设置vue打包资源路径vue-cli2
修改config/index.js，设置build选项，具体如下：build: { // 设置打包后index.html的位置 index: path.resolve(__dirname, '目标路径(相对于build/build.js)/dist/index.html'), // 设置打包后dist文件夹位置 assetsRoot: path.resol...
2019-08-23 00:08:35
774
原创 全局scss封装引入背景图片路径报错
最近使用scss做了全局的mixin封装，用到背景图，意外发现通过相对路径引入图片后报错，大致意思为图片路径不对，改为了使用@代替src路径引入图片依然报错，一番百度后带出解决方案通过 ~@ 代替src路径进行图片引入如下所示.box{ // background: url('@/assets/img/bg.png') // 改为 background: u...
2019-08-08 16:12:11
4484
原创 interface定义接口时成员变量与成员方法的缺省关键字
interface定义接口时会默认为成员变量和成员方法添加关键字修饰符，具体如下：成员变量默认为public、static、final修饰成员方法默认为public、abstract修饰...
2019-08-08 01:15:16
1760
转载 【java】定义数组的三种常用方式
以 int型 的数组为例，说说三种定义方式int[] arr = new int[3];这是最常用的方式，定义时就含有各项默认值零值，可以后续再赋值public class Demo{ public static void main(String[] args){ int[] arr = new int[3]; }} int[] arr = {1...
2019-08-08 01:11:03
974
原创 vue中富文本样式设置不生效解决方案
问题描述：在vue中通过v-html回显富文本内容，遇到了设置富文本样式不生效问题；原因：<style>标签添加了scoped属性；解决方案：1. 去掉<style>标签的scoped属性；2.使用 /deep/深度作用选择器 (案例如下)；案例代码：html：<div class="fwb" v-html="htmlVal">&...
2019-07-30 01:13:43
5285
2
原创 自定义组件使用v-model
最近项目需要封装一些组件，结合自己的开发风格，想让组件尽可能的高复用、低耦合、操作简单，就对自定义组件使用了v-model，在组件内部处理模块逻辑，与调用环境的状态数据实现双向绑定以下就是我在自定义组件中使用v-model的一些关键知识案例代码<template> <div class="my-input-comp"> <i...
2019-07-23 01:09:51
598
原创 flex布局下Table组件宽度自适应
方案一在父级及“祖先”元素添加overflow: hidden;ps: 如果Table的上一级元素是flex布局，就设置上一级元素overflow属性，如果上一级元素的上一级元素也是flex布局，继续设置overflow属性，直到出现不再是flex布局为止方案二1.在Table父级元素添加样式position: relative;2.设置Table组件样式...
2019-07-04 16:36:57
2334
原创 java自定义异常
1. 异常定义/** * 自定义异常 * @class 自定义异常类名 */class MyException extends Exception{ /** * 定义程序序列化ID */ private static final long serialVersionUID = 1L; /** * @param message 异常描述 */ public...
2019-06-29 00:14:56
132
原创 vue打包静态资源找不到、图品与icon找不到问题解决
步骤1：设置config/index.js在build配置中，将 assetsPublicPath 设置为 ./ ,如下图以上解决的js与css文件找不到问题步骤2：设置build/utils.jsExtractTextPlugin插件添加publicPath配置，如下图共需配置两处以上解决的静态图片与icon找不到问题...
2019-06-28 14:06:03
877
转载 java 方法重写@Override
重写：子类继承于父类的非静态方法的方法体进行重新编写, 返回值和形参都不能改变。即外壳不变，核心重写！注解：@Override优势：子类可以根据需要，定义特定于自己的行为。 也就是说子类能够根据需要实现父类的方法。规则：参数列表必须完全与被重写方法的相同； 返回类型与被重写方法的返回类型可以不相同，但是必须是父类返回值的派生类（java5 及更早版本返回类型要一样，...
2019-06-11 21:35:28
984
原创 生成/查看 SSH公钥
生成ssh-keygen -t rsa -C "[email protected]" 按照提示完成三次回车，即可生成 ssh key，通过查看~/.ssh/id_rsa.pub文件内容，获取到你的 public key查看cat ~/.ssh/id_rsa.pubps：公钥作用：设置SSH公钥认证，pull,push不需要每次都输入密码...
2019-05-30 17:16:47
1445
原创 vue-cli创建项目使用scss
安装sass相关loader与依赖后可直接使用npm i node-sass sass-loader -D无需任何其他配置，直接使用
2019-05-28 23:45:45
778
原创 vue的调试工具 vue-devtools 的安装和使用
安装1.到github下载：git clone https://github.com/vuejs/vue-devtools2.安装依赖cd vue-devtools && npm install3.打包npm run build4.扩展Chrome插件Chrome浏览器 > 更多程序 > 拓展程序点击“加载已解压的拓...
2019-05-24 01:16:49
1347
原创 vue-router懒加载
1.在创建路由的配置文件中改变引入组件的方式，将原始引入方式改为异步引入// 原始引入方式import Home from "@pages/home";// 异步引入方式const Home = () => import('@/pages/home');2.修改webpack的output配置修改 build/webpack.base.conf.js// 添加c...
2019-05-22 14:08:11
412
原创 java反编译命令javap
反编译 .class 文件命令：可在 .class 文件所在目录执行如下命令javap -c -l -private 反编译的文件名称.class补充说明： -help --help -? 输出此用法消息 -version 版本信息 -v -verbose 输出附加信息 -l ...
2019-05-18 00:22:27
845
转载 java基础 方法重载
方法重载(method overloading)：在Java中，同一个类中的多个方法可以有相同的方法名称，但是有不同的参数列表；重载的作用：可以让一个程序段尽量减少代码和方法的种类参数列表(参数签名)：包括参数的类型、参数的个数、参数的顺序，只要有一个不同就叫做参数列表不同。重载是面向对象的一个基本特性。class Demo { // 一个普通得方法，不带参数，无返回值 ...
2019-05-18 00:01:53
157
转载 vue高阶 provide / inject 组件通信
在vue中不同组件通信方式如下1.父子组件，通过prop2.非父子组件，通过vuex或根vue转载器通常是以上两种情况，然而还有一种比较特殊的情况，即孙子组件或更深层次的组件通信1.下面是a.vue<template> <div class="test"> <son prop="data"></son&...
2019-05-13 00:50:19
378
空空如也
bootstrap中提到的<s>标签与<del>标签有什么区别？
2017-11-25
请求数据失败，内心接近崩溃
2017-11-01
前端如何获取网站的xhr数据
2017-09-17
Hbuilder的SVN插件基本使用方法
2017-09-10
技术面试题，答案不唯一，还望答疑解惑
2017-09-10
函数添加toString方法
2017-09-07
现有一个DIV设置好样式后，在浏览器显示时，该DIV却发生了小于以像素的改变
2017-09-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人