SF
前端笔记
前端笔记
注册登录
关注博客
注册登录
主页
关于
RSS
sortablejs 支持 iframe 跨域拖拽
Larry_
2021-01-30
阅读 2 分钟
6.9k
页面里面的 iframe 在没有跨域的情况下,SortableJS 是支持跨iframe拖拽的,官方仓库给了例子。如果跨域了,我们拿不到 iframe 的 contentDocument,无法监听事件,所以 Sortable 默认情况下是不能工作的。
在 docker 上使用 ffmpeg nvenc 编码加速视频转码
Larry_
2018-03-05
阅读 1 分钟
9.4k
系统信息 OS: Ubuntu 18.04 安装 NVIDIA 驱动 sudo ubuntu-drivers autoinstall 这里吐槽下 Ubuntu 16.04 安装 NVIDIA 驱动有多么困难,升级到 Ubuntu 18.04 后一句命令即可。 重启机器并继续 安装 docker docker.com 安装 nvidia-docker2 [链接] 这里如果安装是nvidia-docker2,运行 nvenc 编码时会报错,提示Cannot lo...
使用MITM调试线上前端错误
Larry_
2017-09-02
阅读 2 分钟
2.9k
目前所在的公司每次部署上线至少半小时,如果在上线刚完成,检查线上发现有bug时,这意味着你又要等一次部署,尤其是接近下班的时候出这事的话,整个人都不好了。
【小实验】使用webpack & pm2搭建编译服务器
Larry_
2017-06-05
阅读 12 分钟
5.7k
一直被吐槽前端编译速度慢,没办法,文件多了,当然慢啦,而且目前公司使用的Jenkins作为持续集成工具,其中编译&重启Nodejs服务器命令如下:
H5屏幕适配小总结
Larry_
2017-05-17
阅读 3 分钟
8.3k
可以把网页想象成一张等比缩放的图片,当你屏幕宽度增大,图片被拉宽,同时高度也会等比例增长。以iPhone6为例,假设1rem = 100px, 一个宽度 100px 的 div 在 iPhone6 (750px)下就是 1rem,iPhone6plus (828px)下就是 1rem = 110px;
老项目改造记
Larry_
2017-03-17
阅读 4 分钟
5k
前言 老项目,React + PHP + nginx 项目情况 PHP端配置 PHP运行环境方面:有些人开发环境是wamp(apache + PHP),有些是np(Nginx + PHP)。 操作系统方面:大部分是win环境,少部分是MacOS系统,而服务器却是centOS系统。 目录结构 前端代码是和PHP代码放一起的 问题 这样造成什么情况呢? 有时候PHP开发使用redis做缓...
用树莓派 + aria2 做一个下载机
Larry_
2017-03-02
阅读 2 分钟
13k
用树莓派 + aria2 做一个下载机 用树莓派做下载机很久了,在此记录下来,免得忘记。 0x00 配置aria2 安装aria2c {代码...} 新建aria2配置文件aria2_config 参考配置(@acgotaku)如下 {代码...} 新建一个启动脚本run_a.sh {代码...} 执行 {代码...} 0x01 添加下载资源 百度:百度云离线助手115:115下载助手迅雷:迅雷离...
用Redux来进行组件间通讯
Larry_
2017-02-20
阅读 4 分钟
7.8k
用Redux来进行组件间通讯 demo地址 疑惑 之前在做项目的时候,一直会遇到一个困扰我的问题,两个互相独立的子组件如何通讯? 假设现在结构如下 ListItem是一个todoList组件,里面有一个删除操作,点击添加备注时会弹出模态框,让用户进行填写。 按照以前的写法,要像这样 父组件要传递一个props:showDelModal,以便于todo...
从零开始搭建React同构应用(四):搭建Koa Server & 完善SSR
Larry_
2017-02-05
阅读 4 分钟
12k
从零开始搭建React同构应用(四):搭建Koa Server & 完善SSR 上一篇我们使用了CLI的方式测试了SSR,这篇文章来讲如何在前文的基础上搭建一个Koa Server,实现真正意义上的SSR。 demo在这 主要内容 Koa搭建 完善SSR逻辑 Koa搭建 新建server/index.js: 我们使用Koa v2.0的版本; {代码...} 先搭建一个最简单的服务器...
从零开始搭建React同构应用(三):配置SSR
Larry_
2017-02-04
阅读 5 分钟
24.5k
从零开始搭建React同构应用(三):配置SSR 这篇文章来讲解来配置server side render,我们先从最简单的方法开始,用cli的方式模拟实现SSR。 demo在这里 主要内容: 添加webpack的server render配置 使用CLI的方式测试SSR输出 添加webpack的server render配置 之前我是考虑在node端直接require源码,例如: {代码...} 这...
从零开始搭建React同构应用(二):浏览器端工程化
Larry_
2017-02-03
阅读 5 分钟
5.9k
从零开始搭建React同构应用(二) 项目工程化(浏览器端) 在从零开始React同构开发(一)中我们已经能实现基本的React配置和编译了。接下来我们需要将编译工作工程化。 代码 代码在这,建议下载后,对照着看,因为文章不方便把所有的代码贴上来 主要内容 项目目录结构优化 stylus样式文件的处理和打包 extract-text-web...
H5拍照、预览、压缩、上传采坑记录
Larry_
2017-02-01
阅读 3 分钟
7.6k
最后实现图片预览效果借助了exif-js和megapix-image,exif-js负责读取图片的EXIF信息,获取orientation信息,然后用megapix-image把图片数据渲染在img标签上,代码如下:
优化auto-prefixer配置,让CSS适配不同浏览器
Larry_
2017-01-06
阅读 2 分钟
23.3k
终于克服懒惰,把post-css用上了,感觉可以抛弃stylus-loader了,哈哈,不过目前为了兼容,只修改了auto-prefixer的配置,它的文档在这
AlloyTouch手势库学习笔记
Larry_
2017-01-05
阅读 5 分钟
8.3k
alloyTouch可以很方便的用做下拉刷新,抽奖转盘等效果,我一直很好奇他是如何工作的,尤其是它能完美模拟原生的平滑滚动和惯性回弹等效果,而且体积小,速度快。
从零开始搭建React同构应用(一)
Larry_
2016-11-17
阅读 4 分钟
10.8k
毕业入职公司后开始搞React,从刚开始只会简单的setState,到后面webpack复杂的配置,Redux,Server Render,都一一上手。期间遇到很多问题,踩过很多坑,最近想以blog的方式把自己开发React同构应用的历程记录下来,一方面可以和大家分享下使用React的经验,另一方面也算是对自己一年来工作的小总结。