- 博客(97)
- 问答 (3)
- 收藏
- 关注
RSS订阅
原创 前端进阶之路：最新面试题、前端（vue、react、node)、服务端（java)、服务器（appache、tomcat、nginx）、持续集成环境CI（git、nexus）、开发工具
前端面试html、css框架juqeryreact平台微信企业号服务端javajava学习路径服务器appachenginx持续集成环境CInexus
2020-06-23 10:37:31
1372
4
原创 【面试题】2023年前端最新面试题-web安全
Service worker提供了fetch事件可供监听，当页面发出请求的时候，会先过fetch方法，你可以在这里定义任何你需要的缓存策略，比如请求成功后，将结果存入caches。新闻模块的接口，每次有返回的时候，都存入localstorage中，以接口路径为key，返回数据为value，当新闻接口请求失败的时候先从localstorage中读上次成功请求时候的数据，展示出来。1、永远不要信任用户的输入，要对用户的输入进行校验，可以通过正则表达式，或限制长度，对单引号和双"-"进行转换等。
2023-01-17 13:27:58
947
1
原创 【面试题】2023年前端最新面试题-webpack篇
webpack原理、指南、devServer、webpack性能优化。也就是创建一个script标签，标签的url就是文件加载地址，然后塞到document.head中，一塞进去，就会加载该文件了。，此时就需要一个处理这些问题的工具。● 开始编译：上一步得到的参数初始化compiler对象，注册所有配置的插件，插件监听webpack构建生命周期的事件节点，做出相应的反应，执行对象的run方法开始执行编译，生成compilation对象。
2023-01-17 13:15:20
1162
原创 【面试题】前端最新面试题-浏览器 dom、bom篇
如果已经访问过app并且资源已经离线存储了，那么浏览器就会使用离线的资源加载页面，然后浏览器会对比新的manifest文件与旧的manifest文件，如果文件没有发生改变，就不做任何操作，如果文件改变了，那么就会重新下载文件中的资源并进行离线存储。想要知道这些事件是在什么时候进行调用的，就需要了解一下“事件流”的概念。合成线程还有个作用是通过传感器检通道的触屏或点击事件，根据事件的坐标信息计算出是针对哪个dom元素，并通知主线程构造事件上下文event对象，然后触发用户定义的click或touch事件。
2023-01-17 13:07:00
991
原创 【面试题】2023年最新前端面试题-JS运行篇：闭包、内存管理、同步、异步、任务队列、event loop
前端最新面试题：this、闭包、内存管理、同步、异步、任务队列、event loop、事件循环
2023-01-17 13:03:57
859
转载 JavaScript介绍
一、JavaScript是一门跨平台、面向对象的脚本语言，它能使网页可交互。另外还有高级的服务端JavaScript版本，例如node.js，它可以让你在网页上添加更多功能，不仅仅是下载文件（例如在多台电脑之间的协同合作）。二、JavaScript的核心部分可以通过添加对象来扩展语言以适应不同用途：1、客户端的JavaScript通过提供对象，控制浏览器及其文档对象模型（DOM)，来扩展语言核心。
2022-09-03 16:51:36
565
原创 JavaScript知识大全，要想学JavaScript，有这篇就够了，高级前端工程师必备
# JavaScript代码结构声明🔥 数据结构🔥 对象模型的细节运算符和表达式流程控制错误处理循环与迭代迭代器与生成器JavaScript模块🔥 JavaScript运行JavaScript资料库# 操作系统、浏览器操作系统浏览器BOM /浏览器对象模型 / Browser Object ModelDOM / 文档对象模型 / Document Object Model浏览器存储浏览器架构🔥 渲染JavaScript处理二进制数据和文件# 通信同源/跨域
2022-09-03 16:48:23
169
原创 github license 许可证，bpmn-js使用协议
在重构项目工作流的时候，发现原有代码引用了第三方库bpmn-js，bpmn-js的license要求● 项目中只要用到bpmn-js的地方，就需要加上bpmn-js项目的logo● 使用bpmn-js库，必须附上bpmn-js带的LICENSE原有代码中将库引入，注释掉logo，并且删除了LICENSE，自己扩充了库后重新封装成了一个npm包。最先开始因是从公司nexus下载下来的包，且是代码集合，没有文档，所以查阅资料许久才发现用了这个库。本宝宝心里怕怕，赶紧重新按照license引入库，并合理扩
2022-07-14 14:14:41
658
原创 git恢复被误删的远程分支
端午回来上班，发现sit分支被删除了。从gitlab-项目-activity记录中看到一周前sit分支被删除。应该是被误删了。sit分支的内容已被合到release，本来是想将release的内容再反合到sit来实现恢复sit分支的。但是会产生不好看的commit记录（merge sit into release）方法1找最后一次提交的同事，通过本地的sit这个branch，重新建个sit分支有点费时哟方法2...
2022-06-09 15:36:18
4001
原创 前端简易脚手架搭建
原文见：https://www.yuque.com/asuncat/blog/ql8p2g公司现有基于umi搭建的pc中后台项目模板，有基于uni-app搭建的多端项目模板。每次新建项目，需要去github下载相应的模板，所以就想自己写个脚手架，主要是根据输入值自动下载gitlab仓库的代码。脚手架分析主要是想脚手架与项目模板解耦● 脚手架负责获取模板的功能。通过命令行与用户交互，下载相应的项目模板● 模板负责项目结构、工作流程、依赖项管理。因为一直单独建设项目模板，所以这里只考虑脚手架的交互与下
2022-04-27 15:27:32
755
原创 同源跨窗口通信：网易云音乐不同标签页打开同一页面，暂停原先标签页音频播放
原文见：语雀有个声音很好听的小帅哥问我说，如果当前浏览器打开一个标签页，页面播放着音乐，然后相同的链接又在另外一个页面打开，该如何将之前的页面音频停止播放。有小帅哥问问题，我当然要回答啦（其实是我不得不答）🤣我一想，这是跨窗口通信，用postMessage，不过我忘了这个api具体怎么使用了。小帅哥提醒说，postMessage通信时，无法获取到原先标签页的window，所以无法改变原先的window内容。最后，我想到的解决方案是localStorage存储播放状态，并将状态发送给后端，然后we.
2022-03-25 22:07:48
4839
原创 使用gridea搭建博客，github pages
原文见：https://www.yuque.com/asuncat/blog/hrmaio博客地址Github Pages：https://yquanmei.github.io/主题：https://github.com/yquanmei/gridea-theme-asuncatelectron桌面端应用：https://github.com/yquanmei/gridea-electron前言意外发现了搭建博客的好东西：Gridea，为不太会搞设计的前端打开了一扇新的大门。当然，接下来，就是
2022-03-24 13:15:38
1860
原创 web前端经典面试题试题及答案（持续更新）-浏览器
浏览器浏览器缓存、浏览器渲染机制、浏览器渲染过程、重排reflow、重绘repaint、浏览器兼容浏览器缓存浏览器缓存的分类？1、强缓存// Expires：Expires:Thu, 21 Jan 2017 23:39:02 GMT // value值表示的是绝对时间，一般都是服务器时间，可能与客户端时间不一样// Cache-Control：Cache-Control: max-age=3600 // value值是以客户端时间为准如果服务器这两个时间都下发了，以后者为准2、协商.
2021-05-17 15:17:08
1474
原创 【笔记-node】《Egg.js框架入门与实战》、《用 React+React Hook+Egg 造轮子 全栈开发旅游电商应用》
第一章 课程导学一、Egg.js框架介绍1、Egg.js是基于Node.js和Koa的一个企业级应用开发框架，可以帮助团队降低开发成本和维护成本。二、express,koa.js上手比较简单，但是没有严格的开发规范三、Egg.js特性1、提供基于Egg的定制上层框架的能力2、高度可扩展的插件机制3、内置多进程管理4、基于Koa开发性能优异5、框架稳定，测试覆盖率高6、渐进式开发四、涉及技术点vant ui框架vue-cli3moment.jsEgg.js基础mysql基础
2021-02-25 16:59:44
2856
3
原创 【笔记-uni app】《uni-app 快速入门 从零开始实现新闻资讯类跨端应用》
uni-app 快速入门 从零开始实现新闻资讯类跨端应用第12章 项目发行与打包12-03 App端发行打包一、发行，原生app-云打包把包提交给dcloud的服务器，通过dcloud打包完后给我们一个链接，我们就能下载使用了。使用的证书是dcloud证书二、有原生开发经验，可选择离线打包云打包步骤一、配置填写1、manifest.json，基础配置，AppId、应用名称、版本名称、版本号必填（1）版本名称、版本号必须大于上一个版本2、App图标配置3、App启动界面配置4、
2021-01-18 15:03:36
706
原创 【笔记-react】《imooc-React源码深度解析 高级前端工程师必备技能》
第01章 课程导学01-01 课程导学一、UI=fn(x)核心api：setState没有directive双向绑定二、vue，angular更新大版本，需要调整兼容三、react，引入fiber，从根本上解决了，js单线程运行，如果计算量太大，导致动画卡帧，交互卡顿问题四、第1章：React API，及每个API的作用createElement、createContext、JSX=>JS、ConcurrentMode、Ref、Component、Suspense、Hooks五、第2
2020-12-28 12:09:20
920
原创 uni-app，多端开发
cli工程一、全局安装vue-cli 3.x （如已安装请跳过此步骤）npm install -g @vue/cli二、通过cli创建uni-app项目vue create -p dcloudio/uni-preset-vue my-projectvscode打开项目一、安装vue语法提示插件Vetur （Pine Wu）二、CLI工程默认带了uni-app语法提示和 h5 + app语法提示三、安装组件语法提示npm i @dcloudio/uni-helper-json三、导入HBu
2020-12-22 15:36:12
1115
原创 ant design pro 从服务器拉取菜单后，菜单权限控制，按钮权限控制
前提从服务器请求菜单：https://blog.csdn.net/aSuncat/article/details/109557489需求权限控制分3个方面点击左边菜单：如果没有权限则右边内容显示403页面浏览器输入：如果输入的是没有权限的url，则右边内容显示403页面内容中按钮的权限：如果右边内容中的按钮没有权限，则该按钮不显示权限左边菜单点击服务器返回的菜单数据有authority如服务器返回的数据如下const data = [ { path: '/'
2020-11-12 08:32:26
4886
9
原创 ant design pro v4 从后台服务器请求菜单，思路，具体代码及坑
版本信息ant design pro : v4.2.2umi: v3.2.14pro-layout: v6.4.19typescript: v4.0.3思路一、菜单是在在src/layouts/BasicLayout.tsx的menuDataRender属性中进行渲染，所以需要把后台获取到的数据传入menuDataRender属性二、使用react hooks的useEffect 中使用dva的dispatch来请求菜单。具体代码菜单显示src/layouts/BasicLayout.t
2020-11-08 12:12:41
6126
13
原创 从零开始搭建前端脚手架搭建
需要的功能一、具备问询功能，可以获取定制化信息。二、根据问询结果，以不同模板去创建项目。核心原理一、本质是从远程仓库把不同的模板拉取到本地。1、模板是一个完整的项目，包含项目的完整结构和信息二、cli下载项目时，复制项目的同时，将问询得到的定制化信息写入项目配置准备工作一、注册npmcli的编写项目目录|— bin| |- begin|— src| |- add.js|— .gitignore|— .npmrc|— README.md|— package.json|—
2020-10-22 16:02:41
464
原创 【面试】web前端经典面试题试题及答案-前后端通信（http、https、tcp）
http一次完整的HTTP事务是怎样的一个过程？1、 域名解析2、发起TCP的3次握手3、 建立TCP连接后发起http请求4、服务器端响应http请求，浏览器得到html代码5、浏览器解析html代码，并请求html代码中的资源6、浏览器对页面进行渲染呈现给用户 http协议类1、HyperText Transfer Protocol，超文本传输协议。因特网上应用最为广泛的一种网络传输协议,所有的WWW文件都必须遵守这个标准2、如果没有写端口，就会启用默认端口http默认端口.
2020-10-20 14:19:17
2606
原创 nodejs操作excel，js-xlsx文档，excel转json数据
npm地址：https://www.npmjs.com/package/js-xlsx实现的功能excel转jsonXLSX.utils.sheet_to_json(worksheet)if(typeof require !== 'undefined') XLSX = require('xlsx');const path = require('path')const xlsPath = path.join(__dirname, './assets/2020-10-15.xls')var wor
2020-10-16 13:18:25
459
原创 【面试】web前端经典面试题试题及答案-jQuery
jquery的jq.eq(0)和jq[0]有什么区别？待完善 jquery源码原型实际应用-jquery？多个实例都可以共用一个方法时，说明这些方法（eg:css(), html()）都是来自于一个构造函数的原型中var $p = $('p'); $p.css('color', 'red'); // css是原型方法console.log($p.html()); // html是原型方法 // 如果有多个p元素，$p.html()默认是最后一个元素的html<body>&
2020-09-14 13:21:44
1118
原创 create-react-app搭建移动端高可用框架
技术栈ui组件库： antd mobile路由：@dva/router请求：@dva/fetch创建项目npx create-react-app my-app-democd my-app-demoyarn start
2020-09-11 16:53:19
365
原创 create react app搭建完整项目，结合antd mobile, react-router-dom从零到整搭建完整移动端项目
ui：antd mobile路由：react-router-domrequest请求：自带的fetchgithub地址项目代码：https://github.com/yquanmei/create-react-app项目创建npx create-react-app my-appcd my-appnpm startui：antd mobile安装npm i antd-mobile按需加载一、安装customize-cranpm install react-app-rewired
2020-08-10 10:03:35
737
原创 vscode安装，使用教程指南
图标费用免费官网下载一、下载地址：https://code.visualstudio.com/安装一、vscode拖到application中设置一、
2020-07-27 10:38:02
820
原创 【笔记】vue、react、node、java学习笔记：vue从入门到放弃、react实战、node在企业web开发中的应用、java入门及框架
vuereactnodejava学习路径学习路径-java工程师：https://www.imooc.com/course/programdetail/pid/31学习路径-模式宗师养成宝典之java版：https://www.imooc.com/course/programdetail/pid/18学习路径-搞定java加解密：https://www.imooc.com/course/programdetail/pid/23学习路径-hibernate开发宝典：https://
2020-07-15 14:01:33
439
原创 【笔记-java】java工程师-入门必学2
20200710-：《imooc-与MySQL的零距离接触》第01章 初涉MySQL01-01 MySQL概述一、MySQL基础1、MySQL由瑞典MySQL AB公司开发，目前属于Oracle公司。2、MySQL是一个开源的关系型数据库管理系统。3、MySQL分为社区版和企业版。01-02 MySQL的安装与配置一、MySQL安装方式1、MSI安装（Windowss Installer)2、ZIP安装二、安装类型Typical: 典型安装Custom：自定义安装Complet.
2020-07-13 08:56:01
724
原创 IDEA安装、使用指南
遇到的问题idea双击无反应原因：修改了.vmoptions解决：1、进入fiddler，command + shift+ g，输入~/Library/Preferences/IntelliJIdea2019.1，删除其中的.vmoptions，重启即可打开IDEA
2020-07-03 13:21:00
240
原创 webstorm安装、使用：常用快捷键，node语法提示，git拉取代码，typescript设置等
收费官网下载一、下载地址：https://www.jetbrains.com/webstorm/download安装一、webstorm拖到application中设置一、左侧项目目录结构，字体改变appearance, override default fonts by (not recommended)，修改size二、terminal的console字体改变editor, console Font，修改Size三、快捷键设置1、切换标签页改成control + tab(n
2020-06-28 15:30:29
1561
原创 MySQL安装、使用教程
免费下载安装参考地址：https://dev.mysql.com/downloads/mysql/官网下载1、地址：https://dev.mysql.com/downloads/mysql/Community版本：免费商业版：收费2、下载.dmg格式的文件安装1、下载后解压，一路点击“下一步”2、安装完后有个密码 oByfelptC7.K （不同电脑和这个不一样，这个要记住，后面要用到），这是电脑安装MySQL后自动生成的用户密码。安装后的配置1、开启MySQL服务（1）系统偏好
2020-06-28 15:23:18
599
空空如也
jquery的removeClass(),addClass()无效
2017-10-31
swiper.js的pagination导航小圆点不随图片滑动了
2016-09-27
模拟小球落地的css动画中，cubic-bezier()函数怎么确定
2016-09-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人