查看详情
vue-core-image-upload 是一款方便的 vue.js 图片上传裁剪插件，你可以用它进行图片的上传，裁剪和压缩。 vue-core-image-upload 提供 is-xhr 这个属性来 取消默认的上传方式。然后通过 imagechanged 来获取文件内容。 参考示例 下面我们简单实现一套代码，实现自定义图片处理，我们不用自动上传，我们上传一张 png 然后将图片进行压缩和重命名上传到我们的服务器。 安装依赖 默认的一些 vue ，webpack 这些安装就省略了，我们直接开始先安装插件 : npm i vue-core-image-upload --save 然后安装 j-i-c 用于图片的压缩。 npm install j-i-c --save 安装完成后，我们还需要做点小事情，我们需要将 jic 改成 common.js 的模式。这个时候我们更改下 src/JIC.js 。我们需要在文件末尾将模块导出； // ... above contens module.exports 详情 »
我们经常通过事件代理会取到一些元素，大概我们第一个想到的 tagName 来判断，但是这样的确需要写过 map 来判断。我们可以有个快捷的方法： const el = document.querySelector('.svg-inner'); el.ownerSVGElement // true 则表示式 svg 元素 如果 false 则不是 参考: https://stackoverflow.com/questions/20748836/how-do-i-tell-if-a-dom-element-is-html-or-svg#= 详情 »
查看详情
Last year, I have tried to finish an interesting react-native project on my GitHub. React-native-percentage-circle is a component which supports you to define your percent data and draw a circle. And also you can use it as a progress bar and show some data in the circle. It does make a difference to my life. Opearation 详情 »
查看详情
平常我们使用制作进度条的时候都是想的用 div 去模拟，在 html5 后，我们可以使用 input range 来实现这样的效果。 默认的效果如图: 你可以设置它的值得范围(min, max) 以及它的步长(step)。 这里的重点是设置它的样式啦: 取消掉默认的样式 在 chrome 和 safari 下我们可以通过声明: -webkit-appearance: none; 取消掉默认的样式，这时候效果如图: 这个时候我们可以设置它的 border 或者 background 等信息。 如果是 chrome 或者 safari 浏览器，以及其他支持设置 设置控制条轨迹的样式的浏览器可以使用伪类 -webkit-slider-runnable-track 来设置控制条轨迹的背景和边框样式; input[type='range']::-webkit-slider-runnable-track{ background-color: #eee; } 而 firefox 则需要使用 ::-moz-range-track: input[type='range']::-moz-range-track{ background-color: 详情 »
查看详情
东野圭吾的另一部小说。非常暖的故事，大概人会有烦恼，很大程度上都需要一个人去给出一个指引。如图小说里的故事，很多事情都是冥冥之中，即使作为书信给出的指引，更多还是人很多时候自己都有一个自己事先考虑到的答案。 需要的仅仅是有人可以给予一个肯定。 ⭐️⭐️⭐️⭐️⭐️ 五星推荐~ 这部电影今年已经排成了电影了，贴下预告，国内有望上映~ 详情 »
天气晴。北京的天气最低温度已经只有16度，快有秋天的气息。 今日深圳来的大学同学小聚。谈起最多的是迷茫中如何寻找清晰的目标。人会迷茫，但是不要沉迷这种状态，学会打破这样的舒适感，去寻找目标感。 最近 player 项目开始灰度，发现最难的挑战是策略优化。如何提高成功率和缓存优化还有很长的一步路。 今日七夕，不知道为什么去年秀恩爱的人为什么今年都没秀了，😂😂。 详情 »
查看详情
原文地址: https://webkit.org/blog/6784/new-video-policies-for-ios/ @jernoble 如果接触过 ios 上的开发，在iphoneOS 3 的时候 safari 只允许用户与 video 进行交互的时候才会触发数据的加载。但是为了将更多的媒体播放控制权重新回到网页开发者，iOS 8放宽了这一限制：Safari开始支持 preload="metadata" 属性，允许<video>和<audio> 元素加载足够的媒体数据，以确定媒体的大小，持续时间和可用的轨迹。对于iOS 10中的 Safari，进一步放宽了对静音<video>元素的用户手势要求。 缘由 事实证明，人们很喜欢GIF。但与现代视频编解码器（如H.264）相比，GIF格式的编码方式与编码动画图像非常不具有性价比。我们发现，GIF的带宽可以高达十二倍。 详情 »
查看详情
Detecting browser compatibility for HTML5 video and audio 原文链接 https://www.nomensa.com/blog/2011/detecting-browser-compatibility-html5-video-and-audio 近期接触播放器项目，所以对 video 除了基本的 api 的了解，还需要做好对应的兼容性。Chrome 最早在 11年开始了对于 video 的支持，不同的浏览器当时对于格式支持也是不同。 浏览器对于 video 元素的支持情况* 目前对于 其中对于 MPEG-4/H.264 的支持还是比较广泛的 至于大家比较关心的 webm ，在移动端和 safari 上支持还不是特别理想。 而最新的 HEVC/H.265 的支持情况浏览器方便的支持还是非常不理想。 好在 video 提供了一些列方法让我们能够探测到是否能够对给出的文件进行正常播放。 判断 mimeType 我们需要根据我们视频的类型然后去进行格式的判断以及其获取它的编码格式。 var get_ 详情 »
查看详情
昨日处暑。 天气晴~ 已经是八月下旬。昨天提交了工作居住证的材料。今年的一个重要的目标算是要尾声了(如果不出意外)。 最近看了看去年七八月份的日记。发现那个时候的心情动荡很多，自己也不知道是什么缘由开始引起那么摇摆不定的心情。今年相对而言好了很多，自然知道还有那么多目标没完成，也来不得半点的纠结或者畅想。 离职的传染性 昨天看到关于人才的流入率的统计： 无疑切合了自己的实际经历。从去年七月份开始，首先是 LJ 在七月初提出了离职。大概是觉得公司发展偏离预期轨迹（互联网基因缺失），希望换一家公司发展。八月初 Qsir 离职，大概直接原因来源于公司高层的不重视，和对于薪资的不平衡吧。八月底 LX 设计师因为实习期未能达到上面的要求(这块我参与了评判，非常抱歉这么一个决定~)离职。九月中旬，Looper 提出离职，大概是对于后端项目的无力，以及 Alex 加入和他之间交流上的不顺畅，（个人推测还是这个企业已经无法支撑起他对于技术上进一步探索。）。九月下旬，与 Simon 和 Liya 就 word cabulary 项目发生过最为严重的争吵，类似向东走或者向西走。自己随后宣布退出，放弃股权。10月回来的第一周周五，提出 last 详情 »
