- 博客(76)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue项目报错Cannot assign to read only property ‘exports‘ of object ‘Object‘
vue项目报错Cannot assign to read only property ‘exports’ of object ‘Object’，原因是commonJS和ES6的语法混用导致的解决办法安装 transform-es2015-modules-commonjsnpm install transform-es2015-modules-commonjs修改babel的配置文件，添加plugin...
2020-07-27 15:57:39
1417
原创 vue项目使用IE浏览器运行报错
vue支持IE8以上版本使用最新版的IE浏览器打开项目报错[vuex] vuex requires a Promise polyfill in this browser.因为IE不识别ES6，使用ES6的新语法就会导致报错解决办法安装babel-polyfill，它可以把ES6的语法转化成ES5npm install --save-dev babel-polyfill在webpack.base.config.js中entry: { app: "./src/main.js" }修改
2020-06-15 11:22:13
1206
原创 vue+ElementUI基本使用 数据的增删改查
使用vue+elementUI实现基本的增删改查<template> <div class="container"> <el-row :gutter="20"> <el-col :span="8"> <h3 style="margin-left:30px">{{isEdit?'第'+(index+1)+'条信息编辑':'信息添加'}}</h3> <el-form ref="
2020-06-10 17:05:13
2957
3
原创 vue项目启动报错Module build failed: TypeError: this.getResolve is not a function
我之前安装的sass-loader版本是8.0.2，版本太高把package.json中sass-loader版本改为7.3.1，再重新npminstall即可成功
2020-06-08 10:33:30
546
原创 npm安装node-sass失败解决办法
npm安装node-sass总是报错，错误信息如下：Building: D:\Program Files (x86)\nodejs\node.exe F:\workspace_vue\project\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=gyp info it worked if it end
2020-06-08 10:09:53
12286
3
原创 vue项目部署到服务器上
打包命令：npm run build运行成功后项目中会多一个dist文件夹，将该文件夹上传到服务器上即可如果想在dist目录的index.html直接打开，需要改两个地方的配置：修改config/index.js里的assetsPublicPath的字段，初始项目是/，现在改为./需要修改dist下的index.html资源路径为./...
2020-06-05 15:00:42
1706
原创 vue基本语法
1.模板语法文本插值： {{ }}<span>{{text}}</span>html代码：v-html<span v-html="htmlMessage"></span>绑定属性：v-bind 简写 ：<img v-bind:src="imageSrc" /><img :src="imageSrc" />js表达式 {{5+5}}<div>{{5+5}}</div>v-model 双
2020-06-05 14:32:48
224
原创 vue项目目录结构说明
新建完成项目的目录结构如下：build 用来存放项目构建脚本config 存放项目的一些基本配置信息node_modules 存放的是项目的所有依赖，即 npm install 命令下载下来的文件src文件夹：这个目录下存放项目的源码assets——用来存放资源文件components——公共组件router——路由文件App.vue——根组件main.js——入口js文件static 用来存放静态资源index.html——主页面，一般只定义一个空的根节点，
2020-06-03 15:46:32
395
原创 MVC和MVVM开发模式及两者区别
什么是MVC官方解释：Model（模型） - 模型代表一个存取数据的对象或 JAVA POJO。它也可以带有逻辑，在数据变化时更新控制器。View（视图） - 视图代表模型包含的数据的可视化Controller（控制器） - 控制器作用于模型和视图上。它控制数据流向模型对象，并在数据变化时更新视图。它使视图与模型分离开。通俗点来讲，model就是我们从数据库存取的数据，view是我们能看到的页面展示，如果要把我们想要的数据以某种形式展示在页面上，没有controller之前，把处理数据的逻辑
2020-06-03 11:18:48
1516
1
原创 web前端常见面试题整理之vue框架
Vue1.简介Vue.js是一个轻巧、高性能、可组件化的MVVM库，是一个构建数据驱动的 web 界面的渐进式框架。（渐进式框架的理解：没有多做职责之外的事，使用什么加什么）Vue.js 的目标是通过尽可能简单的 API实现响应的数据绑定和组合的视图组件。核心是一个响应的数据绑定系统MVVM(Model-View-ViewModel) 是一种软件架构设计模式, 是一种简化用户界面的事件驱动编程方式，源于MVC(Model-View-Controller)模式，MVVM的核心是数据驱动即ViewMod
2020-05-29 14:49:48
532
原创 前端SEO优化
合理的title、description、keywords：搜索对这三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出重要关键词即可语义化的HTML代码，符合W3C规范：语义化代码让搜索引擎容易理解网页重要内容HTML代码放在最前：搜索引擎抓取HTML顺序是从上到下，有的- 搜索引擎对抓取长度有..
2020-05-29 10:33:55
364
原创 web前端常见面试题整理(JS)
JS1.JS基本数据类型Number String boolean null undefined Objectnull类型进行typeof操作符后，结果是object，原因在于，null类型被当做一个空对象引用。2.typeof的返回值类型number：NaNbooleanstringundefined：undefined 不存在的变量object：对象，数组，nullFunction：Array Datesymbol：typeof Symbol() // ES6提供的新的类型3.
2020-05-29 10:22:36
1314
原创 web前端常见面试题整理(HTML+CSS)
HTML1.标签语义化的理解去掉或丢失样式的时候让页面显示清晰的结构有利于SEO，有利于爬虫读取有效信息，爬虫依赖于标签来确定上下文和各个关键字的权重方便其它设备（屏幕阅读器，盲人阅读器，移动设备）解析渲染网页更便于开发和维护2.Doctype作用? Doctype文档类型？ 严格模式与混杂模式如何区分？它们有何意义?DOCTYPE声明在文档最前面，告知浏览器以何种方式来渲染文档标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。严格模式的排版和js运作
2020-05-29 10:14:37
1062
原创 vue动态组件以及动态组件使用keep-alive
<template> <div> <keep-alive> <component :is="currentTab"></component> </keep-alive> <button @click="changeTab(1)">页签1</button> <button @click="changeTab(2)">页签2</button> <
2020-05-26 15:24:00
438
原创 vue路由传参及获取参数总结
方法一动态路由（这里用来测试，传了两个参数username和post_id）//路由配置{ path: '/user/:username/:post_id', name: 'User', component: User }//跳转 this.$router.push({ path: `/user/${username}/${post_id}`, })匹配路径：/user/evan/123 传递的参数：{ username: 'evan', po
2020-05-26 14:39:42
6900
2
原创 Vue2.x路由守卫（路由钩子）详解
路由守卫vue-router 提供的路由守卫主要用来通过跳转或取消的方式守卫路由，比如符合什么条件才可以进入路由，否则取消跳转，或者控制跳转路径，路由跳转成功过后需要做什么操作等等都可以使用路由守卫（路由钩子）实现，常用来做登录验证路由守卫分类全局守卫（全局前置守卫，全局解析守卫，全局后置钩子）路由独享守卫组件守卫全局前置守卫全局的守卫定义在main.js中使用 router.beforeEach 注册一个全局前置守卫：const router = new VueRouter({ ..
2020-05-26 13:58:33
1443
原创 Vue-router路由跳转的两种模式hash和history
Vue-Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌，在前端通过配置路由来跳转页面，不需要请求服务器Vue-Router提供两种路由跳转模式：哈希模式（hash mode） 历史模式（history mode）Vue-Router 默认使用 hash 模式，使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。使用hash模式时URL中始终有#号如果不希望你的URL带有#，可以选择使用 h
2020-05-26 10:44:01
2709
原创 Element-React table翻页后滚动到表格顶部
<Table ref={ref => {this.tableRef = ref}} rowKey={this.tableNo} columns={columns} data={this.state.tableData} height={250}/><Pagination layout="total, prev, pager, next, jumper" total={this.state.total
2020-05-09 13:52:01
556
原创 react新建项目
首先确保安装了node环境npm install -g create-react-appcreate-react-app reactApp //项目名cd reactApp npm start
2019-11-08 11:36:29
169
原创 v-viewer 实现图片的预览，放大，旋转等功能
安装依赖npm install v-viewer --save在main.js中引用import 'viewerjs/dist/viewer.css'import Viewer from 'v-viewer'Vue.use(Viewer)html中使用在最外层的div上加属性 v-viewer，这个div里的所有图片都可以预览<div v-viewer> <...
2019-10-11 11:59:57
538
原创 js时间戳转化为时间日期格式
function formatTime(number, format) { if (number) { var formateArr = ['Y', 'M', 'D', 'h', 'm', 's']; var returnArr = []; var date = new Date(number); returnArr.pus...
2019-10-11 11:40:31
185
原创 vue+elementUI 省市县地区级联选择 行政区划
省市的二级联动下拉选择框，value是行政区划省市县的三级联动的下拉选择框，value是行政区划使用步骤：把json文件引进来，二级联动和三级联动的代码是一样的，只是json文件不一样，文件在我的上传资源里<el-cascader v-model="areaValue" :options="cities"></el-cascader>const region...
2019-10-10 16:37:52
8088
12
原创 ElementUI tree 懒加载 手动刷新数据
<el-tree :props="props" :load="loadNode" lazy></el-tree>loadNode(node, resolve) { //加载数据的方法里把node，reslove存起来 this.node = node; this.resolve = resolve; // 把子节点清空，否则下次加载时会...
2019-08-14 10:40:28
13457
2
原创 axios get和post请求带参数和headers配置
post请求const id = 'xxx';const token = 'xxxxxxxxxxxxxxxxx';axios.post("http://xxx/xxx",//参数列表 { 'id': id },//请求头配置 { headers: {'token':token } }).then((res)=>...
2019-06-19 11:15:23
58283
原创 react父子组件传值问题
一.父组件向子组件传数据//父组件Fatherimport React from 'react';import Child from './child'export default class Father extends React.Component{ params = { msg : "this is a msg" }; render(){ retur...
2019-06-03 14:40:26
309
原创 react视频教程百度云资源链接
https://pan.baidu.com/s/1UmBmxC0LJrPTopcKK3cq-Q提取码：40ul
2019-05-31 10:21:46
7195
20
原创 Vue2.0使用富文本编辑器vue-quill-editor
效果图：npm安装vue-quill-editornpm install vue-quill-editor --savemain.js中引入 import VueQuillEditor from 'vue-quill-editor' //引入css样式 import 'quill/dist/quill.core.css' import 'quill/dist/quill....
2019-05-20 17:19:55
706
原创 vue2+elementui 弹出框被遮罩层挡住
在vue2+elementui开发中使用el-dialog弹出框被遮罩层遮挡，如下图：解决办法:modal-append-to-body="false"
2019-05-20 11:45:41
3876
2
原创 angular6项目部署到服务器上刷新页面404
angular6项目在本地访问正常，部署上去也可以访问，但刷新页面会404解决办法；使用HashLocationStrategy 路由策略//app.module.tsimport { HashLocationStrategy, LocationStrategy } from '@angular/common';@NgModule({ providers: [{ provide: L...
2019-05-13 10:10:55
866
原创 Vue2.0父子组件传值总结
一.父组件向子组件传数据<!-- 父组件father --><!-- 父组件通过message属性把msg的值传给子组件child --><template> <div> <child :message="msg"></child> </div></template><s...
2019-04-17 17:15:18
258
原创 Vue2.0项目引入字体库font-awesome
//安装font-awesomenpm install font-awesome --save//在main.js中引用import 'font-awesome/css/font-awesome.css'<!--页面中使用--><i class="fa fa-camera-retro fa-lg"></i>...
2019-04-13 10:16:51
1108
原创 Vue2.0之vuex的安装及使用
安装npm install vuex --save将store对象定义在main.js中import Vuex from 'vuex'Vue.use(Vuex);var store = new Vuex.Store({ state:{ msg:'123' }, mutations:{ }, actions:{ }})在实例...
2019-04-11 15:09:50
4037
原创 vue2.0项目使用less
vue-cli默认不支持使用less，会报错如下需要安装less npm install less less-loader --save在 style 标签中 加 lang=“less” 属性即可
2019-04-11 14:06:04
743
原创 Vue2.0生命周期与钩子函数
生命周期图示<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <script type="text/javascript" src="https://cdn.jsdelivr.net/vue/2.1.3/...
2019-04-02 15:43:32
228
原创 angular6+ng-zorro实现表格树形数据展示
<nz-table #expandTable [nzData]="listOfMapData"> <thead> <tr> <th nzWidth="40%">ID</th> <th nzWidth="30%">NAME</th> <th&g...
2019-03-30 11:24:15
5356
原创 angular6报错StaticInjectorError[***] No provider for ***!解决方法
angular6项目启动报错如下：原因在于在该组件的ts中使用了service，但没有在模块中声明，没有在modules的providers中注入这个service，引入即可
2019-03-05 14:53:22
7174
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人