自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Trifling_的博客

一颗追逐的心

  • 博客(38)
  • 收藏
  • 关注

原创 跨域访问踩坑记录

浏览器 fetch跨域

2024-03-31 12:47:13 397

原创 iframe 打印

2、iframe 设置innerHTML 和打印print 一定要有间隔。1、iframe打印 一定要注意样式,有些大图片打印会空白。

2023-03-08 22:15:11 764

原创 babel

babel

2022-10-29 23:53:03 369

原创 npm 包开发 本地调试

npm 包开发 本地调试

2022-10-11 22:00:29 492

原创 CDN 原理

CDN 原理

2022-09-28 00:09:24 198

原创 npm 常用命令

查看node安装目录which node查看npm 包全局安装目录npm root -g查看npm 配置npm config list

2022-07-13 13:55:28 98

原创 es、commonjs 模块解析原理

基础知识点es61、export {}. 必须要手动指定import {a、b} 或者 import * as all from2、default 提供匿名export , import res 可以随意命名3、import 不加{} 则是导入默认export default, 加了{}则必须在导出export {} 文件中指定具体导出4、import() 动态导入commonjs1、module.exports exports 指向同一内存空对象{} , 直接赋值对象会导致引.

2021-09-20 17:16:44 414

原创 mac java环境搭建

1、官网下载jdk8https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html2、环境变量配置open.bash_profileJAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_131.jdk/Contents/HomePATH=$JAVA_HOME/bin:$PATH:.CLASSPATH=$JAVA_HOME/lib/tools.jar...

2021-08-13 23:44:53 127

原创 跨站、跨域、cookie注入

简述之前对cookie相关知识一直零零碎碎,最近工作中遇到些点相关问题,于是又整体重新梳理了一面,算是一个总结。本章主要介绍如何跨域、跨站注入cookie,以及踩过过的一些。文章所用到的URL说明http://dev.proxy.com:3000/ 浏览器访问URLhttp://dev.fws.proxy.com:3001/跨域接口URLhttp://dev.other.com:3001/跨站接口URL概念跨站(cross-site):两个 URL 的 eTLD+...

2021-08-07 22:12:09 1842

原创 Charles代理常见问题

1、https代理 证书安装2、Android模拟器安装CA证书必须从设置里面安装3、无法抓包一定是代理冲突,浏览器插件

2021-08-07 18:32:01 268

原创 本地开发代理、解决跨域、虚拟域名

常见本地开发解决代理方案三种1、chromeextensions扩展程序(CORS ..)2、node、nginx

2021-06-19 19:38:54 533

原创 element-ui 合并单元格 行处理方法

在平时开发过程中经常涉及到行、列单元格的合并,本文记录LZ使用方式,只涉及到行的合并(场景较多),列也可同理而得1、获取合并规则 /** * 合并单元格 * @param tableData table数据 [] * @param spans 待合并 property * eg:[{key:'country'},{key:'year',rely:'country'}], rely表依赖,是否依赖前置列 * @returns {{}} */ g

2020-05-15 16:48:03 837 1

原创 在线word预览方案

1、后台word转pdf2、pageOffice3、利用word可以直接转html4、mammoth.js(存在一些瑕疵) https://jstool.gitlab.io/zh-cn/demo/preview-ms-word-docx-document-in-browser5、微软在线服务 https://jsfiddle.net/gcuzq343/...

2019-09-10 17:59:48 2539

原创 git 关联远程仓库并提交

git initgit remote add origin git@github.com:xxxxxx/react_mis.gitgit checkout -b developgit pull origin develop --allow-unrelated-historiesgit push --set-upstream origin develop

2019-07-09 10:23:50 487

原创 application/x-www-form-urlencoded 和 new formData()

请求体body里面 form Data 格式1、content-type:application/x-www-form-urlencoded 原生form表单提交 需要用qs 格式化成URL格式&拼接2、new formData() 提交表单,此时content-type 默认为multipart/form-data; boundary=----区别:两种都...

2019-06-19 18:26:45 1536

原创 前端开发规范

