自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

AmberWu

是谁来自山川与湖海

原创 欢迎大家来跟我聊天

http://amberwuwu.com/ https://amberwuwu.github.io/

2018-03-13 15:34:45 450 5

原创 浏览器渲染机制

之前有研究过js的性能优化问题,但是感觉理解的不是很透彻,还是要从其根本看起,所以就研究一下浏览器相关比较深层次的东西。为什么要了解浏览器的渲染机制作为一个前端开发,最常见的运行环境应该就是浏览器,为了更好的通过浏览器把好的产品呈现给用户,也为了更好的发展前端之路,还是有必要了解一下我们在浏览器地址栏输入网址到看到页面这个期间,浏览器是如何运作的,进而了解如何更好的优化和实践。...

2018-02-27 17:10:29 380 1

原创 基于vue的日历小demo

这个批次拿到了一个我一开始认为比较棘手的问题,是一个带特殊功能的日历。呐~设计图因为现在用vue比jq熟练了,之前没接触过vue的日历,基于jq的日历五花八门的,所以还是决定基于vue一试。因为之前的CSDN编译器出现问题,导致文章排版错乱,所以现新整理新文章:http://blog.csdn.net/AmberWu/article/details/79536769...

2017-05-11 10:30:51 7325 10

原创 基于vue.js的分页插件

先说点别的,今天冬至,前几天上海又一次比较大的降温,把我一个北方人冻成了狗,就在前天,晴空万里,烈日当头,于是我脱掉了我的秋裤,然而,明天降10°C,我有点不知所措了。☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆进入主题了进入主题了进入主题了☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。想...

2016-11-07 16:36:55 7183 8

原创 input标签在谷歌浏览器记住密码下的一个自动填充BUG

这是宝宝第一次写博客,是工作中遇到的一些BUG以及解决方案,突然很有成就感,一定要加油!******************************************这是一条丑陋的分割线**************************************************Chrome自带记住密码功能,带来了极大方便但是在点击保存之后,input标签会自动填充所保存的密码,如下图...

2016-08-19 19:04:20 12817 13

原创 echarts 折线图常用属性总结

