前端潘潘

导航

2020年3月14日 #

webpack 简介

摘要: webpack 简单来说就是一个 js 打包器,将项目中的各种模块打包成资源文件。通过代码分隔把代码分离到不同的 bundle 中,用来按需加载这些文件。使用 loader 来预处理文件,允许打包 js 外的任何静态资源。 核心概念有四个: 入口(entry) 表示 webpack 使用哪个模块来构 阅读全文

posted @ 2020-03-14 20:08 前端潘潘 阅读(136) 评论(0) 推荐(0) 编辑

2019年9月25日 #

Vue 项目使用 axios + iview 的 upload 组件实现文件上传功能遇到的问题以及解决方法

摘要: 问题描述: 需求是使用 iview 的 upload 组件上传文件,解析成功后,展示解析的内容,另外有单独的提交操作,需要把上传的文件 file 放到 data 参数里面一并提交,目前项目对 axios 整体做了封装,普通请求可以使用,但是涉及到需要传递 file 的这种情况就不行了。 解决方案: 阅读全文

posted @ 2019-09-25 19:01 前端潘潘 阅读(2563) 评论(0) 推荐(0) 编辑

2019年9月23日 #

前端编码规范

摘要: Git 相关 代码提交规范 关于 Git 的 commit, 描述信息务必要准确描述这次代码改动所做的事情。 在此基础之上,提交代码时应遵守以下写法, 这也是开源社区较为推崇的一种写法, 最早从 Angular 社区传播开来. 格式为 `<type>(<scope>): <subject>`, 例如 阅读全文

posted @ 2019-09-23 11:01 前端潘潘 阅读(250) 评论(0) 推荐(0) 编辑

2019年3月6日 #

React 组件间通信介绍

摘要: React 组件间通信方式简介 React 组件间通信主要分为以下四种情况: 父组件向子组件通信 子组件向父组件通信 跨级组件之间通信 非嵌套组件间通信 下面对这四种情况分别进行介绍: 父组件向子组件通信 父组件通过 props 和子组件进行通信,子组件得到 props 后进行相应的操作 父组件 A 阅读全文

posted @ 2019-03-06 21:58 前端潘潘 阅读(299) 评论(0) 推荐(0) 编辑

2019年1月14日 #

React 生命周期简介

摘要: React 中组件的生命周期会经历如下三个过程:装载过程、更新过程、卸载过程。 装载过程:组件实例被创建和插入 DOM 树的过程; 更新过程:组件被重新渲染的过程; 卸载过程:组件从 DOM 树中删除的过程。 注意:装载过程与卸载过程在组件的生命周期中只会执行一次,更新过程可以多次执行。 在这三个过 阅读全文

posted @ 2019-01-14 19:03 前端潘潘 阅读(354) 评论(0) 推荐(0) 编辑

2018年12月8日 #

网页真机调试之Browsersync简介

摘要: 以前的调试方式 修改完项目文件(html、js、css等)后保存,在浏览器刷新页面查看修改后的效果 本地开启一个 tomcat 服务,修改文件后保存刷新页面,移动端或其他 pc 则需要输入 ip + 文件路径进行调试 什么是 Browsersync? 能够使浏览器快速、实时响应文件的修改 可以同时在 阅读全文

posted @ 2018-12-08 17:25 前端潘潘 阅读(438) 评论(0) 推荐(0) 编辑

2018年9月7日 #

日常小记

摘要: 常见问题 Mac常用命令 chromec浏览器打开控制台:command + option + i 新建 iTerm 窗口:command + t Mac 锁屏:command + control + q vscode 设置shell code 命令 command + shift + P vsco 阅读全文

posted @ 2018-09-07 18:03 前端潘潘 阅读(266) 评论(0) 推荐(0) 编辑

TypeScript 学习笔记

摘要: TypeScript(以下简称 TS) 1、什么是 TS? 定义 TS 是 JavaScript 的一个超集,主要提供了 类型系统 和 对 ES6 的支持 TS 可以编译成纯 JavaScript 运行于任何浏览器上 TS 编译工具可以运行在任何服务器和系统上 TS 是开源的 优点 增加了代码的可读 阅读全文

posted @ 2018-09-07 15:44 前端潘潘 阅读(790) 评论(0) 推荐(0) 编辑

2018年3月19日 #

Web 安全之 XSS 攻击与防御

摘要: 前言 黑客,相信大家对这一名词并不陌生,黑客们往往会利用 Web 应用程序的漏洞来攻击咱们的系统。开放式 Web 应用程序安全项目(OWASP, Open Web Application Security Project) 在 2017 年公布了十大安全漏洞列表: 注入 失效的身份认证 敏感信息泄漏 阅读全文

posted @ 2018-03-19 18:43 前端潘潘 阅读(13325) 评论(1) 推荐(0) 编辑

2017年12月27日 #

前端常见问题总结

摘要: 1、const obj = {a:6}; obj.b=8; obj.a=9;//obj为{a:9,b:8};const定义对象的时候是可以改变内容的。 const b = "hello";//const定义其他类型的值是不能够被修改的。 2、var arr = [7,4,9]; var result 阅读全文

posted @ 2017-12-27 18:06 前端潘潘 阅读(285) 评论(0) 推荐(0) 编辑