- 博客(26)
- 收藏
- 关注
RSS订阅原创 vue项目判断非google浏览器打开，强制调用google方法
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,in...
2019-12-10 11:15:26
2666
原创 Console 调试技巧
console.log -- 直接输出console.info -- 信息图标（google没有）console.warn -- 警告标识（黄色背景）console.error -- 错误警示（红色背景）--断言输出--true assert 无输出；false assert 中输出一条断言错误信息console.assert(true, 'true');console.asser...
2019-06-27 15:08:00
456
原创 GitHub 入门与实践 读书总结（19-4-21 未完待续）
1.提交时转换为LF，检出时转换为CRLF： git config --global core.autocrlf true2.基础配置： git config --global user.name "" git config --global user.email "" //设置用户名与邮箱 git config --global color.ui tr...
2019-04-21 00:58:10
265
原创 Cordova+Vue+Vux+热更新+打包release版本+签名 （2019-4-20实践）
流程总结，意在帮助快速实践操作得真理 -- 具体步骤详情或含义 请留言询问或百度。谢谢。环境配置：Node JDK 1.8（推荐版本） ---- java包 必须安装 Android Studio ---- 更方便统一管理 安卓SDK / 虚拟机 （SDK 必须安装） XCode ---- Mac专用 用于安装证书 打包 文件服务器一台 ---- 用于实现app热...
2019-04-21 00:17:32
2216
1
原创 （非百度copy答案）you can run: npm install --save !!vue-styles-loader!css-loader?
问题描述：使用脚手架新建了一个vue项目，在使用sass语法时产生了报错，然后按照提示安装了百分之99的百度答案给出的模块包，如下代码段；接着在我想在main.js文件种引入一个scss文件时接着报错，如图；解决路程：通过不断的百度，一直搜索到的答案是关于：!!vue-style-loader！css-loader？（区别是没有 ‘s’ 的）；所以我一直重复那几个百度的答案一直安装各种模块包，...
2019-02-21 15:19:19
13646
原创 VUE Element Tab Echarts 宽度 百分百 变成 100px（1行代码解决）
问题描述：vue+element项目中使用到了tab切换选项卡，其中有一个tab下的内容是echarts，出现了echarts宽度缩减为100px无法继承100%属性。问题：总结就是，echarts渲染时tab选项卡display为none，所以width：100%没有可继承项，被echarts自带方法切割成100px。解决思路：销毁组件，在tab选项卡被选中时重新渲染组件，这个时候就会有...
2018-12-26 16:20:46
7163
5
原创 Element 动态切换表单项验证规则传入prop的赋值与清空问题（已解决但不明原因）
DEMO：http://js.jirengu.com/rehuvolemu/1/edit?html,output（在线编译工具直接查看效果）期望：表单项2选1，必填。切换时将禁用的表单项的 验证规则去掉（思路：将prop赋值为 ' ' ）尝试解决：通过计算属性绑定prop，根据单选框选中的值切换 prop值 为 规则字段（增加）或者 空字符串（去除）。问题：watch监听了数据的变化...
2018-12-20 14:31:01
7382
4
原创 Element 表单验证项v-model绑定值为对象下的子对象的属性时无法验证
问题：表单项（select）双向绑定的变量（form.a.name）为表单对象（form）的子对象（form.a）的某一属性时（form.a.name），规则绑定的prop（name）验证不执行。<el-form :model="form" :rules="rules" ref="form"> <el-form-item label="问题类别：" prop="n
2018-12-20 12:59:00
15133
4
原创 VUE input focus事件阻止冒泡 阻止父元素事件触发
@click.stop.native="stopstop"focus 改成 click 加 stop 加 native。
2018-12-14 16:56:53
8905
原创 Element 表单 resetFields() 验证失效 几种不同的场景（图示）
需求：当然是清除表单验证（即下方红色警告）解决：这4种写法绝对可以解决问题了。A：_this.$refs['formName'].resetFields();B：if (_this.$refs['formName'] != undefined){_this.$refs['form1'].resetFields();}C: _this.$nextTick(() =>...
2018-12-11 15:00:51
2052
3
原创 Element 无法修改被公共样式作用的私有样式 （scoped >>> 方法）
问题：如图所示 public中对全局做了一些组件的公共样式。一些不希望被公共样式作用的组件需要私有修改样式无法实现。解决：使用深度作用选择器 >>> 来实现 选择器穿透控制。备注：使用的第一个方法是根节点加 class 增加权重（当然无效） 其实不需要这个 class 直接使用 >>> 加上需要修改的类名也行...
2018-11-16 15:58:03
3327
5
原创 Element table 列设置 百分之无效 问题所在与解决
需求：如题，设置列宽为百分比。问题：百分比之后列都挤在了一起。解决：将 el-table-column 的 width 属性改成 min-width。猜想：width 百分之继承的父级值不正确。原因：图中对比，el-table 自己的组件会被 vue 解析成 html，通过在 colgroup 里面的配置可以看到 width 设置百分比的值直接被解析去掉百分之变成 px 了。所以并...
2018-11-16 15:14:56
5027
1
原创 阿里飞冰 Img组件绑定事件无效
问题确认：已提交反馈确定是飞冰自身的bug。解决：在飞冰 Img 组件外层套一个span。使用span是为了不影响布局。
2018-11-05 17:41:13
464
原创 阿里飞冰使用Link路由跳转报错之“react-router”与“react-router-dom”
需求：首页链接点击跳转二级页面错误实现：引入路由模块，使用Link跳转（如最下面的那张图）因为之前没有接触过react，飞冰也是新用。所以某度了很久，react路由跳转，react官方文档，各种文章，未果。飞冰创建的路由配置文件也跟大部分react路由文件写法不太一致，所以我找的很吃力。最后查看了package.json文件发现了问题所在，飞冰构建的react项目使用的是第四代的路由模块，...
2018-10-30 12:53:35
1744
原创 阿里飞冰构建的react项目使用<a>锚点定位问题
需求：首页顶部导航菜单的跳转为当前页的下方锚点。传统实现：使用<a>标签跳转 id。问题：无法跳转，会发起路由跳转页面。问题所在：react自身的问题。解决方案：使用scrollToAnchor方案。（1：给a加上点击事件传入id。2：复制方法。3：定位所在地加上id）if (anchorElement) { anchorElement.scrollIntoV...
2018-10-29 20:33:23
705
原创 WebStorm2018破解（2018年10月9日 16：13实测有效）
我的版本是2018.2.2 选择破解code 复制下面的code 粘贴即可。AWAC5NN6E4-eyJsaWNlbnNlSWQiOiJBV0FDNU5ONkU0IiwibGljZW5zZWVOYW1lIjoibGIgb2QiLCJhc3NpZ25lZU5hbWUiOiIiLCJhc3NpZ25lZUVtYWlsIjoiIiwibGljZW5zZVJlc3RyaWN0aW9uIjoiRm9...
2018-10-09 16:12:04
4202
1
原创 element-ui表格的row与col添加的click没有作用（ .native）
业务：根据时间段进行查询数据。实现：通过点击不同的日期，获取到对应的时间传值给日历挂机，再查询。Bug：时间上的点击事件没有触发。解决：在click后面加上 .native 。图示问题。后续还有处理时间的方法（可看）。 <el-col :span="8"> <div class="queryBtn" style="border: 1px sol...
2018-09-22 17:29:39
2807
原创 Cannot read property 'resetFields' of undefined
如果你也遇到这个问题，那么出现的情景应该是：vue项目中使用的element-ui组件库构建的后台管理系统之类的界面中，ADD与Edit复用同一个弹框，需要在每次点击ADD打开弹框的时候清空弹框内的from数据。（点击Edit之后数据会被获取进去，不清空就点击ADD会出现上次数据）。然后我们使用element的重置方法：然后就会报错，找不到这个方法。this.$refs[dialogForm...
2018-09-22 16:42:37
3985
3
原创 element-ui移除table组件hover背景色事件
需求：业务需要删除功能实现标记即可，并且禁止Action功能。实现：通过后台增加一个字段，判断数据是否为删除状态。通过这个字段动态为表格行添加class类实现背景色变灰（标记）。Bug：表格自带的移入hover事件同样是改变背景色，所以体验很不友好。解决想法：.el-table .el-table__body .delstatu:hover{ background: #6c...
2018-09-20 21:25:43
19219
4
原创 el-form-item__error 无法修改样式
在使用element-ui组件库的时候经常需要修改原有样式，这时候就会有很多问题，无法修改样式，style加不上去等一系列问题。今天刚好又碰到了，随手记一笔，希望能帮助到有需要的。因为拿到的页面是开始别人写过的，所以样式类，不敢动，担心造成其他未知的影响，所以想另外加一个style通过scoped控制我需要修改的样式保证只修改在当前文件（页面）。这样导致了我一直加不上style，审查元素也查不...
2018-09-20 17:55:54
12431
3
原创 Node -- 使用express框架搭建一个简易本机服务器（纯手打）
直接开撸，创建项目文件夹，在cmd中进入项目路径或者直接在webstorm下点开Terminal，输入命令npm install nrm -g-g:全局安装 国内包映射库，下载nrm的模块到项目中nrm：切换镜像地址的模块包nrm-h：帮助nrm ls：可以查看所有可以切换的地址nrm use taobao：使用淘宝的地址（国内速度更快）然后下载express框架：n...
2018-08-22 15:41:08
730
3
转载 转 -- 可替换元素、不可替换元素、包含块、块级格式化上下文、匿名盒
平时在工作中，总是有一些元素之间的边距与设定的边距好像不一致的情况，一直没明白为什么，最近仔细研究了一下，发现里面有学问：垂直元素之间的margin有有互相重叠的情况；新建一个BFC后，会阻止元素与外界元素的重叠现象。 先了解几个概念：可替换元素、不可替换元素（non-replaced element）、包含块（containing block）、块级格式化上下文（BFC）。 ...
2018-08-21 14:47:57
264
原创 BUG -- 背景图片 background-postion 值为 百分比 时无效
最近再写公司官网，要求响应式，为了图方便用百分比遇到一个bug。经过多方测试，此时遇到的问题是：当background-size的值与容器的width、height值相同时（同为px或者%），background-postion属性值设置为百分之无效。为此做了一个demo更为直观的理解这种问题： 造成这个问题的原理就是因为background-postion的值使用百分比时的计算公...
2018-08-14 17:01:06
735
2
原创 利用定位与transform实现镜像子菜单
遇到的需求是页面中部有一个导航栏，要求竖向位置在下半部分时，鼠标移入子菜单出现在上方，反之出现在下方。写了一个简单的demo用来表达效果：原理是通过子菜单ul 绝对定位后的 bottom属性设置100%达到让子菜单移动到上方。（bottom：0px；效果相同）。 接着翻转子菜单ul，再翻转子菜单的li ，就实现了镜像子菜单。 这里我是做的鼠标移入直接观察效果，实际项目中还需要判断滚动条...
2018-08-10 17:03:35
406
原创 JS note -- 传统绑定与现代指派
传统绑定：直接在节点上加入事件，赋予函数 <button onclick="x()" id="btn1">传统指派1</button>function x(){...};var y=document.getElementById("btn1");y.onclick=bull; //取消绑定 获取节点 ==> 指派函数 <butto..
2018-08-10 16:26:05
263
原创 WEB应用开发流程
需求分析 网站类型分析1.类型：推广展示类、机构企业类、电子商务类、多媒体活动、综合门户类、搜索引擎类。2.技术：固定分辨率、瀑布流式、响应式。3.页面布局结构：封面型、拐角型、左右框架型、上下框架型、国字型、标题正文型、综合变化型。 针对用户群体分析1.用户年龄、选择素材、网站布局、颜色搭配、用户体验及功效、功能便捷。 市场价值及竞品分析1.主要业务功能是否同样满足...
2018-08-07 11:40:38
2344
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人