首先按照mint-ui的文档中按需引入的要求,先执行 npm install babel-plugin-component -D 然后,将.babelrc文件替换了,但是后来我又将其改了(采坑过程我也改来改去),下面附图: 接着运行,报错: 说是没有安装es2015,然后安装cnpm install babel-preset-es2015 --save-dev 然后运行: 说是没有找到mint-ui的文件,还需要安装,cnpm i mint-ui --save-dev 然后再运行,成了: 后来又…

1.ref 在父组件中访问子组件实例,或者直接操作DOM元素时需要ref <input ref="ipt"> 通过this.$refs.ipt 得到此input $refs是非响应式的,不应该在模板中做数据绑定 2.自定义事件 $on  $emit <!--使用v-on在html中监听--><my-component v-on:test="callbackFun"></my-component><script&g…

1:父子组件传动态传值 https://www.cnblogs.com/daiwenru/p/6694530.html  -----互传数据基本流程 https://blog.csdn.net/qq_36735409/article/details/79697192--------props驼峰接收,父组件中划线 2:Vue.nextTick 3: v-model对应变量值a要处理成指定格式提交数据库,提交的时候需要对a进行深copy得到b然后在处理成指定格式,否则双向数据绑定原理vue会报错.…

Vue.set Vue.set( target, key, value ),target不能是 Vue 实例,或者 Vue 实例的根数据对象,因为源码中做了如下判断: var ob = (target).__ob__; if (target._isVue || (ob && ob.vmCount)) { "development" !== 'production' && warn( 'Avoid adding reactive properties to…

在工作中,有次遇到要把返回的字符串分割成两部分,一部分用另外的样式显示. 这时候,我想通过对得到字符串进行处理,在需要特别样式的字符串片段用html标签(用的span)包裹起来再通过变量绑定就好了.不过此时绑定变量的vue指令要用v-html. 测试方案的过程很顺利.不过后面单独为自动添加的标签(span)设定需要的css样式时(直接在vue单页面的css区域加的样式),并没有起作用,浏览器检查元素style特性也没有看到设定的属性.这就很头大了.无奈,去网上去搜搜看有没有别人可以借鉴的经验,没…

1.项目在浏览器运行的时候没有ico图标 <link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico">favicon.ico必须放在static中,放在其他地方都不行!…

1. vue项目打包采坑 1.1. vue运行报错error:Cannot assign to read only property 'exports' of object '#' 这个错误我是在打包完部署到nginx上才会报的,在本地环境可以正常运行,真坑: 网上的资料说的报错原因是export和import不兼容啥的,经过我实际测试修改,问题出在使用export导出方法的js中,import了里面包含module.exports的js,这是两种不同的表达式,作用相同,但不能一起存在:网上的方…

POST请求设置Content-Type 由于后端采用的是form表单形式上送参数,需要设置Content-Type axios设置如下 const _axios = axios.create(config); _axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;'; api调用 import { request } from '@plugin/axios' export const…

nuxt 2.0采坑计之静态文件css 外部引入css 全局引用方法为   (在nuxt.config.js配置中在   module.exports = {}  中添加) head: { meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { hid: 'description', name: 'description', content: pkg…

PWA(Progressive Web App)是前端的大趋势,它能极大的加快前端页面的加载速度,得到近乎原生 app 的展示效果(其实难说).PWA 其实是多种前端技术的组合,其中最重要的一个技术就是 service worker. Service worker 在 MDN 上的说明: Service workers 本质上充当Web应用程序与浏览器之间的代理服务器,也可以在网络可用时作为浏览器和网络间的代理.它们旨在(除其他之外)使得能够创建有效的离线体验,拦截网络请求并基于网络是否可用以及…

公司的CDH早就装好了,一直想自己装一个玩玩,最近组了台电脑,笔记本就淘汰下来了,加上之前的,一共3台,就在X宝上买了CPU和内存升级了下笔记本,就自己组了个集群. 话说,好想去捡垃圾,捡台8核16线程64G内存的回来,手动滑稽. 3台笔记本的配置和角色分配: 宿主CPU 宿主内存 虚拟机 虚拟机CPU/台 角色及内存 双核双线程 4G 1台 双核双线程 nexus.yum.ntp 双核四线程 8G 2台 双核四线程 master(4G).node01(2G) 双核四线程 8G 3台 双核四线程…

Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource 目前主流的 Vue 项目,都选择 axios 来完成 ajax 请求,而大型项目都会使用 Vuex 来管理数据,所以这篇博客将结合两者来发送请求 前言: Vuex 的安装将不再赘述,可以参考之前的博客 Vue 爬坑之路(四)-- 与 Vuex 的第一次接触 使用 cnpm 安装 axios cnpm install axios -S 安装其他插…

迄今为止做的最大的 Vue 项目终于提交测试,天天加班的日子终于告一段落... 在开发过程中,结合 Vue 组件化的特性,开发通用组件是很基础且重要的工作 通用组件必须具备高性能.低耦合的特性 为了满足这些特性,开发的时候有很多需要注意的地方,这里我和大家分享一下我的心得 一.数据从父组件传入 为了解耦,子组件本身就不能生成数据.即使生成了,也只能在组件内部运作,不能传递出去. 父对子传参,就需要用到 props,通常的 props 是这样的:…

在angular中会遇到一些莫名的问题,导致不能完成想要的功能,可能是某项用法使用错误,或许是angular相对应不支持,或者是我们功力根本就没有达到.为了在每次采坑之后能有所收获,再遇到时能理解其根本的原因,所以在这里做下记录.希望对自己和朋友们有所帮助. 1.$scope的值无法从model层传递到view层 1. $scope下的key是基本类型,并且当其值变化的时候,类型变化,导致其双向绑定失败 eg: $scope.activeCategoryMenu = 3; $scope.acti…

Redis缓存采坑记 ​ 前言 ​ 这个其实应该属于分布式改造剧集中的一集(第一集见前面博客:http://www.cnblogs.com/Kidezyq/p/8748961.html),本来按照顺序来的话,不会这么快发布这篇博客.但是,因为这个坑让我浪费太多时间.这个情形和一年前我在另一个项目中试图优化mybatis时简直完全一致,即使拿出了源码来debug还是解决不了这个问题,网上搜索的方法全部尝试了一遍还是不行.足足浪费了两三天的时间,说想吐血一点都不为过...... 鉴于再次被坑的这么惨…

需求:  读取文本内容,对字符串进行base64加密 >>> str = 'aaaaaaaaaaaaaaaaaaa\nbbbbbbbbbbbbbbbbbbbbbbbbbbb\ncccccccccccccccccccccccccc' >>> encodeStr = base64.encodestring(str) >>> encodeStr 'YWFhYWFhYWFhYWFhYWFhYWFhYQpiYmJiYmJiYmJiYmJiYmJiYmJiYmJi…

vue踩坑记 易错点 语法好难啊qwq 不要把'data'写成'date' 在v-html/v-bind中使用vue变量时不需要加变量名 在非vue事件中使用vue中变量时需要加变量名 正确 <div id="vue"> <button onclick="vm.ColorRed=vm.ColorRed^1">gg</button> <div v-html="site" v-bind:class="…

系统:Centos 7,内核版本3.10 本文介绍如何从0利用Docker搭建Hadoop环境,制作的镜像文件已经分享,也可以直接使用制作好的镜像文件. 一.宿主机准备工作 0.宿主机(Centos7)安装Java(非必须,这里是为了方便搭建用于调试的伪分布式环境) 1.宿主机安装Docker并启动Docker服务 安装: yum install -y docker 启动: service docker start 二.制作Hadoop镜像 (本文制作的镜像文件已经上传,如果直接使用制作好的镜像…

1. Spring Cloud Config采坑记 1.1. 问题 在本地运行没问题,本地客户端服务能连上本地服务端服务,可一旦上线,发现本地连不上线上的服务 服务端添加security登录加密,客户端连接不上,这在本地和线上都是不行的 1.2. 原因及解决办法 这两个问题的原因是一样的,由于它本身加载顺序的问题,它默认加载地址就是localhost:8888,而application.properties的加载是第二序位 为了解决上述两个问题,在resources中添加个bootstrap.y…

1. rabbitmq在ios中实战采坑 1.1. 问题 ios使用rabbitmq连接,没过多久就断开,并报错.且用android做相同的步骤并不会报错,错误如下 Received connection: <RMQConnection: 0x600002594080> disconnectedWithError: Error Domain=GCDAsyncSocketErrorDomain Code=7 "Socket closed by remote peer" Use…

一:唠嗑 鼓捣了两天的Spring Security,踩了不少坑.如果你在学Spring Security,恰好又是使用的Spring Boot,那么给我点个赞吧!这篇博客将会让你了解Spring Security的各种坑! 阅读前说一下,这篇博客是我一字一字打出来的,转载务必注明出处哦! 另外,本文已授权微信公众号“后端技术精选”独家发布 二:开始 1.准备 Spring boot 1.5 Mysql 5.7 导入依赖 <!-- Web工程 --> <dependency> &l…

Charles 抓包工具安装和采坑记录 网络抓包是解决网络问题的第一步,也是网络分析的基础.网络出现问题,第一步肯定是通过抓包工具进行路径分析,看哪一步出现异常.做网络爬虫,第一步就是通过抓包工具对目标网站进行分析,应对各种反爬策略.不会使用抓包工具的网络分析员等于是黑夜里找针,就算找到了,也是凭运气.网络抓包工具比较主流的有 Fiddler,Charles,WireShark,MITMProxy 等等. Fiddler 主要用于 Windows 平台,配置简单,主要用于 HTTP 和 HTTP…

1.采坑:实现form的submit提交,在提交之前,进行ajax的不同校验,然后onsubmit=return check(),进行提交 1/1 目的:可以实现以 from的submit提交,然后还能进行数据的ajax动态验证. 2.html: <form class="form-horizontal" method="post" role="form" onsubmit='return check()'> <button t…

博客记录我的各种采坑,有的坑很水,比如下面这个 谨记录自己的坑,以后作为入门笑料. 拿到设计师的psd设计图,理清事件逻辑,接下来就要切图啦.结果PS老是crash!检查了PS版本,也不低啊2017.2019版本的.看了下盘的内存,还有30G了,运行8G不算高,但跑个PS没问题吧.但就是一导入图片就崩溃.虽然设计图有点大,100+M.没办法,昨天解决了我的PC的Chrome BUG问题,今天就得硬着头皮解决PS问题.终于,再换了很多版本以后终于拿到了报错信息,“PC的显卡不支持”,结果果断百度显…

页面的dom元素加载完了,给元素一次性添加事件. 收获:事件都是一次性给添加好的,不是点击一次,................................................... 一次采坑 所以无法用jq去修改页面的table这些元素了 把那个函数放在onclick后面也可以.…

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli vue/cli 3.x 已经发布,如果使用 3.x 构建项目,请参考<Vue 爬坑之路(十二)—— vue-cli 3.x 搭建项目> 一. 安装 node.js 首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包. 只是这样安装的 node 是固定版本的,如果需要…

tk.mybatis通用工具pom <!--mybatis依赖--> <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>1.3.1</version> </dependency> <!--通用mapper--&…

Vue Cli 3 官方文档:https://cli.vuejs.org/zh/guide/ 一.安装 @vue/cli 更新到 3.x 之后,vue-cli 的包名从 vue-cli 改成了 @vue/cli 如果之前全局安装了旧版本的 vue-cli (1.x 或 2.x),首先需要使用以下命令卸载掉 // 如果没有安装旧版本的 vue-cli 可以跳过卸载直接安装 npm uninstall vue-cli -g # OR yarn global remove vue-cli 然后重新安装…

背景:VS2015+MySql+EF6(DB First) 采坑顺序:按照以前的记忆,操作依次如下: 1,安装 MySQL Connector/NET(不用想,装最新的,8.0.12) 2.安装 MySQL for Visual Studio (最新1.2.8) 3.在VS2015创建WEB项目 4.nuget 安装MySql.Data.Entity (最新6.10.8,会自动安装依赖包MySql.Data 6.10.8 和 EF 6.2.0) 雷区:下来,当然的要创建[ADO.NET实体数据模…

1.TP3.2 模板 select 下拉框采坑 <div class="form-item"> <label class="item-label">上级部门<span class="check-tips"></span></label> <div class="controls"> <select type="" name=&qu…