- 博客(72)
- 收藏
- 关注
原创 浏览器渲染机制
之前有研究过js的性能优化问题,但是感觉理解的不是很透彻,还是要从其根本看起,所以就研究一下浏览器相关比较深层次的东西。为什么要了解浏览器的渲染机制作为一个前端开发,最常见的运行环境应该就是浏览器,为了更好的通过浏览器把好的产品呈现给用户,也为了更好的发展前端之路,还是有必要了解一下我们在浏览器地址栏输入网址到看到页面这个期间,浏览器是如何运作的,进而了解如何更好的优化和实践。...
2018-02-27 17:10:29 633 1
原创 基于vue的日历小demo
这个批次拿到了一个我一开始认为比较棘手的问题,是一个带特殊功能的日历。呐~设计图因为现在用vue比jq熟练了,之前没接触过vue的日历,基于jq的日历五花八门的,所以还是决定基于vue一试。因为之前的CSDN编译器出现问题,导致文章排版错乱,所以现新整理新文章:http://blog.csdn.net/AmberWu/article/details/79536769...
2017-05-11 10:30:51 7631 10
原创 基于vue.js的分页插件
先说点别的,今天冬至,前几天上海又一次比较大的降温,把我一个北方人冻成了狗,就在前天,晴空万里,烈日当头,于是我脱掉了我的秋裤,然而,明天降10°C,我有点不知所措了。☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆进入主题了进入主题了进入主题了☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。想...
2016-11-07 16:36:55 7419 8
原创 input标签在谷歌浏览器记住密码下的一个自动填充BUG
这是宝宝第一次写博客,是工作中遇到的一些BUG以及解决方案,突然很有成就感,一定要加油!******************************************这是一条丑陋的分割线**************************************************Chrome自带记住密码功能,带来了极大方便但是在点击保存之后,input标签会自动填充所保存的密码,如下图...
2016-08-19 19:04:20 13737 13
原创 小程序遇到回车换行怎么处理
小程序<text>换行能识别\n,但不能识别<br>js:const app = getApp()Page({ data: { note:"购买须知: ↵1、啊啊啊啊啊啊啊。 ↵2、不不不不不不不不不。 ↵3、车车车车车错错错错错错错错错" }, onLoad: function () { let {note} = this.data let str = note.replace(/↵/g,"\n"); console.log(st
2021-01-15 17:42:23 1162
原创 echarts 折线图常用属性总结
x轴样式x轴数据过长,可以倾斜展示 xAxis: { axisLabel: { interval: 0, //横轴信息全部显示 rotate: -30 //-30度角倾斜显示 }, },x轴颜色、粗细 xAxis: { axisLine...
2018-05-28 14:31:35 4944
原创 原生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 3851
原创 vue-cli 打包之后图片引用路径问题
过完五一,感觉整个人跟废了一样,虽然五一期间也没做什么,就是感觉累,感觉困。但无奈今天还有一堆事情等我去做。早上来先发了一版v5.0.1,开启项目新版的第一次!但是毫无疑问,出了很多问题,除了上次打包后js、css路径错误问题(详情请见:https://blog.csdn.net/AmberWu/article/details/79529363),这次出现了图片undefined的问题。...
2018-05-02 17:41:00 4818
原创 用hexo搭建个人blog
什么是HexoHexo是一款快速、简洁且高效的博客框架,安装git这个大家应该都不陌生。这里就不多说了。下载地址猛戳猛戳猛戳输入命令git version 查看版本安装nodeHexo是基于node的,这里也不多说,下载猛戳孟猛戳创建仓库在gitbuh账户下创建一个仓库,命名格式为:name.github.io,例如我的是amberwuwu.gith...
2018-04-18 11:26:02 1490
原创 Echarts4新特性
主页是不是很炫酷!!今年1月16日,echarts升级到了4.0版本。因为一直没用到,所以一直也没多关注,直到年后,做项目用到了,才发现。虽然这个时候写博客好像已经完全没有时效性了,但是为了我的项目,还是把研究到的写出来吧。先看下版本记录。主要更新有:其实这些更新中,感觉用的最多的应该是:支持最高达千万级数据量渲染新增 dataset 组件ZRender SVG 渲染...
2018-04-13 15:24:01 2247
原创 echarts3的常用属性
option: { title: { left: "center", show: true, fontWeight: "normal", textStyle: { //主标题文本样式 fontSize: 18, col...
2018-04-03 13:36:26 700
原创 十分钟理解BFC布局
说起BFC大家可能觉得有点陌生,估计看完文章之后,都会觉得这些平时也都在用啊,只是不知道叫BFC罢了。先来看看常见的定位方式定位方案是控制元素的布局,常见的有三种:普通流(normal flow) 其实就是元素按照再HTML中的先后位置之上而下布局,在这个过程中,行内元素水平排列,直到当行被沾满然后换行,块级元素则会被渲染为完整的一个新行,除非另外制定,否则所有元素默认都是普通...
2018-03-19 11:03:23 9570 2
原创 鼠标点击之处出现美丽小心心
(function(window,document,undefined){var hearts = [];window.requestAnimationFrame = (function(){return window.requestAnimationFrame ||window.webkitRequestAnimationFrame ||window.mozRequestAnimati...
2018-03-13 15:19:04 2188 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 6084 1
原创 基于vue.js的原生日历
之前的CSDN编译器有问题,所以现在重新整理出来给大家。先po上效果图:html代码: <script type="text/x-template" id="calendar"> <div id=""> <!-- 年份 月份 --> <div class="
2018-03-13 10:14:29 4842
原创 基于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 1821
原创 npm run build 打包后页面无法显示问题
今早运维小哥哥跑来找我,想给我的新项目发个版,我还是按照一般流程npm run build 然后git提交,打个tag v1.0.1,运维小哥哥说你前端页面没写好嘛? emmmm….老娘早就写好了。肯定是哪里出了问题,我打开一看果然有问题。果然啥都没有。不用着急,先看下控制台报错。就说XXXNOT FOUND,极有可能是路径问题。闲话不多说,我先去试哈。在config文...
2018-03-13 09:57:59 13171
原创 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 449
原创 javascript里this的指向问题
this是javascript中比较重要的一个关键字,它代表在函数运行时,自动生成的一个内部对象,只能在函数内部使用。随着函数使用场合的不同,this的值会发生变化,但是总的原则是不变的——this指的是调用函数的那个对象。
2017-11-01 15:48:37 435
原创 监听div内容的变化
$("#demo").bind('DOMNodeInserted', function(e) { console.log(1);});已经好久没有写博客了。
2017-08-11 15:32:42 1262
原创 js弹出框、对话框、提示框、弹窗总结
js弹出框 function alerted() { //弹出一个对话框 alert("提示信息!"); } function alerted() { //利用对话框返回的值 (true 或者 false) if (confirm("你确定提交吗?")) { alert("点击了确定"); } else { alert("点击
2017-07-07 19:21:34 1582
原创 JS获取上一访问页面URL地址——(下)
文章参考自http://www.zhangxinxu.com/wordpress/?p=5957问题的由来上篇有提到过document.referrer,在实际中我们会遇到tab切换的问题,如果两个tab使用的是同一个页面的不同路由,当我们按返回键的时候,我们期望的是回到上一页,而不是呆在当前页。location.replace()方法 可以阻止按钮的默认跳转,然后使用location.rep
2017-06-25 21:37:37 7972
原创 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 48158
原创 整理整理
/** * 屏蔽F5 */ function onkeydown(){ if (event.keyCode==116){ event.keyCode = 0; event.cancelBubble = true; return false; } } document.onkeydown = thi
2017-06-20 17:20:22 359
原创 h5新特性:<style scoped>
h5的新特性:范围样式,又叫 style scoped,开发者可以通过为根元素设定一个添加了scoped属性的style标签,来限制样式只作用于style标签的子元素上。这会限制样式只影响style标签的父元素和它所有的后代元素
2017-06-19 10:01:46 596
原创 移动端屏幕适配——中篇
继上文说了以拉钩网为例的方案之后,这次我们来解释几个名词概念,可以更好地理解响应式布局。布局视口(layout viewport)可以看做事html元素的上一级容器即顶级容器,默认情况或者将html元素的width属性设为100%时,会沾满这个顶级容器,此时用:document.documentElement.clientWidth获取到html元素布局宽度也就是布局视口的宽度,使用媒体查询时ma
2017-06-11 22:34:59 490
原创 移动端屏幕适配——上篇
最近遇到了一个比较复杂的移动端页面,就重新学习了一下移动端的屏幕适配。发现水很深!先来说说我最近接触的一些页面,都是比较简单的,举个相似的例子,拉钩网iphone6下显示效果:iphone5下显示效果:ipad下显示效果:可以看出这类的页面有两大特点:顶部和底部的部分不管怎样,高度和位置都不会变中间的信息不管怎样,都是分了三块,最左边和最右边的信息,还有中间的信息这种页面是一种典型的弹性布局:
2017-06-11 22:13:54 404
原创 h5新特性:<style scoped>
h5的新特性:范围样式,又叫 style scoped,开发者可以通过为根元素设定一个添加了scoped属性的style标签,来限制样式只作用于style标签的子元素上。这会限制样式只影响style标签的父元素和它所有的后代元素。
2017-06-08 16:57:05 1181
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人