学习笔记
文章平均质量分 76
Bonjourjw
这个作者很懒,什么都没留下…
展开
-
将非常规Json字符串转换为常用的json对象
如下所示,这是一个已经转换为Json对象的非常规Json字符串,各个字段没有像我们直接能使用的key-value键值对这样一一对应的json对象。各key值意义如下:原创 2017-11-10 09:36:34 · 528 阅读 · 0 评论 -
域名解析举例
注:原文出处博客园bonelee的文章,地址:https://www.cnblogs.com/bonelee/p/7305686.html 域名解析举例 1,什么是DNS服务器? 互联网是由无数台服务器和PC连接在一起组成的,每个服务器都会有一个唯一的数字标识,叫IP地址,IP地址是数字表示的,比如218.231.156.61服务器,p...转载 2018-06-13 09:54:53 · 1180 阅读 · 0 评论 -
vue使用插槽分发内容slot的用法
注:转自kingo博主笔记分享,地址:https://blog.csdn.net/kingov/article/details/78293384。不过有个疑问点 为什么直接就能在代码中使用标签而不报错? 将父组件的内容放到子组件指定的位置叫做内容分发//在父组件里使用子组件<son...转载 2018-06-13 11:39:48 · 1377 阅读 · 0 评论 -
HTML之CSS画三角形原理
注:本文转自pengjunlee,原文地址[这里写链接内容](https://blog.csdn.net/pengjunlee/article/details/53002553)在进行WEB应用开发的过程中,我们经常会需要使用到三角形图标,例如下面这个下拉选择控件右侧的收缩箭头。又或者像下面这种情形。搜索网络之后发现三角形可以通过以下CSS代码实现:[html] view p...转载 2018-05-31 14:25:44 · 1477 阅读 · 0 评论 -
如何利用echarts3绘制梯形波图
一、需求分析每次实现各种图表时,总会用到echarts,不得不说确实是一个非常好用的开源库。不过由于需要,这次的需要实现的效果如下: 1.实现一个梯形图(每个数据组对应一个梯形); 2.自定义echarts的右键功能,增加选项可以直接对数据项进行额外的操作;二、思路及实现2.1 自定义echarts的鼠标右键事件我们知道一般在浏览器中鼠标右键点击都有自定义的事件 那么...原创 2018-06-08 16:02:58 · 5455 阅读 · 2 评论 -
IE浏览器下,VUE项目页面打开空白
一 问题描述今天偶然用IE打开所做后台系统,发现居然空白一片!!!什么都没有,好可怕,事故现场如下:原创 2018-11-25 16:55:02 · 5435 阅读 · 1 评论 -
IE兼容性——页面失常显示
接着上篇博文,IE浏览器下还有以下不寻常之处:一、登录成功后只看到顶部的菜单导航栏,但原本的主内容区域是空白一片,定睛一看页面右侧有滚动条,原来内容区域隐藏在页面下方。。。这个情况仅仅在IE浏览器下出现,而像chrome及firfox都是正常的。 导航菜单是采用了element-ui的组件,再加以自定义实现的,且包裹在el-row中,对比其在chrome和firfox下的表现,I...原创 2018-11-25 17:18:41 · 666 阅读 · 0 评论 -
el-tree后续需求之解决(更新节点数据、默认选中节点)
一 背景 el-tree的数据来源,通过后台获取,之前考虑由于刷新数据造成页面闪动的问题,处理方法为不实时刷新el-tree的数据(只考虑到了添加)。 添加一个treeNode时,成功后,调用后台的getTree重新获取最新数据newData,遍历找到新增的目标对象,将其获取作为当前选中节点的子Node。这样没有刷新整棵树,保证页面不会晃动。二 引发问题:...原创 2018-11-30 17:42:25 · 16142 阅读 · 5 评论 -
CSS尺寸单位 % px em rem 详解
声明:本文于博客园转自名为“HDWK”博主的文章,原文链接CSS尺寸单位 % px em rem 详解在CSS中,尺寸单位分为两类:相对长度单位和绝对长度单位。相对长度单位按照不同的参考元素,又可以分为字体相对单位和视窗相对单位。字体相对单位有:em、ex、ch、rem;视窗相对单位有:vw、vh、vmin、vmax几种。绝对长度单位则是固定尺寸,它们采用的是物理度量单位:cm、mm、in、px...转载 2018-11-28 18:04:39 · 519 阅读 · 0 评论 -
项目开发中一些小坑之路
一. 自定义横向二级菜单,切换不同的一级菜单时,默认选中二级菜单渲染不正确。 描述: (1)其实就是一级和二级菜单没有默认的激活项,导致每次刷新页面时,只有一级菜单显示,二级菜单并没有存在,但主界面仍旧停留在上一次选择的一二级菜单项下对应页面。 (2)又如从菜单1-2切换到菜单2-1,再次切换回菜单1(并不点击下面的二级菜单),看到上一次选择的1-2菜单仍处...原创 2018-12-16 17:45:57 · 373 阅读 · 0 评论 -
CSS布局——Grid
由于需要,接触到了网格布局,于是乎,学习记录一下,参见教程CSS网格布局(Grid)完全教程1.display:grid,就表明这是一个网格容器,其中的内容将由网格的形式展示,按行排列,宽度占满整个容器。2.display:inline-grid,同理,按行排列,不过宽度由项目自身宽度决定,以最长的一个项目为准。3.若要页面展示网格的效果,grid-template-rows和grid...原创 2018-12-16 18:46:58 · 260 阅读 · 0 评论 -
记echarts纵坐标刻度值使用科学计数法
一、背景 由于实际数据返回数量级最高可达到e-9,如果全用小数显示不合理,因此决定决定采用科学计数法,后台返回数据为字符串,格式如同‘1.3e-1’。二、方案实现 1.对于需要将纵坐标格式化成科学计数法的情况进行判断; 2.然后就是调用y轴坐标的自定义方法,处理数据为科学计数法(参考文章:echarts纵坐标使用科学计数法表示); 查看e...原创 2019-05-28 10:59:13 · 6660 阅读 · 0 评论 -
跨域之proxyTable——在开发和生产环境的不同配置
解决跨域问题又多种方法,网上又很多资料我就不再一 一列举了,直接上proxyTable的配置,我的项目是基于vue-cli脚手架搭建的,找到config/index.js中关于开发环境的配置,增加对proxyTable属性的配置,如下图所示: 利用axios发送请求的url都要在...原创 2019-07-08 15:04:46 · 5479 阅读 · 0 评论 -
Vue.js源码观摩学习
最近又将Javascript红宝书仔细地研究学习了3-7章,因为之前有许多理解不了的地方直接走马观花地跳过了。像什么闭包、原型链、原型对象及各种继承真得是看得脑壳疼,不过这一次看起来竟然将之前的疑问都能解决,自我感觉还不错。另外老大鼓励我可以试着学习看一下vue的源码,看别人的框架是怎么实现的。于是乎,开始了vue源码学习之旅。 最开始,我想着自己能否研究出个所以然,从github上面下载源码...原创 2018-05-16 22:51:55 · 2393 阅读 · 0 评论 -
关于js with语句的一些理解
**注:本文是转载自博客园名为“siwenyu”博主的文章,原文链接地址(https://www.cnblogs.com/siwy/p/4882757.html)**看红皮书时,发现延长作用域部分,使用with语句延长作用域的原理有些许疑问。一直认为with语句块中也是相当于一个局部作用域,为什么下面这个例子可以返回with语句块中定义的对象呢?function buildU...转载 2018-04-12 16:20:58 · 254 阅读 · 1 评论 -
入坑集锦(一)
vue+element-ui+echart 使用踩坑记录原创 2017-11-15 10:20:18 · 493 阅读 · 0 评论 -
学习使用webpack+vue搭建项目
最近,一直把JS基本语法知识重新巩固学习的同时,也一直在跟着上篇文章中提到的名为“守候”的博主发表的文章进行学习,今天也将自己在通过他的文章使用webpack+vue搭建项目环境的过程中遇到的值得记录的点,都一并写在这里原创 2017-12-18 17:41:31 · 2923 阅读 · 0 评论 -
CSS3/HTML5—3D
后面需要用到3D部分的知识,这里简单地记录一下原创 2017-12-05 18:06:48 · 403 阅读 · 0 评论 -
入坑集锦(三)
1.参数传递顺序 Javascript中参数传递:从左到右(java中也一样), 可以通过以下代码做如下验证。script type="text/javascript">function test(a,b){ console.log("a=",a); console.log("b=",b);}var a = 1;test(a,a++); //a=1,b=1scrip原创 2017-12-10 17:21:14 · 461 阅读 · 0 评论 -
入坑集锦(二)
1.升级element-ui到2.0版本,选中的Tab单项和菜单项都多了蓝色边框,如下图所示。 在页面上通过检查元素想要查看样式设置的地方,令人欣慰的是,根本就找不到。。在vue的技术群里请教之后,才了解到该现象的产生是由于浏览器的自带样式。解决办法:设置outline:none 即可2.也是在升级后,在外网通过npm将所需要的依赖安装后,在外面能正常运行,复制到内网中进行项目开...原创 2017-11-24 19:04:41 · 439 阅读 · 0 评论 -
初识CSS——关于布局
一直以来看了CSS的各类选择器及用法,大概能知道有哪些用法,看过书也跟着慕课网上每小节有代码验证的教程学习了。后来发现每当想要实现某些效果时,却不知从何下手,对于知识只停留在表面。因此,最近恰好有空,找了视频,从头来过,补补欠缺的许多基础的东西,通过动手实践加深对布局及各类选择器的用法加深理解。有个小小的愿望,在今后自己能随心所欲地实现想要的效果O(∩_∩)O 1.最简单的一列布局结构:...原创 2017-12-04 10:03:13 · 379 阅读 · 0 评论 -
JS中常用小技能
以下的内容均是在学习名为“守候”的博主在sementfault分享的文章,过程中自己有些地方没有理解到的和开始不懂的和容易错误的地方,通过调试理解后,记录在这里。附上该文章地址是https://segmentfault.com/a/1190000010225928,里面有许多实用的方法。一、不可避免地用到的正则表达式 1.关于$1…..9看到$2的时候,惊觉自己看不懂。查找之后,对大...原创 2017-12-07 18:26:47 · 567 阅读 · 0 评论 -
学习使用Vue2.0于移动端开发
偶然在GitHub论坛看到一个“基于Vue2.0高仿微信App”,点入一看,效果果真非常逼真。于是,立马入手学习。也记录对一些地方的理解: 1.过滤器 该项目中用到了时间过滤器,能将时间戳以固定的格式打印输出。过滤器官方文档在此,正如文档中所给出定义过滤器的两种方法,分为全局和局部,用在两个地方双括号插值和v-bind表达式,且过滤器应该添置在js表达式的尾部,由“管道”即“|”指示。该项目中原创 2018-02-05 17:51:09 · 3550 阅读 · 0 评论 -
惊艳的一些小发现
1.矢量图标库—Iconfont (地址:http://www.iconfont.cn/ho/index?spm=a313x.7781069.1998910419.2) 这是在寻找Vue2.0的错误问题时,偶然间看到了这位仁兄的文章:https://segmentfault.com/a/1190000007910099,非常棒的收获,里面有很多各种各样的图标,绝对够惊艳,我们也可以使用DIY自...原创 2018-02-08 11:29:30 · 327 阅读 · 0 评论 -
Vue中单向数据流与双向绑定两者的区别
在学习Vue的过程中,数据的双向绑定是一大特色,脑袋中一直是双向双向数据绑定。当看Vuex部分时,某然间看到单向数据流的概念模型,且Vue本来区别angular的就是,vue里是单向而angular是双向的。 一、单向数据流 单向数据流指只能从一个方向修改数据,姑且我们可以这样理解,如下图所示。一个父组件下有两个子组件1和子组件2,父组件可以向子组件传递数据。假如子组件都获取到了父组件的n...原创 2018-03-14 09:52:24 · 20178 阅读 · 4 评论 -
一步步深入学习webpack(入门困惑express和dev-server区别及分别使用dev-server和webpack-hot-middleware实现的热加载区别)
最近需要对webpack详细学习后,给大家分享学习。于是不得不对每一个点进行学习,结果发现webpack涉及到的知识内容好多,自己学习也是一知半解,很多时候脑细胞都死得一片一片的。 注:本文是参考网上多方资料学习后记录的,如有雷同,请联系我。学习资料:入门Webpack,看这篇就够了、WebPack 简明学习教程、Webpack飞行手册以及wepack官方文档 一、webpack是什么 ...原创 2018-03-26 19:59:30 · 6045 阅读 · 0 评论 -
vue项目将表单验证规则统一于json文件中指定(“组件化”思想)
如题所示,由于项目需要,将验证规则不以之前的方式写死在代码中,而是从外面读取进来,便于控制修改,能做到一改全改。想想如果某个验证规则出了问题,而我们在多个组件中都用到了该验证规则,那岂不是要到每个组件中去修改。故立即推=> 虽然简单,但实现过程中还是出现了各种问题。好吧,最开始新建一个testRules.json文件: //testRulses.json{ "ip":{...原创 2018-04-02 19:59:47 · 1766 阅读 · 0 评论 -
CSS3与页面布局学习总结
声明:本篇文章是我在学习“指尖流逝的夏末”博主的文章——CSS3与页面布局学习总结(四)——页面布局的多种方法过程中,把自己认为重要的易忘记的一些点加以记录,另外有些地方再加上自己的一些理解。 一、负边距与浮动布局 1.1负边距(margin为负值时) 1.1.1向上移动 当多个元素同时从标准流中脱离开来时,如果前一个元素的宽度为100%宽度,后面的元素通过负边距可以实现上移。当负的边距超...转载 2018-04-04 18:03:48 · 698 阅读 · 0 评论 -
使用canvas绘图学习
1.想要按书中要求绘制一个时钟,如图所示: 实现代码如下:<!DOCTYPE html><html><head> <title>canvas学习</title></head><body> <canvas style="width="400px&quo原创 2018-04-17 18:28:06 · 313 阅读 · 0 评论 -
GoJS v1.8.27 去水印方法
遇到该问题顺便转载该博主笔记,原文链接出处:GoJS v1.8.27 去水印方法,以下为博主原文: 今天使用npm下载goJS之后,发现有水印。去除水印的方法是:在go.js文件中搜索关键字:("7eba17a4ca3b1a8346")][D.Wg("78a118b7"),会找到 把a.Kv=d[w.Jg("7eba17...转载 2019-08-08 15:40:38 · 438 阅读 · 0 评论