随笔分类 -  WEB前端

日常小结
switch 和 if...else if 的区别
摘要：为什么很多人用 if...else..if 而不使用 switch 1，if...else...if 只是单纯地一个接一个比较；if...else可能每个条件都计算一遍； 2，switch 使用了Binary Tree算法；绝大部分情况下switch会快一点，除非是if-else的第一个条件就判断到 阅读全文
posted @ 2018-11-23 16:33 ermao的博客 阅读(391) 评论(0) 推荐(0)
vue中 eCharts 自适应容器
摘要：在 vue 脚手架开发中，echarts图表自适应容器的方法： 父组件： <template> <div class="statistics_wrap"> <v-fir-grade ref="first"></v-fir-grade> </div> </template> <script> impo 阅读全文
posted @ 2018-11-22 10:49 ermao的博客 阅读(4266) 评论(0) 推荐(0)
AJAX跨域POST发送json时，会先发送一个OPTIONS预请求
摘要：我们会发现，在很多post,put,delete等请求之前，会有一次options请求。 根本原因就是，W3C规范这样要求了！在跨域请求中，分为简单请求（get和部分post，post时content-type属于application/x-www-form-urlencoded，multipart 阅读全文
posted @ 2018-04-16 14:59 ermao的博客 阅读(17672) 评论(1) 推荐(4)
获取鼠标和元素的坐标点
摘要：HTML： <div id="main">获取坐标</div> <div id="fixed_box"></div> <div id="main">获取坐标</div> <div id="fixed_box"></div> 1，jquery 获取鼠标坐标点 a ,获取当前鼠标相对html页面的原点的 阅读全文
posted @ 2018-01-09 11:27 ermao的博客 阅读(1396) 评论(0) 推荐(0)
vue2 数据交互 vue-resource
摘要：1、安装vue-resource到项目中，找到当前项目 输入：npm install vue-resource --save 2、安装完毕后，在main.js中导入，如下所示： import VueResource from 'vue-resource' Vue.use(VueResource) 3 阅读全文
posted @ 2017-12-29 14:24 ermao的博客 阅读(240) 评论(0) 推荐(0)
网站代码初始化
摘要：css代码之所以初始化，是因为能尽量减少 各浏览器之间的兼容性问题! 1，腾讯QQ官网 样式初始化 阅读全文
posted @ 2017-12-29 09:45 ermao的博客 阅读(323) 评论(0) 推荐(0)
vue2 关于ref
摘要：2，使用ref 转载于 https://segmentfault.com/a/1190000009052002 阅读全文
posted @ 2017-11-29 13:48 ermao的博客 阅读(706) 评论(0) 推荐(0)
事件监听
摘要：window.onload = function() { var oneClick = function() { alert("第一个事件"); }; var twoClick = function() { alert("第二个事件"); }; var threeClick = function() 阅读全文
posted @ 2017-08-31 16:15 ermao的博客 阅读(191) 评论(0) 推荐(0)
构造函数+原型
摘要：<script type="text/javascript"> function Car(color, doors, wheels) { //创建一个类 this.color = color; //类属性 this.doors = doors; this.wheels = wheels; this. 阅读全文
posted @ 2017-08-31 14:59 ermao的博客 阅读(215) 评论(0) 推荐(0)
eCharts图表（polar极坐标图）
摘要：极坐标图 HTML: <div id="eChart"></div> css: #eChart{ width:500px; height:500px; } js: /*渲染echart表格 */ function echart(redData, blueData, yellowData, clock 阅读全文
posted @ 2017-08-04 18:14 ermao的博客 阅读(23685) 评论(0) 推荐(0)
Vue日历
摘要：Vue生成日历，根据返回值将日期标红 HTML： <h1>CSS 日历</h1> <div id="calendar"> <div class="month"> <ul> <!-- <li class="arrow" @click="pickPre(currentYear,currentMonth) 阅读全文
posted @ 2017-08-04 17:56 ermao的博客 阅读(365) 评论(0) 推荐(0)
下拉框切换事件
摘要：1，获取下拉框里面option的值 $("#select").children("option:selected").text(); 2, 下拉框改变事件 table 选项卡 $("#select").change(function(){ oswitch();//执行函数 }); function 阅读全文
posted @ 2017-07-18 17:05 ermao的博客 阅读(760) 评论(0) 推荐(0)
将一个数组拆分为若干个相等数组
摘要：var a = ['法国','澳大利亚','智利','新西兰','西班牙','加拿大','阿根廷','美国','0','国产','波多黎各','英国','比利时','德国','意大利','意大利']; var b = []; var result = []; var k = 0; for(var i 阅读全文
posted @ 2017-07-18 10:04 ermao的博客 阅读(521) 评论(0) 推荐(0)
表格增加一行/删除一行
摘要：1,点击按钮，表格增加/删除一行，表格可编辑 HTML： <div class="handle_tab_box clearfix"> <button class="removeRow_btn" onclick="delrow()">删除</button> <button class="addRow_ 阅读全文
posted @ 2017-07-11 20:43 ermao的博客 阅读(538) 评论(0) 推荐(0)
CSS3媒体查询总结
摘要：1、什么是媒体查询 媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color （等）。使用媒体查询，可以在不改变页 阅读全文
posted @ 2017-07-11 10:32 ermao的博客 阅读(376) 评论(0) 推荐(0)
关于前端学习规划
摘要：第一阶段： HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效：常见特效、例如：tab、导航、整页滚动、轮 阅读全文
posted @ 2017-07-11 09:21 ermao的博客 阅读(931) 评论(1) 推荐(2)