Akony的博客

4行CSS实现【表格内容超过一行的部分，用省略号代替】【支持IE6】“` table{　　table-layout: fixed;}td{　　white-space: nowrap; 　　overflow: hidden; 　　text-overflow: ellipsis;} 转载：http://www.cnblogs.com/warrentech/archive/2012/05/09/2

实时打包项目方法：安装nodemonpackage.json重新编写start方法 监控src文件夹下所有的html/vue/js/less文件 有更改则自动打包 "scripts": { "dev": "node build/dev-server.js", "start": "nodemon --watch

浮动元素撑开父元素的区别.clearfix { overflow: auto; _height: 1%;}大家都知道position设置为absolute以及float定位会使元素脱离正常流，如果父元素没有设置高度的话，他们不会把父元素的高度撑开。对于float元素可以把父元素设置overflow:hidden或者其他可以为父元素创建BFC的方法来解决这个问题，但是为什么对于

利用webpack打包vue项目后在本地运行资源报404错误解决方法： 打开config文件夹下的index.js，设置assetsPublicPath: ‘./’。

需求：后端返回背景图，在图上显示动画效果绘制图表，之后用户可以在移动端长按保存结果图。 流程：首先利用echarts生成图表，设置动画时长为2s，之后利用echarts的getDataURL方法生成base64格式图片替换到img标签上，覆盖echarts图表。 主要问题：下载echarts时遇到图片跨域问题 解决办法：服务端设置图片头Access-Control-Allow-Origin:...

项目需求：同一页面有多个音乐播放器，同一时间只能播放一个音乐。因页面限制所以需要找一个比较简洁，且方便自定义样式的插件，所以选择了audiojs。并利用圣杯模式实现进度条长度自适应，可以适用不同尺寸设备。效果图： HTML代码：<div class="audiojsZ"> <audio src="../../static/musics/n.mp3" prel...

Vue自定义组件中 动态绑定class'<ul :class="' + "'suggest-quizlist-ul suggest-quizlist-ul-'" + '+THEME" id="suggest-quizlist-ul" v-cloak>' + '<li class><strong>推荐测试题</strong>&a

js预加载图片需求：项目中点击按钮，实现切换背景图功能。 问题：在切换css的background-image属性时，先加载图片后显示，会出现一瞬空白期。解决方法：提前预加载背景图 首先利用Image()构造函数来创建一个屏幕外图片对象，之后将该对象的src属性设置URL，由于图片元素并没有添加到文档中，因此它是不可见的，但是浏览器还是会加载图片并将其缓存起来。func...

利用proxyTable属性实现跨域请求参考 推荐使用proxyTable来实现，不过我当时配置完成后请求一直报错，所以才改用nginx来实现。利用nginx实现接口地址： http://localhost:8000/ vue项目 启动地址http://localhost:8080/ 配置nginx： 在使用Nginx作为代理服务器，并在配置中对应的location下...

util.jsimport axios from 'axios'import qs from 'qs'axios.interceptors.response.use(function (response) { // 对响应数据做点什么 return response}, function (error) { // 对响应错误做点什么 console.log(erro...

需求： 微信下长按按钮，弹出正在录音gif，上传录音； 在非微信下，正常显示录音gif，即做一个假的录音按钮。 在微信下，因为项目中会加载一个外部js，有一定几率会阻塞wx的初始化，所以如果在用户点击按钮时，wx sdk没有初始化，也显示假的录音按钮。将tourch和mouse写绑定在一个button中 在IOS下 会出现一次录音 取消长按后再执行一次 startRecord ->...

单击(tap)手势检测的关键是用 touchstart，touchmove，touchend 三个事件对手势进行分解 。那么怎么分解单击事件呢？在 touchstart 发生时进入单击检测，只有一个接触点。因为单击事件限制为一个手指的动作。没有发生 touchmove 事件或者 touchmove 在一个很小的范围(如下图)。限制 touchmove 在一个很小范围，是为了给用户一...

移动功能在官方实例中已有，不过在开发过程中因为与需求有个冲突bug，所以又重新写了一个，虽然并没有直接解决不过也记录下吧。官方实例代码：obj.on('mousedown', onDragStart) .on('touchstart', onDragStart) .on('mouseup', onDragEnd) .on('mouseupoutside', onDragE...

vue + Sassrem是CSS3中的新单位，与em最大的差别是rem是根据html的fort-size来展现的。main.jsvar viewportWidth = document.documentElement.clientWidth || document.body.clientWidthdocument.getElementsByTagName('html')[0].style...

JS方法集合固定区间内去n个不重复整数 0-9之间取3个new Array(10).fill(0).map(function(v,i){return (i)}).sort(function(v,i){return 0.5-Math.random()}).filter(function(v,i){return i 3})//Array的map和filter是ES6方法/

初始化函数window.fbAsyncInit = function() { FB.init({ appId : '****', xfbml : true, version : 'v2.11', cookie: true }); FB.AppEvents.logPageView(); // 检测登陆状态函数 FB.get

eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。var a=1var b='a'eval(b)//output 1var a_b = 2eval(b+'_b')//output 2eval("1+2")//output 3避免在不必要的情况下使用eval eval() 是一个危险的函数， 他执行的代码拥有着执行者的权利。

orderBy:string或arr 当接单一字符串时，按单列排序 当接数组时，多列排序limitTo:pageShowNum:currentStartNum pageShowNum->页展示数 currentStartNum->开头编号ng-class=”func()” 数据变化时，执行func函数

利用iScroll实现上拉加载更多时问题问题：在第一次加载更多，页面渲染后，视角会自动回到最上部，而不会停留在原视角。原因：在读取数据时有图片值为-，使得浏览器报404错误。修改：增加判断，若无图片则不读取

Console命令详解,让调试js代码变得更简单　　console.info("这是info");　　console.debug("这是debug");　　console.warn("这是warn");　　console.error("这是error");引用：http://www.cnblogs.com/see7di/archive/2011/11/21/2257442.html

使用前端技术构建高性能网站方法整理减少HTTP请求通过图片地图来加载多个图标，CSS Sprites来合并图片，使用内联图片，合并JS脚本和CSS样式表来实现减少HTTP请求次数。使用内容发布网络(CDN)将静态文件(css,js,图片等)存放在第三方的服务器里，可以减少用户和资源的距离，从而减小响应时间。 使用CDN会增加页面的不可控性：若CDN服务器崩掉或文件丢失、更改，均会使页面不可正常使用

Axios POST 请求数据后端接收数据异常

解决滚动条出现 页面抖动问题

微信小程序页面传值

首先，介绍下项目结构，如图：1.在i18n/lang下编写json文件。//zh_CN.json{"message":{"hello": "关于"}}//en.json{"message":{"hello": "about"}}2.i18n/index.js 国际化配置文件import VueI18n from 'vue-i18n'//需先安装vue-i18n

html5+canvas进行移动端手机照片上传时，发现ios手机上传竖拍照片会逆时针旋转90度，横拍照片无此问题；Android手机没这个问题。因此解决这个问题的思路是：获取到照片拍摄的方向角，对非横拍的ios照片进行角度旋转修正。 注：在开发时发现 三星手机提交时会向右旋转90度 所以对仅对安卓系统中三星手机进行特别处理 这里主要用到Orientation属性。

需求：显示音乐播放按钮、可手动拖拽进度条；页面中含多个音乐，播放当前音乐时暂停其他音乐播放。小程序自带标签 audio 小程序自带的audio标签含固定的样式，且有最小尺寸。目前项目也不含name和author字段，所以放弃audio标签。实现效果图 初始化音乐数据<text>{{currentProcess}}</text>&lt...

介绍下在开发过程中所用到的方法：1. 获取已授权列表wx.getSetting({ success: res => { if (!res.authSetting['scope.writePhotosAlbum']) { console.log('保存图片未授权') } else { console.log('保存图片已授权') } }})2.

一、padding: 0rpx 、 padding: 0、padding: 0px的区别父标签宽度375px，padding设置0rpx会增加1px长度，超出屏幕宽度后使页面可左右拖动。 width:100%;padding:0rpx;width:100%;padding:0;/* padding:0px; */试了一下margin的值对于0rpx和0的显示也不同。 0rpx会向内缩进1p

项目中需要实现一条线条的滑动效果，发现弧线滑动时锯齿太严重。在PixiJS有自带的抗锯齿的参数，但是在使用时感觉效果并不是很好。参照http://pixijs.download/release/docs/PIXI.Application.htmlhtml <canvas width="300" height="300"></canvas>j