- 博客(42)
- 收藏
- 关注
RSS订阅原创 git协同开发，代码已经push和pull过，但出现两者本地运行不一致的情况的原因
1.检查是否少提交了某些文件2.有一方装了插件，一方没装3.package.json更新，npm包没有重新安装
2021-05-24 11:19:52
597
原创 webpack打包出错：... UglifyJs Unexpected token name(...)解决方案
1.问题描述：使用webpack打包的时候出现Unexpected token: name的错误，完整报错如下：ERROR in js/app.beef0790.js from UglifyJsUnexpected token: name (result) [./node_modules/[email protected]@node-rsa/src/formats/openssh.js:12,0][static/js/vendor.4e305fead8c777fd6b59.js:81119,12....]
2021-04-15 14:45:59
5056
2
转载 什么是元编程
元编程：用代码生成（操纵）代码。常见的开发语言均能做到元编程，C的Marco，C++的Template，Java的Annotation，C#的Attribute、Reflection、CodeDom和IL Emitter，各种脚本语言（如js、python）的eval，甚至连Unix/Linux的shell脚本也能。元编程常见的应用场景很多，扩展（重构）语法、开发DSL、生成代码、根据特定场景自动选择代码优化、解决一些正交的架构设计问题、AOP等等。元编程存在的目的，就是多提供了一个抽象层次。元编程
2021-04-12 15:43:05
686
原创 浏览器调试窗口资源栏（源码）es6模块导入提示Uncaught SyntaxError: Unexpected token{ / identifier的原因以及解决方案
问题描述：有时候会出现这样的现象：前端代码可以在IDE中正常运行和打包，但在浏览器调试窗口资源栏（源码）提示Uncaught SyntaxError: Unexpected token{ / identifier（1）Uncaught SyntaxError: Unexpected token{ / identifier****a:可能是当前浏览器不支持“裸”导入：// 非裸导入： Supported:import {foo} from 'https://jakearchibald.com/util
2021-03-31 15:00:21
643
原创 vue更新数组
vue更新数组时，如果视图不更新可以依次尝试：（1）$set()（2）数组的splice方法（3）更新某个对象属性时，不要只更新对象某个属性，更新整个对象
2021-03-23 20:09:06
95
原创 vue自定义递归组件
在自定义树形结构的组件时，如果数据嵌套层数未知（即父若有子，子又有孙，子子孙孙无穷尽也），此时就可以使用递归的方式定义组件。如多级菜单，树形列表等。递归组件模板在定义时时，需要注意：一定要写终止条件，否则就会陷入无止境的循环中。举例：定义多级菜单：父组件中使用 sidebar-item：<el-menu :default-active="activeMenu" :collapse="isCollapse" :background-color="v
2021-03-23 11:31:52
359
原创 vue-cli到底做了什么
1.抽象介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，习惯称之为“脚手架”。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性，无需 eject。（官方文档: https://cli.vuejs.org/zh/guide/.）2.vue-cli到底做了哪些事ES6代码转换成ES5代码 2. scss/sass/less/stylus转css 3. .vue文件转换成
2021-03-18 19:06:44
1774
原创 微信小程序cover-image层级过高问题
在微信小程序中，cover-image的层级要高于view的层级，如果需要图片层级，需要换成css原生标签image即可
2021-03-10 17:13:17
1324
原创 CSS中定位属性absolute和fixed的区别和用法
1.区别（1）absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。（2）fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。2.用法如果需要元素相对右侧固定，但是能够随屏幕滚动，则用 absolute。注意父元素要为relative如果元素不能随父
2021-03-02 11:40:53
859
原创 elementUI的表单校验总结 // 测试环境出现表单有值但非空校验不通过的情况
1.纯表单静态校验// elementUI官网代码段截取<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-
2021-01-27 14:46:56
1022
原创 JS中@click=“clickFn“和@click=“clickFn()“的区别
@click=“clickFn”：此时，如果函数定义时有参数，则第一个参数默认为事件对象。例如：clickFn(row) { console.log(row);//输出$Event对象}@click="clickFn()"此时，如果函数定义时有参数，则第一个参数默认为undefined。clickFn(row) { console.log(row);//输出undefined}...
2021-01-12 16:58:13
2162
转载 2020-10-21
vertical-align:middle的深入理解好文共赏：https://blog.csdn.net/qq_42681882/article/details/106934546
2020-10-21 16:33:55
46
原创 打印预览页面关闭后，页面无法响应解决方案
问题出现原因：document.body.innerHTML = newhtml;newhtml若含有脚本，innerHTML重新赋值时，这个脚本是失效的。解决方案：1.media=print 这个属性<style media=print> .Noprint{display:none;} .PageNext{page-break-after: always;} </style> media=print 这个属性可以在打印时有效2.把内容放到一个新的w
2020-09-29 11:03:47
1301
原创 你不知道的JS-学习记录
1.JavaScript中的LHS和RHS查询LHS 和 RHS 就是对变量的两种查找操作，查找的过程是由作用域（词法作用域）进行协助，在编译的第二步中执行。在变量还没有声明(在任何作用域中都无法找到该变量)情况下，这两种查询行为是不一样的。LHS 和 RHS 查询都会在当前执行作用域中开始，如果有需要（也就是说他们没有找到所需的标识符），就会向上级作用域继续查找目标标识符，这样每次上升一次作用域，最后抵达全局作用域，无论找到或没找到都将停止。总结:不成功的RHS引用会导致抛出 Reference
2020-09-15 10:57:35
54
转载 JS中的面向对象思想
1.基本定义JavaScript标准对基于对象的定义：“语言和宿主的基础设施由对象来提供，并且ECMAScript程序即是一系列互相通讯的对象集合”。2.对象有如下几个特点。对象具有唯一标识性：即使完全相同的两个对象，也并非同一个对象。【一般而言，各种语言的对象唯一标识性都是用内存地址来体现的】对象有状态：对象具有状态，同一对象可能处于不同状态下。【不同语言会使用不同的术语来抽象描述对象的“状态和行为，比如C++中称它们为“成员变量”和“成员函数”，Java中则称它们为“属性”和“方法”。在 Ja
2020-09-14 15:56:08
429
原创 写http请求时，参数自动从json转变成了字符串格式
原因：1.header.post[‘content-type’]=" "设置出错应该设置为：axios.defaults.headers.post["Content-Type"] = "application/json;charset=UTF-8";2.可能是设置了http请求的拦截处理
2020-09-11 17:00:43
1374
原创 vue初次实践两周总结
1.vue中的computed（1）computed中的函数不能直接传参，即不能写成：computed: { showArowValue(index) { return this.showArowArray[index]; }, },如果需要传参，则需要使用闭包，即computed: { showArowValue() { return function (index) { return this.s
2020-09-11 16:51:56
734
转载 padding和margin对各类html元素是否有效
1.块级元素<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>块级元素特点：1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（霸道，一个块级元素独占一行）2、元素的高度、宽度、行高以及顶和底边距都可设置。3、元素宽度在不设置的情况下，是它本身父容器的10
2020-08-28 15:30:41
235
原创 element-ui的NavMenu 导航中＜template slot=“title“＞＜i class=“el-icon-message“＞＜/i＞导航一＜/template＞解释
element-ui的NavMenu 导航插槽解释其中slot="title"是具名插槽
2020-08-26 19:00:35
3564
原创 vue导出excel表格步骤以及易出错点
转载自：vue导出excel表格完全按照上面博客的步骤操作进行，其中出错的坑在于：复制export2Excel()方法后，要把里面的require中的路径改成自己项目对应的路径。需要注意的是，装完相应的loader后，要重新打包项目，其中可能会需要再次安装url-loader等其它loader。...
2020-08-26 17:05:36
359
原创 学习： ES6 Module 和 CommonJS 究竟有什么区别？
一篇讲解比较好的博文：ES6 Module 和 CommonJS 区别重点：1.CommonJS 模块加载过程是同步阻塞性地加载2.ES6 模块输出的是值的引用
2020-08-26 15:28:51
265
原创 webpack处理图片相关配置以及常见错误总结
装url和file两种loader npm install url-loader npm install file-loader在webpack.config.js中配置 相关规则 { test: /\.(png|jpg|jpeg|gif)$/, use: [ { loader: 'url-loader', .
2020-08-26 14:01:15
375
转载 element ui布局初识
<el-container>：外层容器。当子元素中包含 <el-header> 或 <el-footer> 时，全部子元素会垂直上下排列，否则会水平左右排列。<el-header>：顶栏容器。<el-aside>：侧边栏容器。<el-main>：主要区域容器。<el-footer>：底栏容器。所以如果想要使侧边栏和主体容器并行排列，则需要再新建一个el-container标签，里面只放el-aside和e
2020-08-25 14:35:37
313
原创 vuex使用方法以及踩坑记录
1.在webpack中配置vuex方法见博文：在webpack中vuex配置2.在各组件中的使用步骤：（1）在项目的入口文件index.js中添加语句：
2020-08-25 13:53:49
133
转载 为什么要用vuex而不是直接使用全局变量
转载自：为什么要用vuex,而不是直接使用全局变量Vuex 和单纯的全局对象有以下两点不同：1.Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。2.不能直接改变 store 中的状态。组件改变state的唯一方法是通过显式地提交mutation。这样使得我们可以方便地跟踪每一个状态的变化，从而让我们能够实现一些工具帮助我们更好地了解我们的应用。【若是异步事务或者是大批量的同步事务要改变state，
2020-08-25 09:55:42
1162
原创 webpack中配置vuex
1.cnpm install vuex --save我在配置的时候由于没有安装，所以出现无法resolve vuex的错误。2.如果里面涉及到ES6语法，则需安装bable里面可能会用到module.exports={ … }，则需安装bable，推荐文章：安装babel其中会出现问题，（1）Cannot find module ‘@babel/core’ babel-loader@8 requires Babel 7.x (the package '@babel/c，百度一下有博客说原因是：
2020-08-24 20:19:03
357
转载 webpack.config.js中mudule的配置释义
mudule是对于不同的模块的处理规则。module的rules属性代表不同的处理规则。rules是一个对象。对象的属性有test、use、exclude、include。use属性是对象数组。对象的参数为loader/options。总结：Rule.loader是Rule.use[{loader}简写Rule.options是Rule.use[ {loptions}]缩写...
2020-08-24 17:32:02
362
原创 :style=“`width: ${item.width}`“解释
:style="width: ${item.width}"中 ${item.width}是ES6中模板字符串（template string）中用占位符拼接字符串的方法。
2020-08-24 10:14:41
1502
1
原创 vue自定义组件传参无效，报错为参数未定义
原因：应该是props而不是prop即：export default { name: "searchTable", props: { tableData: { type: Array, default: [], desc: "动态表格数据", }, tableHeader: { type: Array, default: [], desc: "动态表头", }, }, data() {
2020-08-21 17:18:09
3717
原创 vue中的插槽——slot/slot-scope
看的博客链接：vue中的插槽总结：slot就是父组件内自定义内容在子组件中的占位slot-scope是父组件在不仅想要在子组件中占位，还要向子组件传参时，所用到的作用域插槽
2020-08-21 16:02:19
155
转载 vue组件传参----prop使用
1.prop 是不能主动修改的2.prop 定义时如果是 驼峰 命令方式，那么使用的时候需要为 短横线 方式，与组件一样在3种特殊情况下，不需要。3.定义方式：（1）数组的方式props: ['title', 'xxx']（2）对象的方式 （这种方式能够实现 prop 的验证）props: { title: String, // 对象或数组默认值必须必须传递一个函数，然后返回默认值 xxx: { type: Object, default: function() {
2020-08-21 15:26:55
386
原创 Vue自定义组件封装 浪费两个小时的问题
报错：Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as 网上查到的报错原因：标签内部不止一个根元素而导致报错。 =》排除新建VUE实例的代码放在了被绑定的组件当中。 具体解释点我 =》排除漏写了一个即根元素未正确闭合。 =》排除我就说聪明的我根本就不会犯以上这么低级
2020-08-21 14:35:30
240
原创 2020-8-21vue+elementui学习笔记
1.vue的ref属性：ref属性和is属性详解2.vue的key属性：key属性详解3.vue组件封装【1】props传过来的数据只做展示，不得修改，想修改，再新写一个data中的变量承接做数据的再处理。【2】如果如果你希望在 ComponentB 中使用ComponentA则有三部曲:a) import b) 在ComponentB组件的components属性中添加ComponentA c) 在ComponentB组件的html部分添加ComponentA标签代码示例：//Compo
2020-08-21 14:23:28
171
原创 el-menu+vue-router导航路由跳转
vue+elementui+vue-router使用el-menu实现导航路由跳转1.element-ui.common.js:3383 TypeError: Cannot read property ‘push’ of undefined
2020-08-20 19:18:08
1346
原创 vue+webpack中配置elementui填坑总结
前提：已经装好webpack和vue，并配置好vue所需loader等1.安装elementuicnpm i element-ui -S2.在main.js中引入elementuiimport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI);此时运行后会报错ERROR in ./node_modules/[email protected]@element
2020-08-20 11:26:38
1201
原创 2020-08-20 webpack devSever配置踩坑总结
1.vue warning:cannt found element “#app”1.删除htmlwepackplugin插件，htmlwepackplugin插件生成的html文件中没有引入bundle.js文件。2.如果并未引入htmlwepackplugin插件，那就是你的index.html文件中引入bundle.js文件的位置不对，应该将引入行放置文档末尾，待DOM树构建完成后再运行相应的JS文件。2.装了devsever 但是更改代码后，显示不改变1.在webpack.config.js文
2020-08-20 10:09:32
279
原创 单据流转系统PC端开发踩坑总结
1. vue使用element-ui的el-input监听回车事件 <el-input type="textarea" v-model="busNoSign" placeholder="请将光标置于此处用巴枪进行扫描，输入后回车" @keyup.enter.native="doSignCheck" ></el-input>2.element-table动态显示数据
2020-08-19 11:10:23
149
原创 webpack中配置.vue组件页面踩坑总结
第一次用vscode第一次配webpack第一次写vue的菜鸟踩坑之路前提是已经装好npm，全局安装webpack和cnpm i vue 而且已经能够使用webpack打包文件，然后想在webpack中写vue组件1.啥也不懂的菜鸟按照网上的写法写好了一个“我是0还是1”的APP.vue文件，然后运行webpack .\src\main.js .\dist\bundle.js --mode development后，无法解析.vue并报错：You may need an additional loa
2020-07-31 14:55:52
297
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人