随笔分类 - Web前端
摘要：第一种方案 node 代理 1、安装node (^10.0版本以上) 2、使用NodeJs反向代理http请求 3、nodejs项目路径下初始化 npm init 然后 一路回车 4、使用npm包管理器安装express和http中间件代理模块 npm install express http-pr
阅读全文
摘要：问题背景 网络上很少有比较有用的建议，我百度后找到一个还算靠谱的 https://blog.csdn.net/qq_34336393/article/details/105969781 但操作还是挺复杂的，需要使用代理工具Burt Suite,没有使用起来 解决方案 进过多次尝试找到一个比较好的方式
阅读全文
摘要：页面用react来进行开发的，想触发react组件里面input的change事件，用Jquery的trigger来触发没有效果，必须使用原生的事件来进行触发。 var event = new Event('input', { bubbles: true }); element.dispatchEv
阅读全文
摘要：chrome插件研发手册 chrome插件研发手册 一：需求前景 对于研发的小伙伴来说，总会遇到这样的需求，想要通过代码操作已有网站的行为动作，如：自动填充表格内容（表单内容太多，想一键将表单内容填充）；自动登录网站（网站登录密码老是忘记，或者用户名密码太长，想一键登录）……；对于这些需求都可以通过
阅读全文
摘要：阿里 使用过的Koa2中间件 Koa-body原理 介绍自己写过的中间件 有没有涉及到Cluster 介绍Pm2 Master挂了的话Pm2怎么处理 如何和MySQL进行通信 React声明周期及自己的理解 如何配置React-Router 路由的动态加载模块 服务端渲染SSR 介绍路由的Histo
阅读全文
摘要：参考：https://segmentfault.com/a/1190000006178770#articleHeader7 1.什么是webpack,为什么要使用它 一些优秀的网站往往有许多JavaScript文件，很多依赖项，为了简化开发的复杂度，前端有很多实践方法： 模块化，让我们可以把复杂的程
阅读全文
摘要：http://blog.itpub.net/30980622/viewspace-2051035/ 思路： 1.通过配置属性，loader加载跨域资源 2.获得$(pager).pagination对象，处理onSelectPage事情
阅读全文
摘要：1.3D烟花 yanhua3D.js var yanhua3D = function(){ var yanhua; function initVars(){ pi=Math.PI; ctx=canvas.getContext("2d"); canvas.width=canvas.clientWidt
阅读全文
摘要：http://blog.csdn.net/saytime/article/details/51540876 这篇文章对跨域访问做了较为细致得分析，我这里做下简单总结 1.实现跨域访问原理： 浏览器由于同源策略不能做跨域访问，但是<script>标签是开放策略能够跨域访问，所以突破口就是通过<scri
阅读全文
摘要：1.Promise对象 Promise在英语中语义为：”承诺“，它表示如A调用一个长时间任务B的时候，B将返回一个”承诺“给A，A不用关心整个实施的过程，继续做自己的任务；当B实施完成的时候，会通过A，并将执行A之间的预先约定的回调 什么情况用它好？ 当我们的异步操作一层钳一层时会显得难懂此时创建P
阅读全文
摘要：1.js事件阻止冒泡的应用 1）问题描述： 单机除了这两个元素，触发事件，； 可用阻止事件冒泡 2）解决方法： //增加的2个条件单击事件 //设备号或名字 $('#equipIdOrName').click(function(e){ e.stopPropagation();//阻止这个事件向上冒泡
阅读全文
摘要：1.基础知识： 1）Parser解析器： div指定了class后能有效果是因为开始时文档时加载DOM但是一些由js动态生成的指定了class的div没有被解析此时就需要手动解析了 js动态生成的指定了Class的div对象需要手动解析 $.parser.parse(); // 解析整个页面；$.p
阅读全文
摘要：1.需要掌握的知识点 1）(function($){...}(jQuery)):实际上就是匿名函数并且函数用（）阔起来，形成闭包，外界对其内部函数没有影响 $(function(){…}); jQuery(function($) {…}); $(document).ready(function(){
阅读全文
摘要：1.用于ADM（基于模块的异步加载JavaScript代码的机制）js模块开发 2.下载requireJS 3.好处： 1）有效防止命名冲突（js多时可能很多全局变量容易重复） 2）声明不同的js文件之间的依赖 3）模块化的开发 4.常用方法： requirejs.config:为模块指定别名 re
阅读全文
摘要：环境配置： http://getbootstrap.com/ 上下载 Bootstrap 的最新版本 直接能使用的链接 设计原则： 移动设备优先：<meta name="viewport" content="width=device-width, initial-scale=1.0">加在head头
阅读全文
摘要：文章出处菜鸟教程，这里做了总结和归纳方便大家快速学习和复习 参考手册API 1.安装 <script src="jquery-1.10.2.min.js"></script> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/j
阅读全文
摘要：1.AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML） 2.创建Ajax 前言：IE5,6没有XMLHTTPRequest对象，用的是ActiveXObject("Microsoft.XMLHTTP"); var xmlhttp;
阅读全文
摘要：1.XML基础 一：作用 作为软件配置文件；作为小型的数据库 二：语法 标签：标签名不能以数字开头，中间不能有空格，区分大小写，有且只有一个根标签 属性：可以有多个属性，属性值必须用引号（单双都可以但不可以单双混用） 文档声明：<?xml version="1.0" encoding="utf-8"
阅读全文
摘要：1. BOM编程 1.1. BOM编程基础 全称 Browser Object Model，浏览器对象模型。 JavaScript是由浏览器中内置的javascript脚本解释器程序来执行javascript脚本语言的。 为了便于对浏览器的操作，javascript封装了对浏览器的各个对象使得开发者
阅读全文
摘要：javascript在前端开发中尤为重要，此文首先列出快速复习的知识，随后举出一些列子供大家学习 1. JavaScript简介 1.1. JavaScript由来 Netscape 发明了 JavaScript JavaScript由Netscape 在1995年发明。早期的主要目的是处理一些用户
阅读全文
