<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Trifling_的博客]]></title><description><![CDATA[一颗追逐的心]]></description><link>https://blog.youkuaiyun.com/Trifling_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Trifling_]]></copyright><item><title><![CDATA[跨域访问踩坑记录]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/137196906</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/137196906</guid><author>Trifling_</author><pubDate>Sun, 31 Mar 2024 12:47:13 +0800</pubDate><description><![CDATA[浏览器 fetch跨域]]></description><category></category></item><item><title><![CDATA[iframe 打印]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/129412996</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/129412996</guid><author>Trifling_</author><pubDate>Wed, 08 Mar 2023 22:15:11 +0800</pubDate><description><![CDATA[2、iframe 设置innerHTML 和打印print 一定要有间隔。1、iframe打印 一定要注意样式，有些大图片打印会空白。]]></description><category></category></item><item><title><![CDATA[babel]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/127594222</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/127594222</guid><author>Trifling_</author><pubDate>Sat, 29 Oct 2022 23:53:03 +0800</pubDate><description><![CDATA[babel]]></description><category></category></item><item><title><![CDATA[npm 包开发 本地调试]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/127272620</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/127272620</guid><author>Trifling_</author><pubDate>Tue, 11 Oct 2022 22:00:29 +0800</pubDate><description><![CDATA[npm 包开发 本地调试]]></description><category></category></item><item><title><![CDATA[CDN 原理]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/127081106</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/127081106</guid><author>Trifling_</author><pubDate>Wed, 28 Sep 2022 00:09:24 +0800</pubDate><description><![CDATA[CDN 原理]]></description><category></category></item><item><title><![CDATA[npm 常用命令]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/125762329</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/125762329</guid><author>Trifling_</author><pubDate>Wed, 13 Jul 2022 13:55:28 +0800</pubDate><description><![CDATA[查看node安装目录which node查看npm 包全局安装目录npm root -g查看npm 配置npm config list]]></description><category></category></item><item><title><![CDATA[es、commonjs 模块解析原理]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/120392958</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/120392958</guid><author>Trifling_</author><pubDate>Mon, 20 Sep 2021 17:16:44 +0800</pubDate><description><![CDATA[基础知识点

es6

1、export {}. 必须要手动指定import {a、b} 或者 import * as all from

2、default 提供匿名export ， import res 可以随意命名

3、import 不加{} 则是导入默认export default， 加了{}则必须在导出export {} 文件中指定具体导出

4、import() 动态导入

commonjs

