随笔分类 - 前端
摘要：1.1. 前端 先假设有如下setCookie方法： 假设当前域名为blog.xiaoming.com，经测试发现，JS在写入cookie时： 结果： 说明： 不传domain，默认当前域名； 只要传了domain，则会强制在前面加上一个.，不管是一级还是二级域名； domain只能“小于等于”当前
阅读全文
摘要：什么是CRSF 构建一个地址，比如说是删除某个博客网站博客的链接，然后诱使已经登录过该网站的用户点击恶意链接，可能会导致用户通过自己的手将曾经发布在该网站的博客在不知情的情况下删除了。这种构建恶意链接，假借受害者的手造成损失的攻击方式就叫CSRF 跨站点请求伪造。 浏览器Cookie策略 cooki
阅读全文
摘要：1.背景 1.1.同源策略 网站的安全模式源于“ ”，web浏览器允许第一个web页面中的脚本访问页面中的数据，但前提是两个web页面具有相同的源。此策略防止一个页面的恶意脚本通过该页面的文档访问另一个网页上的敏感数据。 规则： 安全风险例子： 1,假设你正在访问银行网站但未注销 2,这时候你跳转到
阅读全文
摘要：适用场景: 在本地的Vue cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑. Mac内网穿透工具：natapp Invalid Host header 当启动了natapp以后, 就这个用natapp提供的域名, 来访问本
阅读全文
摘要：基于 vue cli 2 实现，vue 多模块、vue多项目集成工程 Github项目地址 : https://github.com/BothEyes1993/vue multi module 目标：多模块集成的vue项目，多项目共用一份配置，可以互相依赖，也可以独立打包部署 使用业务场景 1.如果
阅读全文
摘要：工具地址：https://github.com/BothEyes1993/bes jstools bes jstools 100多个基础常用JS函数和各种数据转换处理集合大全，此工具包是在 outils 的基础上,加上个人平时收集的代码片段进行的二次整合 Browser Support | | |
阅读全文
摘要：打包JS库demo项目地址：https://github.com/BothEyes1993/bes jstools 背景 最近有个需求，需要为小程序写一个SDK，监控小程序的后台接口调用和页面报错(类似fundebug) 听起来高大上的SDK，其实就是一个JS文件，类似平时开发中我们引入的第三方库:
阅读全文
摘要：之前公司要做个打赏用户的功能，网站查询一些资料之后把一些api封装之后提供了一个demo组件供大家下载： 扫描下图二维码 功能： 支付宝H5 Js方案，调起应用内页面，自动设定转账金额和收款理由，用户付款时可继续追加备注信息； 自定义打赏视窗，并支持传入金额、备注，允许用户【追加】转账备注信息，可以
阅读全文
摘要：前沿 之前在window下开发的同学大部分都是使用Fiddler代理工具做远程调试，自从换了Mac后也想找个代替工具调试，查询了下大概都比较推荐两款：Charles 和 Whistle 。不过Charles看起来是要收费的，那小伙伴们果断开始尝试用Whistle替代。 大概介绍下Whistle ht
阅读全文
摘要：最近使用ElementUI做项目的时候用Babel的插件babel plugin component做按需加载，使得组件打包的JS和CSS包体积大大缩小，加载速度也大大提升，所有想模仿做一个组件库也来做下按需加载。 首先用Vue CLI 3.0新建一个项目 注意的是cli3的脚手架用的Babel7的
阅读全文
摘要：一、持续集成是什么？ 持续集成是一种软件开发的实践，即团队开发成员经常集成他们的工作，通常每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试)来验证，从而尽快地发现集成错误。许多团队发现这个过程可以大大减少集成的问题，让团队能够更快的开
阅读全文
摘要：onchange事件 仅仅在键盘或者鼠标操作改变对象属性，且失去焦点时触发，脚本触发无效；而onkeydown/onkeypress/onkeyup在处理复制、粘贴、拖拽、长按键（按住键盘不放）等细节上并不完好。 onpropertychange属性 可在某些情况下解决上面存在的问题，不用考虑是否失
阅读全文
摘要：官网 vue quill editor Toolbar Module Quill vue quill image upload 图片支持上传服务器并调整大小 1.在 package.json 中加入 "quill image extend module": "^1.1.2" 依赖 2.在编辑器组件中
阅读全文
摘要：network工具功能强大，能够让我看到网页加载的信息，比如加载时间，和先后顺序，是否是并行加载，还是堵塞加载。 默认情况下有八列: （1）.Name:表示加载的文件名。 （2）.Method:表示请求的方式。 （3）.Status:表示状态码（200为请求成功，304表示从缓存读取）。 （4）.T
阅读全文
摘要：今天来扒一扒在node和ES6中的module，主要是为了区分node和ES6中的不同意义，避免概念上的混淆，同时也分享一下，自己在这个坑里获得的心得。 在ES6之前 模块的概念是在ES6发布之前就出现的，我感觉主要是为了适应大型应用开发的需要而引入了JavaScript世界。模块化编程已经从噱头上
阅读全文
摘要：slider轮播插件相信大家经常会用到，写法也是各种各样，大部分都是用的第三方提供的组件使用，如果想基于自己的业务特点封装个组件供自己使用的话就要自己封装组件了，网上看了大部分写法都是通过js控制dom节点位移的方法，这里就不多做介绍了，还有一些用纯css就能完成的写法也提供出来仅供。 1，jque
阅读全文
摘要：GitHub是一个面向开源及私有软件项目的托管平台、开源代码库以及版本控制系统，因为只支持 Git 作为唯一的版本库格式进行托管，故名 GitHub。通常在Windows下使用GitHub的教程是非常多的，因此也无需在此多费唇舌。本文主要讨论在Mac OS X系统上使用GitHub的方法。 一、安装
阅读全文
摘要：1、iframe 定义和用法 iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。 提示和注释 ： 提示：您可以把需要的文本
阅读全文
摘要：前言 由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。 当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功
阅读全文
摘要：第一部分 基础知识 一、正则申明方式 1、构造函数方式 var reg = new RegExp('\d', 'gi'); ● 通过 new 构造一个正则表达式对象，其中第一个参数 '\d' 是正则内容，第二个参数 'gi' 是修饰符。两个参数皆为字符串类型 ● 修饰符的作用是对匹配过程进行限定 ●
阅读全文