- 博客(32)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 mac Vue项目解决内存溢出
内存溢出的原因 nodejs在执行JavaScript时，内存受到v8限制,64位约为1.4g,32位0.7g 限制内存原因：垃圾回收时，js线程会暂停执行（避免JS应用逻辑与垃圾回收器看到的不一样），大量的堆内存回收严重影响性能 解决方案 安装两个npm包： increase-memory-limit-fixbug 和 cross-env npm install increase-memory-limit-fixbug cross-env -g packa..
2021-10-19 14:05:57
909
原创 vue用git创建自己的组件库
创建vue项目 创建组件，组件全局化 package.json添加入口文件 "main": "src/components/index.js", "typings": "src/components/index.js", 引入名和项目名一样 引入 "study_note": "git+https://gitee.com/cr1405284875/management-system.git#master", ...
2021-07-05 21:42:09
365
原创 vue3.0——环境配置问题采集
1、Cannot find module ‘vue-loader-v16/package.json解决办法： 1. npm uninstall vue-loader-v16 2. cnpm i vue-loader-v162、ERROR Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree. 1. node版本问题 2. 推荐安装14.15.1 3. [mac下n
2021-06-07 00:10:53
185
原创 微信小程序——背景音乐播放
1、要实现如图所示的小程序背景音乐添加：2、实现在微信小程序开放文档——媒体——音频中存在背景音频，BackgroundAudioManager wx.getBackgroundAudioManager()实现代码：// 处理音乐播放 musicControl() { let isMusic = !this.data.isMusic this.setData({ isMusic }) // 控制音乐播放 let { dataUrl
2021-05-05 18:13:54
4638
原创 ES6——语法学习
1. 不一样的变量声明：let 和const在ES6中，推荐用let声明局部变量。用var声明全局变量，无论声明在何处，都会被视为声明在函数的最顶部。用const声明常量，在被const声明后就不能再被修改了。var a = 10;const b = 11;let h; //此处若声明为const就会报错：Missing initializer in const declaration（const声明中缺少初始值预定项）function hhh(c) { return h = b + c
2021-04-18 17:23:58
88
原创 vue——vue-seamless-scroll中点击事件消失的问题
在使用vue-seamless-scroll做页面自动滚动的时候，在添加点击事件后发现在滚动到第二遍的时候点击事件消失。最后发现是由于vue-seamless-scroll在实现滚动的时候自行复制了一份DOM，导致在复制的DOM出现的时候点击事件消失。1、出现问题2、解决办法利用事件委托，在vue-seamless-scroll标签上一层添加@click="handleClick($event)"，然后将要传给事件的参数通过:data赋值给函数的形参。...
2021-04-18 17:21:38
2127
原创 Vue——PubSub.js
1、组件间通信：消息的订阅与发布（PubSub.js）使用PubSub可以在Vue任意组件间进行传值，无需要进行中间层层传递。2、消息的发布。首先是组件发布消息，发布另一个页面需要的data。语法：PubSub.publish('msg', data)实例：<script>import PubSub from 'pubsub-js' // 首先在此导入PubSubexport default { data () { return { curIndex:
2021-04-11 15:16:30
1114
3
原创 Vue项目错误收集以及解决办法
项目出现error Unexpected ‘debugger‘ statement no-debugger。解决办法：在package.json中的eslintConfig的rules下面添加以下代码：// 关闭debugger和console报错 'no-debugger': 'off', 'no- console': 'off',参考文章：Vue项目出现error Unexpected ‘debugger‘ statement no-debugger...
2021-04-08 22:28:01
407
原创 CSS——7个好用的CSS属性
1、background-clipbackgroundclip CSS属性设置元素的背景是否扩展到其border 、padding 或content 框之下。此属性采用以下值之一：border-box (default) | padding-box | content-box | text主要说明一下属性值是：text的时候。当属性时text的时候，以区块的文字作为裁剪区域，即文字的背景是裁剪图片的背景。以下为属性值效果：p { font-size: 100px; font-w
2021-04-08 22:24:42
111
原创 Vue——vue项目打包完点击index.html打开
在Vue项目打包完之后会出现：Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.1、用http-server解决。在本地安装一个简易的http服务器。 npm install http-server -g然后在打包好的dist包中运行：hs2、修改项目配置，因为vue-cli的默认配置中, publishPath是用绝对目录, 所以dist
2021-04-03 22:21:17
3621
原创 vue—highlight.js在Vue中的使用（pre标签代码高亮）
1、highlight.js介绍。highlight.js用于在web界面对pre标签的美化。2、在Vue中highlight.js环境的配置。此处参考highlight官网给出的文档：如何使用Highlight.js首先cnpm安装依赖：cnpm install highlight.js其次在main.js 中导入所需配置：import hljs from "highlight.js";import "highlight.js/styles/atelier-cave-dark.css"
2021-03-20 14:44:17
5948
1
原创 vue-seamless-scroll组件学习
此组件在已在vue-seamless-scrool做了详细介绍。主要做一下问题记录：环境配置cnpm i vue-seamless-scroll --save//全局配置import Vue from 'vue'import scroll from 'vue-seamless-scroll'Vue.use(scroll)然后就可以在项目中运用文档介绍的各种案例了。2. 横向滚动时出现数据不能衔接在一起的问题。在进行横向滚动的时候，由于数据由后端接口接入，在使用的时候发现上下数据不能衔
2021-02-25 20:13:04
386
原创 Vue——vuex环境搭建以及语法学习
vuex环境搭建<1>、cnpm i vuex --save<2>、在src下面创建store,然后创建index.js，创建state.js，getters.js,mutations，actions四个js文件。在index.js文件中引进这四个文件。import Vue from 'vue'import Vuex from 'vuex'import state from './state'import getters from './getters'import..
2021-02-21 23:45:05
116
原创 前端入门经验——echarts图例图标自定义为图片
代码legend: {itemWidth: 12,itemHight: 12,data: [{name: ‘村级工业区GDP共享’,textStyle: {fontSize: 12,fontWeight: ‘bolder’,color: ‘#fff’},icon: image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAABGdBTUEAALGPC/xhBQAAACBjSFJN AAB.
2020-12-09 22:20:09
858
1
原创 Vue项目中引进代码高亮插件——vue-highlightjs
在做代码高亮的时候，发现需要引进代码高亮的插件，搜集资料发现以下可实现代码高亮 的插件：vue-highlightjs、DlHighlight、highlight.jsr、syntaxhighlighter、prism.js。我在使用选择了vue-highlightjs，具体...
2020-12-03 00:25:20
3749
原创 前端入门经验——Vue项目中全局配置Echarts
1、安装echarts项目依赖。cnpm i echarts --save2、安装组件。cnpm i vue-echarts -S3、在main.js 中引入echarts组件库。import echarts from 'echarts'import ECharts from 'vue-echarts'Vue.prototype.$echarts = echarts//注册组件Vue.component('v-chart', ECharts)4、使用。<v-chart cl
2020-11-24 23:38:36
1262
原创 前端入门经验——iview下Modal对话框样式修改
先放一张没有修改过的iview对话框。修改过的Modal。代码：HTML： <Modal v-model="modalGlzcy" class-name="qzcxQzc" :closable="false"> <!-- <template #header> </template> --> <div slot="header"> <div class=.
2020-11-24 20:21:18
4660
原创 前端入门经验——解决iview的Modal下echarts不能自适应或者宽高变成一百的情况
在iview的Modal中写入echarts时，无论采用rem还是px,或者采用组件引用echarts——<v-chart :options="optionModel" :auto-resize="true" />均不能改变echarts的大小，出现情况如下图：解决方法。#myChart { width: 100%; height: 100%; .echarts { width: 22.75rem /* 910px */; height: 6rem..
2020-11-24 20:06:15
669
原创 Vue项目中引进elementUI和markdown
一、引进ElementUI。1、cnpm安装。cnpm i element-ui -S2、main.js中引入elementUI。import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)二、引进markdown。vue中引进markdown
2020-11-12 23:36:47
1197
原创 前端入门经验——进度条
源码<!DOCTYPE html><html><head> @include('./header.html', { "title": "进度条" }) </head><style> .container { display: inline-block; width: 5.75rem; height: 0.5rem; border-radius: 0.125rem;.
2020-09-12 15:51:28
362
原创 Vue项目引进sass
sass-loader依赖于node-sass,所以要安装node-sasscnpm install node-sass --save-dev //安装node-sasscnpm install sass-loader --save-dev //安装依赖包sass-loadercnpm install style-loader --save-dev //安装style-loader2. 在build文件夹下的webpack.base.conf.js的m.
2020-08-31 20:51:00
1140
原创 谷歌浏览器安装vue-devtools报错：! vue-devtools@5.3.3 build: `cd packages/shell-chrome&&
在安装vue-devtools的时候，遇到出现以下问题：查找网上大佬们的解决办法，最终完美解决：步骤如下：下载比较旧的版本，我下载的是：V5.1.1。https://github.com/vuejs/vue-devtools/tree/v5.1.1cnpm icnpm i项目打包。出现如下图代码：修改：shells/chrome/manifest.json中的"persistent": false。将值改为true。...
2020-08-30 23:09:37
3962
原创 Vue——引进ivew
创建Vue项目。在这里插入代码片命令行安装iview。$ npm install view-design --save备注：原先的 npm 包 iview 将不再使用，需要替换为新包 view-designhttps://iviewui.com/docs/introducemain.js修改。import iview from 'iview'import 'iview/dist/styles/iview.css'...
2020-08-30 19:21:51
66
原创 Vue——引进bootstrap
引进jQuery。<1>安装指令： npm install jquery --save-dev<2>在build目录下的webpack.base.conf.js中,在module.exports中找到resolve，在其alias项中添加： 'jquery':'jquery',<3>在module.exports中找到plugins，并添加以下代码 // 增加一个pluginsplugins: [ new webpack.optimize.Co.
2020-08-30 17:49:55
100
原创 前端入门经验——v-for动态绑定图片样式
<template> <div class="article"> <div class="lineStyle" v-for="(item, index) in list" :key="index"> <i :style="{backgroundImage: 'url('+require('../assets/'+ (item.status?'yiyue':'weiyue') +'.png')+')'}"></i> ...
2020-08-26 23:10:11
288
原创 前端入门经验——CSS超出省略
单行超出省略。white-space: nowrap;overflow: hidden;text-overflow: ellipsis;备注：单行超出省略一般要设置width。多行省略。word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;/* 设置要显示的行数 */-webkit-line-clamp: 2;-webkit-box-orient: vert.
2020-08-23 11:31:05
133
原创 前端入门经验——tab切换
html代码 <ul> <li><span>水</span><em>/</em></li> <li><span>大气</span><em>/</em></li> <li> <span>土壤</span><em>/</em></li> <li>.
2020-08-23 01:28:59
244
原创 npm的安装、Vue的安装以及vue-cli版本的更新
vue-cli的安装。npm install vue-cli -gvue版本的查看。vue -Vvue3.0以后就不用使用vue-cli了， 如果用以上命令安装的话不是3.0以上的版本。npm install @vue/cli -g如果已经安装了的话需要卸载原来已经安装的，卸载命令如下：npm uninstall vue-cli -g...
2020-08-09 20:22:22
2374
1
原创 前端入门经验——CSS样式（1）
1、block和inline-block具体参考：block，inline和inline-block的区别block：块级元素，通常会单独占一行inline：前后不会换行。
2020-08-07 23:49:37
109
原创 springboot入门(1)---整合MyBatis
springboot入门(1)—整合MyBatis1、快速创建springboot项目1.1、选择spring initializr,默认的为外网访问，选择customer，用阿里的服务地址：https://start.aliyun.com/1.2、next，选择web。2、整合MyBatis2.1、添加MyBatis起步依赖：<dependency> <groupId>org.mybatis.spring.boot</groupId> &l
2020-08-01 19:46:59
129
成绩管理系统（mysql+jsp）
2020-08-02
房屋租赁系统源码（jsp+MyBatis+mysql）
2020-08-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人