加载中
深入理解javascript引擎对于脚本的处理

脚本处理模型 javascript的基本特点 js是一门相当简单的运行时解释语言。 对象模型很直接也没有类的概念。 有自动垃圾回收。 弱数据类型。 动态类型(dynamic typing):运行的时候才确定对象的...

2013/11/24 17:08
4.5K
利用http-proxy实现本地化前端项目dist目录预览

背景 前后端分离项目,前端发布基本是在服务器放置一个目录,然后通过 nginx 代理方式,通过监听 / 跳转到前端dist目录存放的路径下的index.html。 server{ location / { gzip on; add_hea....

05/14 10:47
49
electron端快捷键打开devtools

背景 当产品上线之后,出现现网问题的时候,如何定位问题呢。如果能够通过快捷键的形式唤起devtools就真香了。 代码 需要在 electron 的 jsbridge 中注入进去。 关于 electron 的jsbridge 实...

05/12 14:18
182
electron 端的jsbridge实现

背景 想通过一套代码既能跑在浏览器端,又能跑在electron 端,这个时候就需要electron 在使用 BrowserWindow 的时候,参数上面需要添加webPreferences参数 代码 // main.js const mainViwnd...

05/11 17:32
226
撸一个jquery的ajax 方法

背景 参考jquery 的ajax api 封装了一个ajax 方法 技术难点 jsonp封装 promise支持 formData支持 便捷方法封装 模块化支持 jsonp封装 jsonp的原理就是基于script 标签,给src 赋值 请求接口,...

05/10 09:32
28
基于express 的mock工具

背景 以前撸的一个简陋版本的 mock 平台,基于 express的,用mongoDB 存储数据,支持mockjs语法。 数据库 MongoDB 依赖 express mongoose mockjs 支持的功能 mock数据CRUD mock数据分类 mock...

基于electron和ffmpeg下载rtmp直播流

背景 利用electron 封装一个下载器,底层使用的是ffmpeg 去下载直播流。 支持 单次下载文件的合并功能。 技术 electron ffmpeg child_process.spawn electron-packager 核心 打包 利用 elec...

05/06 16:16
203
基于vue和jsplumb的工作流编辑器开发

背景 需要实现一个工作流,支持拖拽节点生成工作流。 业务实现 支持页面布局缩放 支持节点 支持if else 支持多分支 技术点 网格背景 工作流缩放 工作流技术实现 节点拖拽 技术选型 vue jspl...

基于vue的可视化大屏开发

简介 业界解决方案 百度的 sugar 可视化解决方案 https://sugar.baidu.com/home 阿里datav https://data.aliyun.com/visual/datav 腾讯云图 https://cloud.tencent.com/product/yuntu 尺寸 ...

http 请求头部和相应头部

简介 对于请求头部和相应头部的认识 请求头部 在http请求头部里面 含有的参数有(常用): Accept Accept-Encoding Accept-Language Cache-Control Connection Host Pragma Upgrade-Insecure-R...

04/26 17:23
26
利用axios实现断点续传并支持进度条和取消上传

需求 文件上传,如果文件大小小于5M 则直接上传,否则需要切割文件,每个最大5M 大小进行上传。 技术选型 axios 服务器端提供的接口 /** * data:传参,是一个formData 对象 * processCallbac...

04/25 10:26
56
react hook 小结

[toc] redux 的坑 大型组件很难拆分和重构,很难测试 业务逻辑分散在组件的各个方法之中,导致重复逻辑或关联逻辑。 组件类引入复杂的编程模式,比如 render, props 和高阶组件。 函数组件 ...

基于koa的h5视频录制异步上传

需求 h5 录制视频, 异步上传到 node 服务器端 文件保存在服务器端。 技术选型 前端 jquery 后端 koa 技术坑点 h5 录制视频 <input type="file" name="file" accept="video/*" id="takeVide...

04/23 11:24
177
基于nuxt.js 搭建的监控系统

背景 纯nodejs 搭建的监控系统。 依赖 client shelljs node-schedule socket.io-client server nuxt koa element-ui mongoose echarts socket.io client 通过配置定时任务的方式,执行 shel...

头像图片上传可能会用到的图片压缩和图片旋转技术

业务背景 突然有一次搞活动,需要用户上传自己的自拍照,然后服务器端把头像做些特殊处理,这个时候可能会遇到的坑。 坑点二:人像是倒着的 如果用户直接采用摄像头拍照,这样的话获取到的照...

04/18 17:33
17
React Native StyleSheet 样式属性

简介 React Native StyleSheet 提供一系类的对样式(类似css)属性。 其中包括 Layout 布局相关的 transform 改变相关的 shadow 阴影相关的 View 视图相关的 text 文本相关的 image 图片相关...

2018/10/27 11:40
2.9K
React Native 暴露给JavaScript端的plugins

// Plugins // 发送事件到JavaScript get DeviceEventEmitter() { return require('RCTDeviceEventEmitter'); }, // 原生和js端,发送通知。 get NativeAppEventEmitter() { return require...

2018/10/13 12:47
580
一步一步实现浏览器性能监测

背景 之前有做过前端的浏览器性能监测的前端,这里拿出来分享下。 首先需要收集的基本信息 对于基本的浏览器性能监测所要收集的数据。 页面分析(用户信息) ajax请求 JS错误 浏览器监测 慢页...

2018/10/11 21:26
364
从头编写一个 HTTP 静态资源服务器

首先需要的Node 模块有 http,url,path,fs 模块。 // 提供一个http 服务 var http = require('http'); // 用于处理 url 字符串和 url对象 var url = require('url'); // 用于处理文件路径 ...

2018/10/10 19:24
46
localstorage 在各个浏览器下面的坑

首先看下兼容性 在看下存在的坑: Storing large amounts of data in Safari (on OSX & iOS) can result in freezing the browser (存储大量的数据在 safari中,会导致浏览器崩溃的) IE10...

2017/12/07 15:51
3.7K

没有更多内容

加载失败,请刷新页面

返回顶部
顶部