1、module.exports exports 指向同一内存空对象{} ， 直接赋值对象会导致引.]]></description><category></category></item><item><title><![CDATA[mac java环境搭建]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/119685834</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/119685834</guid><author>Trifling_</author><pubDate>Fri, 13 Aug 2021 23:44:53 +0800</pubDate><description><![CDATA[1、官网下载jdk8https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html

2、环境变量配置

open.bash_profile


JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_131.jdk/Contents/Home
PATH=$JAVA_HOME/bin:$PATH:.
CLASSPATH=$JAVA_HOME/lib/tools.jar...]]></description><category></category></item><item><title><![CDATA[跨站、跨域、cookie注入]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/119491330</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/119491330</guid><author>Trifling_</author><pubDate>Sat, 07 Aug 2021 22:12:09 +0800</pubDate><description><![CDATA[简述

之前对cookie相关知识一直零零碎碎，最近工作中遇到些点相关问题，于是又整体重新梳理了一面，算是一个总结。

本章主要介绍如何跨域、跨站注入cookie，以及踩过过的一些。

文章所用到的URL说明

http://dev.proxy.com:3000/ 浏览器访问URL

http://dev.fws.proxy.com:3001/跨域接口URL

http://dev.other.com:3001/跨站接口URL



概念

跨站(cross-site)：两个 URL 的 eTLD+...]]></description><category></category></item><item><title><![CDATA[Charles代理常见问题]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/119294636</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/119294636</guid><author>Trifling_</author><pubDate>Sat, 07 Aug 2021 18:32:01 +0800</pubDate><description><![CDATA[1、https代理 证书安装

2、Android模拟器安装CA证书必须从设置里面安装

3、无法抓包一定是代理冲突，浏览器插件
]]></description><category></category></item><item><title><![CDATA[本地开发代理、解决跨域、虚拟域名]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/118056820</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/118056820</guid><author>Trifling_</author><pubDate>Sat, 19 Jun 2021 19:38:54 +0800</pubDate><description><![CDATA[常见本地开发解决代理方案三种

1、chromeextensions扩展程序（CORS ..）

2、node、nginx
]]></description><category></category></item><item><title><![CDATA[element-ui 合并单元格 行处理方法]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/106144958</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/106144958</guid><author>Trifling_</author><pubDate>Fri, 15 May 2020 16:48:03 +0800</pubDate><description><![CDATA[在平时开发过程中经常涉及到行、列单元格的合并，本文记录LZ使用方式，只涉及到行的合并（场景较多），列也可同理而得

1、获取合并规则


 /**
   * 合并单元格
   * @param tableData  table数据 []
   * @param spans      待合并 property  
   * eg:[{key:'country'},{key:'year',rely:'country'}], rely表依赖，是否依赖前置列
   * @returns {{}}
   */
  g]]></description><category></category></item><item><title><![CDATA[在线word预览方案]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/100707116</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/100707116</guid><author>Trifling_</author><pubDate>Tue, 10 Sep 2019 17:59:48 +0800</pubDate><description><![CDATA[1、后台word转pdf
2、pageOffice
3、利用word可以直接转html
4、mammoth.js（存在一些瑕疵） https://jstool.gitlab.io/zh-cn/demo/preview-ms-word-docx-document-in-browser
5、微软在线服务 https://jsfiddle.net/gcuzq343/
...]]></description><category></category></item><item><title><![CDATA[git 关联远程仓库并提交]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/95171834</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/95171834</guid><author>Trifling_</author><pubDate>Tue, 09 Jul 2019 10:23:50 +0800</pubDate><description><![CDATA[git init
git remote add origin git@github.com:xxxxxx/react_mis.git
git checkout -b develop
git pull origin develop --allow-unrelated-histories
git push --set-upstream origin develop
]]></description><category></category></item><item><title><![CDATA[application/x-www-form-urlencoded 和 new formData()]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/92839995</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/92839995</guid><author>Trifling_</author><pubDate>Wed, 19 Jun 2019 18:26:45 +0800</pubDate><description><![CDATA[请求体body里面 form Data 格式

1、content-type：application/x-www-form-urlencoded 原生form表单提交 需要用qs 格式化成URL格式&amp;拼接

2、new formData() 提交表单，此时content-type 默认为multipart/form-data; boundary=----





区别：两种都...]]></description><category></category></item><item><title><![CDATA[前端开发规范]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/88038233</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/88038233</guid><author>Trifling_</author><pubDate>Thu, 28 Feb 2019 17:42:46 +0800</pubDate><description><![CDATA[1、组织结构

a、传统开发

b、基于react全家桶开发

c、基于vue全家桶开发（包含天工模板常用组织文件）


2、依赖包版本控制

a、 package.json 里涉及的依赖包版本当存在相互依赖时应同步更新，eg:vue-template-compiler vue-style-loader vue-loader

b、 当项目有设计修改组件库源码时，需固定package.jso...]]></description><category></category></item><item><title><![CDATA[前端导出excel，js多种文件导出方式]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/82428086</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/82428086</guid><author>Trifling_</author><pubDate>Wed, 05 Sep 2018 17:55:53 +0800</pubDate><description><![CDATA[1、服务器生产文件，返回url供前端下载

2、服务器返回二进制字节数组（window.open(),URL.createdObjectUR()）

3、前端插件（原理都一样，必须是blob或base64）如：Export2Excel

4、服务器返回json对象，前端blob与base64下载

 a、前端通过new Blob()然后在通过URL.createdObjectUR()

 ...]]></description><category></category></item><item><title><![CDATA[基于高德地图为底图实现全国、省、地级市下钻]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/82083053</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/82083053</guid><author>Trifling_</author><pubDate>Sun, 26 Aug 2018 21:05:09 +0800</pubDate><description><![CDATA[目录

简介

效果图

具体实现

注意点

不足点

简介

由于前面通过echarts和百度地图都没能实现理想效果从而只能另寻方案，最终实现方案：全国省采用echarts渲染，单个省、地级市采用高德地图为地图渲染（有人可能会疑问为什么不全部采用高德地图渲染，在上一篇中我有解释到用高德地图渲染全国省时，由于数据量过于太大会导致卡顿）

效果图

全国



单个省



可通过放大地图，展示 ...]]></description><category></category></item><item><title><![CDATA[echarts 实现省市区下钻]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/82054007</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/82054007</guid><author>Trifling_</author><pubDate>Sun, 26 Aug 2018 20:35:56 +0800</pubDate><description><![CDATA[最近公司有个项目需要实现省市区下钻，本以为很简单的操作就能实现该功能，没想到遇到各种坑。只有亲自尝试方知其辛酸。

辛酸历程（纯属唠嗑）：

第一版：最初LZ基于echarts去实现下钻，发现echarts3.0后就没有相应的区县的地图josn，就去网上各种找地图json，基本都是csdn提供的（下载还要钱o(╥﹏╥)o），后面我有提供免费的下载链接。最初的一版地图下钻就这么实现了，但数据联调后我...]]></description><category></category></item><item><title><![CDATA[低版IE常见兼容问题与css hack]]></title><link>https://blog.youkuaiyun.com/Trifling_/article/details/77411456</link><guid>https://blog.youkuaiyun.com/Trifling_/article/details/77411456</guid><author>Trifling_</author><pubDate>Sat, 19 Aug 2017 14:03:58 +0800</pubDate><description><![CDATA[低版IE常见兼容问题与css hack]]></description><category></category></item></channel></rss>