前端相关
喜欢吃一口烤肉的啵啵
近期个人偏研究一些AI技术。
展开
-
自动化邮件报告平台-邮件发送highchart图表
前段时间参与开发这样的一个系统,负责前端设计开发,使用人员提出需要在邮件发送的时候自动获取这些highchart图表数据,并显示在平台页面上,当发送邮件的时候也把图表附带在邮件中。highchart是一个比较强大的图表组件,这个图表组件以svg方式渲染在网页上,渲染完毕后会在网页中添加了svg元素,可以通过dom 或者jquery 把svg内容单独抽取出来,此svg元素也能够在网页上直接显示,如下原创 2016-08-19 11:11:10 · 6752 阅读 · 0 评论 -
【桌面应用】electron 打包antd项目的详细流程
1.创建antd项目cnpm install -g create-react-appcreate-react-app antd-app cd antd-appcnpm install antd --save复制并且覆盖下面的内容到App.js里面。import React, { Component} from 'react';import { DatePicker,原创 2017-05-25 19:23:41 · 3933 阅读 · 0 评论 -
【前端技术】window搭建react-native开发环境
源码链接:https://github.com/phypor/react-web-demo1.设置下载器配置和安装依赖包npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --globalnpm install -g原创 2017-06-03 11:47:50 · 885 阅读 · 0 评论 -
【前端技术】ztree.js 扩展name自定义格式
场景: 树的节点名字需要显示一些额外的信息。比如名字是 阿里云(100) 100这个是我当前节点的内容之一,目前由于ztree没有支持render回调函数,没法拼接内容得到。下载ztree js源码,可以知道树节点的显示名字是由getNodeName得到,所以出发点就是修改这个函数,修改如下。 getNodeName: function (setting, node) {原创 2017-11-17 14:34:42 · 5338 阅读 · 0 评论 -
【前端技术】基于nodejs开发的web工程开启代理转发功能
背景: web开发中,我们需要访问mock server则需要把web中所有请求代理到mockserver中。在启动web开发模式的脚本中,添加以下代码。其中a-api是一个访问路径。const proxy = require('http-proxy-middleware');//引入代理中间件const aProxy = proxy('/a-api', { target: 'http://12原创 2017-07-25 14:42:59 · 2055 阅读 · 0 评论 -
vue-cli 构建web应用
webpack:前端资源模块化管理和打包工具,它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。https://webpack.js.org/ vue.js:它是以数据驱动和组件化思想构建web应用的JavaScript库。https://cn.vuejs.org/v2/guide/ 我们可以借助vue-cli工具快速创建一个基于vue的web应用,操作如下。step1:np...原创 2017-04-28 09:57:58 · 709 阅读 · 0 评论 -
【桌面应用】nw.js 开发跨平台应用(2)使用nw打包项目
我们在上一篇文章中用vue-cli创建了一个的项目,并且使用nw 打开某个链接,这次我们讲述如何使用nw打包一个vue-cli创建的项目。进入vue项目后,我们可以使用npm run dev 打开8080端口访问页面,在使用nw打包之前,我们先需要build以下项目,执行npm run build就可以了。 build完后,会在当前目录下生成dist 文件夹,进入dist文件夹,目录结构如下.+原创 2017-02-28 17:01:29 · 1785 阅读 · 0 评论 -
【桌面应用】nw.js 开发跨平台应用(1)部署开发环境
node.js 下载页面https://nodejs.org/en/download/ nw.js 下载页面 https://github.com/nwjs/nw.js 或者https://nwjs.io/以下为mac系统下的为例.1. wget https://dl.nwjs.io/v0.20.3/nwjs-v0.20.3-osx-x64.zip2. unzip nwjs-v0.20.原创 2017-02-26 18:29:21 · 3405 阅读 · 0 评论 -
Http协议头 Range、Content-Range分析
HTTP头中一般断点下载时才用到Range和Content-Range实体头,Range用户请求头中,指定第一个字节的位置和最后一个字节的位置,如(Range:100-5000)Content-Range用于响应头请求下载整个文件: ***********************************GET /test.rar HTTP/1.1 Connectio原创 2014-09-28 17:13:43 · 2768 阅读 · 0 评论