1、组织结构a、传统开发b、基于react全家桶开发c、基于vue全家桶开发(包含天工模板常用组织文件)2、依赖包版本控制a、 package.json 里涉及的依赖包版本当存在相互依赖时应同步更新,eg:vue-template-compiler vue-style-loader vue-loaderb、 当项目有设计修改组件库源码时,需固定package.jso...

2019-02-28 17:42:46 213

原创 前端导出excel,js多种文件导出方式

1、服务器生产文件,返回url供前端下载2、服务器返回二进制字节数组(window.open(),URL.createdObjectUR())3、前端插件(原理都一样,必须是blob或base64)如:Export2Excel4、服务器返回json对象,前端blob与base64下载 a、前端通过new Blob()然后在通过URL.createdObjectUR() ...

2018-09-05 17:55:53 980

原创 基于高德地图为底图实现全国、省、地级市下钻

目录简介效果图具体实现注意点不足点简介由于前面通过echarts和百度地图都没能实现理想效果从而只能另寻方案,最终实现方案:全国省采用echarts渲染,单个省、地级市采用高德地图为地图渲染(有人可能会疑问为什么不全部采用高德地图渲染,在上一篇中我有解释到用高德地图渲染全国省时,由于数据量过于太大会导致卡顿)效果图全国单个省可通过放大地图,展示 ...

2018-08-26 21:05:09 17872 6

原创 echarts 实现省市区下钻

最近公司有个项目需要实现省市区下钻,本以为很简单的操作就能实现该功能,没想到遇到各种坑。只有亲自尝试方知其辛酸。辛酸历程(纯属唠嗑):第一版:最初LZ基于echarts去实现下钻,发现echarts3.0后就没有相应的区县的地图josn,就去网上各种找地图json,基本都是csdn提供的(下载还要钱o(╥﹏╥)o),后面我有提供免费的下载链接。最初的一版地图下钻就这么实现了,但数据联调后我...

2018-08-26 20:35:56 6835

原创 低版IE常见兼容问题与css hack

低版IE常见兼容问题与css hack

2017-08-19 14:03:58 426

原创 自定义jquery插件扩展

根据我们的需要有时候会扩展$实例方法,eg:  $("#id").customFunction这里需要用到 jquery 内置的$.fn.extend方法,有关$.fn.extend请参考。。。。。。。总体结构

2017-04-08 16:28:26 503

原创 $与$.fn

jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context ); },init.prototype = jQuery.fn;jquery  就是一个方法,而这个方法返回的最终实例的prototype指向jQuery.fnjQuery.fn = jQuery.

2017-04-08 16:27:23 491

原创 jQuery.extend与jQuery.fn.extend

$.extend()常用的几种方法 参考http://www.cnblogs.com/zikai/p/5074686.html  (先看这个更容易理解 $.extend()设计原理)接下来详细介绍它的实现jQuery.extend = jQuery.fn.extend = function() { var options, name, src, copy, copyIsArray, cl

2017-04-08 16:20:33 559

原创 jQuery.fn.init