x轴样式x轴数据过长,可以倾斜展示 xAxis: { axisLabel: { interval: 0, //横轴信息全部显示 rotate: -30 //-30度角倾斜显示 }, },x轴颜色、粗细 xAxis: { axisLine...

2018-05-28 14:31:35 3384

原创 原生js实现使滚动条缓慢回到顶部的效果

timer=setInterval(function(){ var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; var ispeed=Math.floor(-scrollTop/6); console.log(ispeed) ...

2018-05-15 14:33:06 2608

原创 vue-cli 打包之后图片引用路径问题

过完五一,感觉整个人跟废了一样,虽然五一期间也没做什么,就是感觉累,感觉困。但无奈今天还有一堆事情等我去做。早上来先发了一版v5.0.1,开启项目新版的第一次!但是毫无疑问,出了很多问题,除了上次打包后js、css路径错误问题(详情请见:https://blog.csdn.net/AmberWu/article/details/79529363),这次出现了图片undefined的问题。...

2018-05-02 17:41:00 3959

原创 用hexo搭建个人blog

什么是HexoHexo是一款快速、简洁且高效的博客框架,安装git这个大家应该都不陌生。这里就不多说了。下载地址猛戳猛戳猛戳输入命令git version 查看版本安装nodeHexo是基于node的,这里也不多说,下载猛戳孟猛戳创建仓库在gitbuh账户下创建一个仓库,命名格式为:name.github.io,例如我的是amberwuwu.gith...

2018-04-18 11:26:02 1230

原创 npm 更新

npm update -g

2018-04-17 18:21:12 529

原创 Echarts4新特性

主页是不是很炫酷!!今年1月16日,echarts升级到了4.0版本。因为一直没用到,所以一直也没多关注,直到年后,做项目用到了,才发现。虽然这个时候写博客好像已经完全没有时效性了,但是为了我的项目,还是把研究到的写出来吧。先看下版本记录。主要更新有:其实这些更新中,感觉用的最多的应该是:支持最高达千万级数据量渲染新增 dataset 组件ZRender SVG 渲染...

2018-04-13 15:24:01 1294

原创 echarts3的常用属性

option: { title: { left: "center", show: true, fontWeight: "normal", textStyle: { //主标题文本样式 fontSize: 18, col...

2018-04-03 13:36:26 475

原创 十分钟理解BFC布局

说起BFC大家可能觉得有点陌生,估计看完文章之后,都会觉得这些平时也都在用啊,只是不知道叫BFC罢了。先来看看常见的定位方式定位方案是控制元素的布局,常见的有三种:普通流(normal flow) 其实就是元素按照再HTML中的先后位置之上而下布局,在这个过程中,行内元素水平排列,直到当行被沾满然后换行,块级元素则会被渲染为完整的一个新行,除非另外制定,否则所有元素默认都是普通...

2018-03-19 11:03:23 6136 2

原创 鼠标点击之处出现美丽小心心

(function(window,document,undefined){var hearts = [];window.requestAnimationFrame = (function(){return window.requestAnimationFrame ||window.webkitRequestAnimationFrame ||window.mozRequestAnimati...

2018-03-13 15:19:04 1803 1

原创 input标签在谷歌浏览器记住密码下的一个自动填充BUG

之前CSDN的编译器有问题,所以 这里重新整理给大家。 bug已经在之前的文章里叙述得很清楚了,现在只整理下bug的解决方案。例如我们有一个id为demoinput标签 ,我们暂且叫他”1号input”<input type="text" class="demo" id="demo">在“1号input”的上面加一个“2号input”,并给“2号input”加一个disp...

2018-03-13 10:25:41 4986 1

原创 基于vue.js的原生日历

之前的CSDN编译器有问题,所以现在重新整理出来给大家。先po上效果图:html代码: <script type="text/x-template" id="calendar"> <div id=""> <!-- 年份 月份 --> <div class="

2018-03-13 10:14:29 4037

原创 基于vue.js的分页

之前的CSDN编译器有点问题。所以这里重新整理给大家。本文主要介绍基于vue的分页原生写法。先po上效果图:html部分,将page作为一个单独的组件 <script type="text/x-template" id="page"> <ul class="pagination"> <li v-show...

2018-03-13 10:05:44 1360

原创 npm run build 打包后页面无法显示问题

今早运维小哥哥跑来找我,想给我的新项目发个版,我还是按照一般流程npm run build 然后git提交,打个tag v1.0.1,运维小哥哥说你前端页面没写好嘛? emmmm….老娘早就写好了。肯定是哪里出了问题,我打开一看果然有问题。果然啥都没有。不用着急,先看下控制台报错。就说XXXNOT FOUND,极有可能是路径问题。闲话不多说,我先去试哈。在config文...

2018-03-13 09:57:59 7953

原创 vue-cli脚手架搭建vue项目

之前一直有朋友问我vue项目的搭建,最近空下来整理总结了一番。1. vue-cli首先来介绍一下vue-cli,官方是这么解释的: A simple CLI for scaffolding Vue.js projects.需要Node.js (>=4.x, 6.x preferred), npm version 3+ and Git。 官方网站:https://www

2018-01-31 15:40:26 288

原创 再见2017

再见了,2017!希望我们都会以新的姿态迎接明天!

2017-12-29 14:18:30 587

原创 移动端限制input框只能输入数字

input

2017-11-28 15:17:03 6970

原创 vue-amap对你说hi

vue-amap是一套基于Vue 2.0和高德地图的地图组件。

2017-11-15 10:36:03 855 2

原创 javascript里this的指向问题

this是javascript中比较重要的一个关键字,它代表在函数运行时,自动生成的一个内部对象,只能在函数内部使用。随着函数使用场合的不同,this的值会发生变化,但是总的原则是不变的——this指的是调用函数的那个对象。

2017-11-01 15:48:37 329

原创 超人归来

归来

2017-10-23 14:55:47 736 6

原创 监听div内容的变化

$("#demo").bind('DOMNodeInserted', function(e) { console.log(1);});已经好久没有写博客了。

2017-08-11 15:32:42 792

原创 js弹出框、对话框、提示框、弹窗总结

js弹出框 function alerted() { //弹出一个对话框 alert("提示信息!"); } function alerted() { //利用对话框返回的值 (true 或者 false) if (confirm("你确定提交吗?")) { alert("点击了确定"); } else { alert("点击

2017-07-07 19:21:34 1297

原创 JS获取上一访问页面URL地址——(下)

文章参考自http://www.zhangxinxu.com/wordpress/?p=5957问题的由来上篇有提到过document.referrer,在实际中我们会遇到tab切换的问题,如果两个tab使用的是同一个页面的不同路由,当我们按返回键的时候,我们期望的是回到上一页,而不是呆在当前页。location.replace()方法 可以阻止按钮的默认跳转,然后使用location.rep

2017-06-25 21:37:37 5015

原创 JS获取上一访问页面URL地址——(上)

在之前的文章 http://blog.csdn.net/amberwu/article/details/72876635提过一嘴关于js获取浏览器上一浏览页面地址代码是document.referrer,今天看大神张鑫旭的文章,对这个问题做一个深层研究 。 文章参考自:http://www.zhangxinxu.com/wordpress/?p=5957一. 介绍介绍 获取上一个页面的U

2017-06-24 19:48:43 34041

原创 今日遇到的问题整理

trim()的使用parseInt()取整函数td标签rowspan属性......

2017-06-21 20:34:13 451

原创 整理整理

/** * 屏蔽F5 */ function onkeydown(){ if (event.keyCode==116){ event.keyCode = 0; event.cancelBubble = true; return false; } } document.onkeydown = thi

2017-06-20 17:20:22 243

原创 h5新特性:<style scoped>

h5的新特性:范围样式,又叫 style scoped,开发者可以通过为根元素设定一个添加了scoped属性的style标签,来限制样式只作用于style标签的子元素上。这会限制样式只影响style标签的父元素和它所有的后代元素

2017-06-19 10:01:46 331

原创 关于饿了么ui框架的使用之select的应用

之前讲过饿了么表单的应用,今天来说说select选择器的应用

2017-06-15 14:18:54 5217

原创 是谁说 JavaScript 简单的?

js小bug

2017-06-13 18:41:24 313

原创 css3做一个滚动条

滚动条的实现

2017-06-12 21:05:29 767

原创 移动端屏幕适配——中篇

继上文说了以拉钩网为例的方案之后,这次我们来解释几个名词概念,可以更好地理解响应式布局。布局视口(layout viewport)可以看做事html元素的上一级容器即顶级容器,默认情况或者将html元素的width属性设为100%时,会沾满这个顶级容器,此时用:document.documentElement.clientWidth获取到html元素布局宽度也就是布局视口的宽度,使用媒体查询时ma

2017-06-11 22:34:59 311

原创 移动端屏幕适配——上篇

最近遇到了一个比较复杂的移动端页面,就重新学习了一下移动端的屏幕适配。发现水很深!先来说说我最近接触的一些页面,都是比较简单的,举个相似的例子,拉钩网iphone6下显示效果:iphone5下显示效果:ipad下显示效果:可以看出这类的页面有两大特点:顶部和底部的部分不管怎样,高度和位置都不会变中间的信息不管怎样,都是分了三块,最左边和最右边的信息,还有中间的信息这种页面是一种典型的弹性布局:

2017-06-11 22:13:54 260

原创 h5新特性:<style scoped>

h5的新特性:范围样式,又叫 style scoped,开发者可以通过为根元素设定一个添加了scoped属性的style标签,来限制样式只作用于style标签的子元素上。这会限制样式只影响style标签的父元素和它所有的后代元素。

2017-06-08 16:57:05 803

原创 js时间比较函数

js时间比较函数

2017-06-07 11:25:30 756

原创 整理搜集

js获取浏览器上一浏览页面地址代码:document.referrer

2017-06-06 11:42:58 959

原创 基于vue的倒计时demo

一般获取短信验证码的时候会用到这个呆毛:button里面包两个span标签,根据点击状态,显示不同的span,关键代码就是倒计时: &amp;lt;button @click=&quot;getCode&quot;&amp;gt; &amp;lt;span class=&quot;tip&quot; v-if=&quot;!sendMsgDisabled &amp;amp;&amp;amp; !reGet&quot;&amp;gt;发送验证码&amp;lt;/s

2017-06-05 17:47:50 14725 3

提示
确定要删除当前文章?
取消 删除