;

在JavaScript中,有时候需要在一个不同的对象上重用一个函数,而不是在定义它的对象或者原型中。通过使用call(),applay()和bind(),我们可以很方便地从不同的对象借用方法,而不需要继承它们 – 这是一个在专业JavaScript开发者的工具箱中很有用的工具。 先决条件 这篇文章假设你已经充分了解了call(),apply() 和 bind() 以及它们的不同点。 来自原生prototypes的方法 在JavaScript中,你接触的几乎所有东西都是一个对象,除了string,number 和 booleans这样不可变的原始值。一个数组是一种对象类型,适合用于有序数据列表的遍历和修改,在它的原型中有很多有用的方法,例如slice,join,push 和 pop。 我们看到对象最常见的使用情况就是从一个数组中借用方法,因为它们都是列表类型的数据结构。最常被借用的方法是 Array.prototype.slice。 function myFunc() { // 错误, arguments是一个类数组对象, 不是一个真实的数组 arguments.sort(); // 借用 Array 原型中的方法 slice, 它接受一个类数组对象 (key:value) // 并返回一个真实的数组 var args = Array.prot…

在JavaScript中借用方法 2019年6月5日
;

1.问题描述 运行npm run unit报错 2.修改单元测试配置文件 路径: test/unit/jest.conf.js 移除: mapCoverage: true, 添加: "verbose": true, "testURL": "http://localhost/" 参考资源: aip:https://jestjs.io/docs/zh-Hans/using-matchers 配置参数:https://jestjs.io/docs/zh-Hans/configuration#collectcoverage-boolean 其它:https://www.jianshu.com/p/9786e3c66848

vue-cli单元测试报错 2019年6月1日

首先,创建音频特定位置 01 现在,一个音频与4个视频都已导入到pr中,显示在项目面板里。鼠标点住音频拖向右边的序列面板,使到软件自动生成一个序列,并且音频自动显示在音频轨道1中。 02 接下来,创建音频特定位置;创建音频特定位置,我们要给音频打标记,每两个标记之间的这个区间就是音频的特定位置。 按下播放按钮,播放音频,一边听音乐,一边在需要打标记的位置上按下键盘的M键,给这个位置打上一个标记。打上标记后,看序列播放头这里,在播放头这上面有一个绿色的标记,这就是标记的符号,表示已在音频这个位置上打下了一个标记了。 03 接着,再播放音频,当到达需要打标记的位置上,立即按下键盘的M,给这个位置打上一个标记。那么,如此操作,给音频在需要打标记的位置都打上标记。每两个标记之间就形成了一个区间,这个区间就是音频的特定位置了。 然后,多段视频准确放在音频每个特定位置上 方法一:逐个放置 01 鼠标移到项目面板这里,点住第一段视频,拖向序列面板这里的视频轨道1的第一个标记这里来。鼠标点住视频拖到标记这里时,你会感觉有一种吸附边,把这视频吸附在这里,同时,在这个标记上会出现一个三角小图标,如下图所示。 02 现在,视频轨道上的视频显示有点长,已超出两个标记这个区间。那么,鼠标放在视频的末尾端点住向左边推,当推到区间的末尾这个标记时,同样在标记这里出现一个三…

pr多段视频如何准确放在音频每个特定位置上? 2019年5月10日

在工作中判断风格甚至掌握风格,我认为是很重要的。产品的风格元素决定细节,带来的是深度体验之后,还可以被用户挖掘的精神。说官方点可以称为产品文化,是产品价值观的体现。 蒸汽朋克与赛博朋克从本质上都是来自于科技的革命带来的忧患意识。只是站在我们的时间点上看,会觉得蒸汽朋克似乎是一种复古的精神,所以简单的以过去和未来区分两者,其实是有些偏差的。 所以了解一种风格,从其衍生作品来了解或是临摹,是很难运用的,原创并且结合产品的设计更是难上加难,还是需要更多的了解其历史演变过程并加以分析。 >>>> 蒸汽朋克 >>>> 来自工业革命时期。工业革命带来了飞速的发展,这速度相比较之前明显太快了,带来了巨大的不适感。突然之间,各种燃油动力的机械猛兽诞生。蒸汽火车,巨型油轮,氢气飞艇,海陆空全都有巨大进展,人类好像无所不能了。所以很容易去想象一个充满各种巨大机械,以及更多的动力装置所带来的烟气和噪音的这样一个世界。另一方面,复杂精密的机械(例如机械钟表)也发展为另一个极端,高度复杂的机械内部,已经远远超出了外行人能理解的范畴。似乎不久之后,钟表师傅能造出机械的生命个体也不足为奇了。 与这两方面对应的风格上的表达则是 1.巨大的机械猛兽,例如wild wild west里面的巨大机械蜘蛛(是蜘蛛吗?是的吧),还有各种机械的楼房,甚至机械的岛屿,机械的星球。不要忘了…

蒸汽朋克(steampunk)与赛博朋克(cyberpunk) 2019年5月7日

什么是蒸汽朋克 蒸汽朋克是一种兴起于上世纪八九十年代的幻想流派。主要体现为维多利亚时代的风格加上蒸汽驱动的现代科技的世界观。 蒸汽朋克的核心精神是叛逆、怀旧、机器美学以及异质世界。主要特点是想象力、怀旧、拼凑(后现代主义美学)。 蒸汽朋克的世界观是落后与先进并存,魔幻与科学并存,精神上追求乌托邦理想。 什么是赛博朋克 赛博朋克从其英文的字面含义上来说是“higt tech,low life”,也可以理解为“使用机器的无政府主义”。 赛博朋克的特点是强烈的反乌托邦和悲观主义色彩。 赛博朋克的相关词有:生化人、反乌托邦、虚拟现实、后现代状况。 蒸汽朋克和赛博朋克在「朋克」上的相同之处是思想解放、反主流精神。它们的不同点在于一个是乌托邦的,具有美好的幻想希望回到一个美好的历史时代;而另一个是反乌托邦的,具有强烈的悲观主义,恐惧被机器主宰的未来。 什么是蒸汽波 和一些具有浓厚历史渊源的艺术风格不同的是,蒸汽波(Vaporwave)是千禧年之后作为一种音乐流派和艺术运动兴起的。作为一个年轻的艺术风格,它非常理所应当地具有有现代艺术的特征:虚幻、拼贴、无秩序。虽然名字上有“蒸汽”二字,实际上蒸汽波和赛博朋克的关联更大,它是日式的、赛博朋克式的、反乌托邦式的。 蒸汽波在视觉上是如何体现的? dribbble上流行的相关作品 蒸汽波的色彩一定是迷幻的,类似于…

蒸汽波、蒸汽朋克和赛博朋克的区别 2019年5月7日

运动的画面能够传达出很多含义,有时候,运动本身就是一种情感,也就是说,通过镜头的运动,能够创造出本来没有的情绪。 上期我们介绍了侧飞镜头的用法,本期我们继续介绍航拍环绕镜头和旋转镜头的运用。 环绕镜头 航拍环绕镜头又称为刷锅,是指拍摄的主体不变,无人机环绕主体做圆周运动,云台始终跟随主体,并通常将主体置于画面中央拍摄的镜头。 环绕镜头的主要作用,一是突出主体的重要性;二是增加场景的紧张情绪;三是增加画面的动感和能量。 水平环绕 ↑ 大疆传媒航拍电影《奔爱》,以主体为中心环绕拍摄,引导观众的视线聚焦主体。 俯拍环绕 ↑ 最美中国 · 人文习俗 | 贵州从江 侗族大歌,无人机环绕拍摄,使主体空间得到充分展示。 近距离环绕 使用无人机环绕拍摄,想要获得中近景别镜头,为了保证拍摄安全,通常使用长焦拍摄(如“悟” Inspire 2使用 45mm镜头),或在地面手持无人机环绕拍摄。 近距离环绕镜头,常用于打斗场景和表现人物关系及情绪的拍摄。 在拍摄打斗戏时,环绕镜头具有的运动感,能够使演员动作看上去更快,场面看起来更激烈和紧张。 ↑ 电影《危城》 ↑ 电影《汉娜姐妹》 远距离环绕 ↑ 电影《鲨滩》,主人公位于大海中的一块礁石上,用远距离环绕镜头拍摄主体,可以全方位地展示主人公孤立无援的处境。 旋转镜头 与环绕镜头不同,航拍旋转镜头是指云台不变,无人机机…

旋转、环绕…“上天”怎么拍才够炫酷? 2019年5月4日

移动的画面对于讲故事至关重要,因此摄像人员使用运动镜头要基于一个前提:它对于故事的讲述有帮助。为移动而移动,并不是高明的做法。 本期我们将侧飞镜头的拍摄方式进行分类,进而从镜头语言的角度来分析运动镜头的用法。 侧飞镜头 侧飞镜头是无人机位于被摄主体的侧面运动所拍摄的画面,无人机运动方向与被摄主体的位置关系通常有平行和倾斜角两种,如下图所示。 侧飞拍摄大环境 当场景中的元素比较多时,无人机平行于场景运动,这样的镜头能够连续性地展示场景中的元素,拍摄的画面像一幅画轴一样延展开来,通常用于交代环境信息。 ↑ 纪录片《天地玄黄》 侧拍中近景 侧面拍摄中景甚至近景时,画面中的元素快速变化,充满了未知和期待感。 ↑ 大疆传媒作品《遇见海南人》,使用飞行器低角度拍摄 带前景侧飞 以带前景的画面为起幅,无人机侧飞拍摄,一方面能够为主体的出场制造期待感,另一方面能够呈现主体与环境的关系,这类镜头通常用于拍摄主体出场。 ↑ 电影《机械师2:复活》 跟拍侧飞 在拍摄跟随主体的画面时,侧飞是常会用到的一种拍摄方式。无人机侧飞的速度与主体的速度保持一致,主体在画面中的位置相对静止,展示了主体的运动方向及状态,使观众的视线能有所停留。在汽车广告或公路电影中我们常会见到这类镜头。 ↑ 大疆传媒航拍特斯拉广告 侧面跟拍人物追逐的场面时,人物在画面中的位置不变,画面中前后景快…

航拍怎么可能是随便飞呢! 2019年5月4日

摄像机的运动帮助表达场景中不同的情绪,是导演向观众传递情绪的一种方法,让我们看看不同的航拍镜头运动以及所表达的情绪。 上期我们分析了升降镜头不同的表达效果,本期让我们看看航拍的前进镜头和后退镜头在不同拍摄方式下,有哪些不同的用途。 前进镜头 航拍的前进镜头是指无人机向前运动拍摄的画面。从云台相机的镜头角度来分类,有以下几种常见的拍摄方式。 平拍前进 平拍前进拍摄的场景可以分成两种情况进行讨论,场景中有主体和没有主体。 1.前进没有主体 没有主体的场景,无人机缓慢前进,这类镜头通常用来交代环境。 ↑ 最美中国·叁|贵州镇远 端午龙舟 2.前进中有主体 在拍摄需要表现主体的场景时,无人机缓慢前进靠近被摄主体,通过与主体的距离变化影响景别大小,这类镜头通过在画面中“放大”主体,来强调主体。 ↑ 最美中国 · 拾壹 | 甘肃敦煌 梦萦石窟 扣拍前进 云台相机镜头向下,场景中的元素逐次入画,这类镜头通常也用于交代环境,与平拍画面相比,扣拍逐次展开的画面更具有期待感。 ↑ 纪录片《地球脉动》 1.前进的同时向上摇镜头 无人机向前飞行的同时,云台相机镜头向上摇起,逐渐露出拍摄主体。这种运镜方式一方面能够给观众营造期待感,可以用于拍摄主体出场,另一方面这类镜头具有开启感,还常用作影片的开场。 ↑ 文昌火箭发射场——最美中国 · 玖 | 海南文昌 牧箭逐星 ↑…

想要大片即视感?这几种镜头运动手法你不得不知 2019年5月4日

运动镜头是摄像机运动过程中拍摄的镜头,引申到无人机航拍中,就是指无人机在运动过程中拍摄的镜头。 在传统拍摄中,运动镜头的形式有推、拉、摇、移等多种,本期我们结合以往的航拍经验,聊一聊航拍的上升镜头和下降镜头。 上升镜头 航拍的上升镜头是无人机向上运动所拍摄的画面,以云台相机的镜头角度分类,上升镜头有以下几种拍摄方式。 1、扣拍 云台相机镜头90度垂直向下拍摄,无人机缓慢上升,拍摄画面由局部逐步扩展到整体,更具有层次感。 ↑ 纪录片《人类》 镜头上升的过程中,拍摄范围逐渐扩大,揭示了场面的整体环境。 ↑ 纪录片《家园》 2、平拍 无人机在拍摄高大的建筑物或高山时,镜头与拍摄主体平行,缓慢上升,有助于展现高大物体的局部细节。 在拍摄带前景的主体时,无人机上升越过前景,场景转换,营造出豁然开朗的画面感。 ↑ 最美中国 | 甘肃敦煌 · 梦萦石窟 3、向下摇镜头 以下面的动图为例,无人机在上升的同时,云台相机镜头向下摇。用这样的方式拍摄,一方面无人机的上升使主体产生变化,由大坝中间的人物变为大坝顶端的人物,另一方面,镜头下摇能够展现大坝的全貌,揭示主体所在的环境,以及交代人物关系。 ↑ 大疆传媒拍摄的左小祖咒MV《陌生人在唱歌》 下降镜头 航拍的下降镜头与上升镜头相对应,是无人机向下运动所拍摄的画面,同样对应有下面几种拍摄方式。 1、扣拍 镜头90度…

哪怕是最简单的航拍运动镜头,你用得好吗? 2019年5月4日
;

定位理论,由美国著名营销专家艾·里斯(Al Ries)与杰克·特劳特(Jack Trout)于20世纪70年代提出。里斯和特劳特认为,定位要从一个产品开始,那产品可能是一种商品、一项服务、一个机构甚至是一个人,也许就是你自己。但是定位不是你对产品要做的事,定位是你对预期客户要做的事。换句话说,你要在预期客户的头脑里给产品定位,确保产品在预期客户头脑里占据一个真正有价值的地位。 定位理论的核心:“一个中心两个基本点”:以“打造品牌”为中心,以“竞争导向”和“消费者心智”为基本点。

特劳特定位 2019年5月3日

觉得自己拍到照片太平淡? 没关系,空镜头都能有大师范。 怎么做?让照片有情绪、有故事! 如果你厌恶死板的、 毫无新意的摆拍, 那你不妨试试用照片去讲故事。 一,构造剧情简单框架 作为准备阶段,你可以 自由想象一个简单的剧本, 它可以是一个虚构的故事, 或许是你最近看的某部电影 或话剧等等任何都可以。 再把这些你想到的故事传达给模特, 让她们充分领会 你想要得到什么样的画面, 这是画面不会僵硬的基本保障, 也是让模特更加自然的前提。 二,把握好人物关系和情感基调 首先就是“让模特忽略摄影师的存在”, 让模特与镜头中的人或事物发生带入关系, Ta可以做任何事情, 只要切记不要顾及镜头即可, 画面的构图而言, 不推崇把人物占画面很满的位置, 适当留白,为“剧情”留下悬念。 对于拍摄有“故事性”的人像照片, 也可以适当的让模特与镜头对视, 当然,这个对视一定要有内涵, 有时候一个眼神 就可以达到意想不到的效果。 所以,感情基调的把控, 不仅仅是由摄影师一人决定的, 更多的也需要模特的配合。 至于拍摄环节, 自然需要摄影师的瞬间抓取, 因为摆拍很容易把 这种眼神之中的内涵僵化掉, 相机的高速连拍功能可以为我们 抓拍表情的创作提供有力保证。 三,根据剧情设计动作、画面 有故事情节的画面中, 肢体语言是表达故事 发展的一个非常重要的线索, 比如我们设定了一…

人像如何拍出“故事性”的6个技巧! 2019年5月2日
;

1.问题描述 ajax请求同源请跨下会携带cookie一旦跨域就没有了cookie

ajax cors跨域携带cookie 2019年4月11日
;

一、DNS解析 登录域名提供商后台,添加二级域名的一条A记录 二、apache配置 路径:/etc/apache2/sites-available/willless.com.conf <VirtualHost *:80> ServerName willless.com ServerAlias blog.willless.com ServerAdmin webmaster@localhost DocumentRoot /var/www/willless/blog ErrorLog ${APACHE_LOG_DIR}/error.log CustomLog ${APACHE_LOG_DIR}/access.log combined </VirtualHost> 多个二级域名,追加以上代码即可 如果willless.com.conf文件为初次创建,文件创建修改好后需要执行命令sudo a2ensite willless.com.conf以启用此配置 三、重启apache sudo service apache2 restart

apache配置二级域名 2019年4月11日
;

dom2事件优点 1.It allows adding more than a single handler for an event. This is particularly useful for DHTML libraries or Mozilla extensions that need to work well even if other libraries/extensions are used. 一个事件可以注册多个监听器 2.It gives you finer-grained control of the phase when the listener gets activated (capturing vs. bubbling) 更精细的手段控制事件监听器的触发阶段 3.It works on any DOM element, not just HTML elements. 对任何dom元素有效不仅仅是html元素 0级DOM分为2个: 一是在标签内写onclick事件 <input id="myButton" type="button" value="Press Me" onclick="alert(‘thanks’);" > 二…

addEventListener和onclick的区别,dom0与dom2 2019年3月29日
;

1.问题描述 404页面本身来源复杂,通过this.$router.go(-1)及this.$router.go(-2)或者history.back()都很难覆盖所有场景, 而且上面的方案很容易导致死循环-上一个页面出错跳到404,返回回去又继续跳到404。 2.问题根源 此时问题关键点,上一个路由到底是什么,此时就需要用到组件内的路由守卫 3.知识点 beforeRouteEnter中无法通过this获取到组件实例,但是可以在回调函数next中访问组件实例 4.相关代码 页面返回上一级按钮绑定back事件 data () { return { fromPathName: ” } }, beforeRouteEnter: (to, from, next) => { next(vm => { vm.fromPathName = from.name }) }, methods: { back: function () { if (this.fromPathName === ‘details’ || this.fromPathName === ‘video’) { this.$router.push({name: ‘library’}) } else { this.$router.push({name: this.fromPathNa…

vue中404页面获取页面来源 2019年3月13日
;

关键点:饼图传入两份数据,一份设置label在外显示,一份在内显示,设置不同信息,位置叠加 /*饼图:项目状态*/ var myChart = echarts.init(document.getElementById(‘echarts-pie’)); // 指定图表的配置项和数据 var option = { title : { text: ‘项目状态’, x:’center’ }, color:[‘#477dea’, ‘#9a9a9a’,’#f2b644′], tooltip : { trigger: ‘item’, formatter: "{a} <br/>{b} : {c} ({d}%)" }, normal:{ show: true, position: ‘inside’, formatter: ‘{d}%’ }, legend: { orient: ‘vertical’, left: ‘left’, data: [‘已签单’,’实施中’,’已完成’] }, series : [ { name: ”, type: ‘pie’, radius: ‘55%’, center: [‘50%’, ‘50%’], data:[ {value:335, name:’已签单’}, {value:310, name:…

echarts饼图同时显示指示线和百分比 2019年3月12日
;

stack相同的数据会在Y轴叠加。 如果是相同的值,则会叠加在一起。取不同的值,Y轴的数据就不会叠加在一起; 或者删除掉,默认为不叠加。

echart折线图不叠加 2019年3月12日
;

title: { text: ‘天气情况统计’, //标题 subtext: ‘虚构数据’, //副标题 left: ‘center’ //标题位置 }, tooltip: { trigger: ‘item’, formatter: "{a} <br/>{b} : {c} ({d}%)" //鼠标移上去显示的内容 }, normal: { show: true, position: ‘inside’, //图形里显示(比如在饼图块上显示百分比) formatter: ‘{d}%’ //显示的内容 }, textStyle: { fontWeight: ‘normal’, //显示字体粗细等 fontSize: 10 }, legend: { //图例 // top: ‘middle’, // bottom: 10, // left: ‘center’, icon: "circle", //圆点形图例(默认是官网上的圆角矩形) itemWidth: 10, //这几个是图例宽高位置等的设置 itemHeight: 10, itemGap: 20, left: 100, top: 110, bottom: 20, textStyle: { // fontSize: 5 color: "…

echart:配置注释 2019年3月12日
;

1.问题描述 父元素设置display:flex,此时两个子元素无论如何设置都会放置在一行中

父元素设置flex后会导致子元素换行失效 2019年3月9日
;

1.原因分析 因为容器在初始化时被设置成display:none; 2.解决方案 元素隐藏通过设置opacity: 0来实现

swiper报错‘Cannot read property ‘indexOf’ of undefined swiper’ 2019年3月9日
;

1,父容器需要设置高度才能生效。

css设置calc不生效 2019年3月9日
;

画布的大小是根据background属性所传的图片尺寸决定的

mcanvas.js中画布大小如何设置 2019年3月8日
;

外层容器添加类名swiper-no-swiping

swiper禁止通过鼠标滑动 2019年3月4日
;

destroyed: function () { // code }

vue中在浏览器后退按钮后执行代码 2019年2月28日