var rootjQuery, rquickExpr = /^(?:\s*()[^>]*|#([\w-]+))$/, init = jQuery.fn.init = function( selector, context, root ) { var match, elem; // 处理 $(""), $(null),

2017-04-08 16:15:59 1242

原创 jquery总体架构

( function( global, factory ) { "use strict"; if ( typeof module === "object" && typeof module.exports === "object" ) { module.exports = global.document ? factory( globa

2017-04-08 16:14:37 588

原创 浅谈jquery源码解析

以前都是停留在用的基础上,今因一款jquery插件出现了一些问题,决定好好研究哈jquery源码,下面分享这几天我的收获

2017-04-08 16:12:45 594

原创 图片不压缩,图片随浏览器两端同时缩进

问题描述:图片随浏览器两端同时缩进class="container"> class="img-container"> src="../img/background_1.png" class="img-home" alt="home"> .container{ width:100%; height:600px; positi

2017-03-01 13:11:17 1000

原创 text-align:justify无效处理方式

原理:text-align只对最后一行之前的行生效,如果你只有一行则需特殊处理。1、使用text-align-last,并将其设置为justify。text-align-last不是所有浏览器支持。2、手动添加一行最为最后行,并将其隐藏。

2017-02-18 10:11:10 4922 1

原创 常用清除浮动方式与浏览器兼容

1、父级div定义height 此种方法只适合固定height的使用,不存在浏览器兼容问题。2、:after/:before(推荐)  .clearfix:after{    content:".";    height:0;    visibility:hidden;    display:block;    clear:both;   } 此种方式是比较

2017-02-18 09:03:27 400

原创 node调式工具node-inspector的使用

npm install -g node-inspector  安装到全局变量

2016-12-27 11:05:11 514

原创 node编写服务器与传统服务器Apache、IIS区别

传统方式:创建好html文件后,通过浏览器访问它,然后让它自动发送到客户端node方式:  我们必须先打开文件,读取其中的内容,然后再将这些内容发送给浏览器

2016-12-10 10:40:28 3001

原创 http头部content-type与数据格式

http 头部中的 content-type  和我们传递的数据是息息相关的,不同的取值,服务器解析处理方式不同,介绍一下几种常见的方式text/plain:ajax默认方式,将文件设置为纯文本的形式,浏览器在获取到这种文件时并不会对其进行处理(最原始的流)application/x-www-form-urlencoded : form表单默认的方式,在$.ajax中如

2016-11-02 16:52:09 11249

转载 TCP/IP、Http的区别

TPC/IP协议是传输层协议,主要解决数据如何在网络中传输,而HTTP是应用层协议,主要解决如何包装数据。关于TCP/IP和HTTP协议的关系,网络有一段比较容易理解的介绍:“我们在传输数据时,可以只使用(传输层)TCP/IP协议,但是那样的话,如果没有应用层,便无法识别数据内容,如果想要使传输的数据有意义,则必须使用到应用层协议,应用层协议有很多,比如HTTP、FTP、TELNET等,也可以自己

2016-10-22 12:07:11 332

原创 局域网网络文件共享常见方式

之前也了解过一些文件共享FTP等,今天要分享的是局域网内的文件共享,以及常见疑难解答

2016-10-12 13:06:35 3866

原创 CSS选择器-优先级-性能

从开始用css选择器到现在这么久了,自以为对它的理解已经差不多了,够用了,知道之前面试一家公司后,瞬间把我问懵逼了,今把最近研究的css选择器和大家分享哈,虽然文字稍微有点多,能耐心看完我相信你多少还是有点收获的

2016-10-11 20:24:48 4026

原创 浏览器滑块、鼠标事件、鼠标滑轮、键盘事件详细说明

之前对浏览器滑动、鼠标、键盘都是一知半解的,今天在测试的时候发现了很多问题,特意研究了哈相关的事件机制,这里面有每个事件event对象的详细介绍及区别,最后附带了键盘事件event.keyCode的详细值 链接,对于还处于迷乱期的人来说特别适用。

2016-10-05 12:34:45 2552

原创 同源策略与跨域解决方案

在网上看了这么多有关同源策略的介绍,感觉都说得不是很清楚,都只是提到了一部分,站在巨人的肩膀上我简单总结所谓的 “同源策略”同源策略: 就是为了保证数据安全的一个实现方法,不允许跨域访问数。                本质:在发起http请求的时候浏览器并没有做任何的同源策略限制(只是跨域请求头部不会带当前cookie),也就是它能向任何域发起http请求,浏览器是在后台返回数据的时候

2016-10-02 19:15:34 2393

原创 浏览器缓存cookie与服务器缓存

之前对缓存都是一知半解的,都是基于理论之上没有正整实际动手验证过,今天抽时间终于把缓存重新理了一片1、 设置js 、css缓存      http头部中设置expires,Cache-Control(具体怎么设置这里就不细说),IIS服务器上设置过期设置2、浏览器中如何设置缓存document.cookie,  通过key/value的形式,对缓存的操作可参照   点击打开链接

2016-09-30 20:39:02 3954

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除