- 博客(15)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端基础面试题-JS篇
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-09-26 15:08:58
355
原创 Webpack5+React搭建项目
React+Webpack5搭建项目一Webpack + React初始化项目配置webpack引入react框架安装loaders来支持样式处理样式文件webpack5内置了处理图片、字体文件，不需要额外的loader来处理复制其他静态资源如字体、第三方库等引入react全家桶安装插件打包优化*****************************************提取webpack的配置文件项目目录结构webpack配置区分环境 Webpack + React 初始化项目 创建packge.
2021-09-18 09:56:39
1101
原创 js 防抖和节流
防抖：对于连续触发的事件，在最后一次触发结束n秒后执行函数。（n秒是自定义的延迟时间delay的值） 节流：对于连续触发的事件，在固定周期内，只响应一次动作。 #防抖和节流的实现 // 获取输入框的dom元素 const myInput = document.getElementById('test'); myInput.addEventListener('keyup', (e)=> { const value = e.target.value; search(value)
2021-09-03 11:39:37
158
原创 js动态加载script脚本
js动态加载script脚本 // 动态加载script资源 function loadScript(url, cb) { const script = document.createElement('script'); script.type = 'text/javascript'; if(script.readyState) { // IE浏览器 script.onreadystatechange = function() { if (s
2021-09-02 18:00:24
4218
原创 js数组扁平化
数组扁平化方法一、递归方法二、while+es6扩展语法方法三 、reduce 将一个多维数组转成一维数组，例如 [2, 3, [5, 1], 8, [9, [4,6,[0]]], 7] ===> [2, 3, 5, 1, 8, 9, 4, 6, 0, 7] 方法一、递归 直接输出新数组的写法： let arr = [2, 3, [5, 1], 8, [9, [4,6,[0]]], 7]; let newArr = []; function flattener(arr) { arr.forE
2021-09-02 17:15:53
83
原创 从URL中提取参数
从URL中提取参数从URL中提取所有参数，并返回一个参数组成的对象split截取字符串从URL中提取某个参数的值方法一 split方法二 正则表达式 从URL中提取所有参数，并返回一个参数组成的对象 例如： queryParse('https://www.baidu.com?name=zhangsan&id=123&tn=baidu#wd'); // {name: "zhangsan", id: "123", tn: "baidu"} queryParse('https://www.baid
2021-09-02 14:40:24
2437
原创 Vue项目中播放直播流
直播流播放协议 视频直播服务支出输出RTMP、FLV、HLS三种协议 阿里云视频直播 RTMP（Real Time Message Protocol：实时消息传输协议）延时低（1s~3s），TCP长连接，适合PC端 HLS是为移动设备开发的基于HTTP的流媒体解决方案，是将视频或流切成小片（TS），并建立索引（M3U8）。支持视频流H.264，音频AAC。hls跨平台，可由HTML5解封播放，延...
2021-09-02 10:32:22
3529
转载 ReactJs项目搭建
ReactJs项目搭建 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 使用 create-react-app 快速搭建React开发环境 create-react-app是来自于Facebook，通过该命令我们无需配置就能快速构建React开发环境。 create-re...
2018-12-06 14:27:40
454
原创 HTML5 Video 在微信浏览器中播放问题
一、 监听video进入/退出全屏播放 IOS和Android有兼容问题 IOS中（IOS 微信浏览器是Chrome的内核） video.addEventListener('webkitbeginfullscreen', function() { // 进入全屏 video.play(); }) video.addEventListener('webkitendfullsc...
2018-11-07 13:23:14
6755
1
原创 Vue中使用QRCode生成二维码
npm install qrcodejs2 -- save 下载qrcodejs2 使用页面中 import QRCode from 'qrcodejs2' <div id="qrcode"></div> 生成二维码的元素 methods 中 methods: { getQrCode() { let qrcode = new QRCode('qr...
2018-10-30 16:29:50
1067
原创 vue+jQuery+bootstrap+sass项目搭建
VueJs项目搭建1.安装nodejs，安装express：(或以管理员的身份打开cmd)，node下安装webpack，安装vue，vue项目中安装bootstrap和jQuery，veu项目中使用sass
2017-08-29 10:53:04
809
原创 web前端开发模式
1.应用技术： HTML5+CSS3+JavaScript+JQuery+Ajax 2.页面优化: *1.*CSS引用写在head，JS引用写在body底部； 3.代码优化：*`1.`*减少对DOM元素的操作，如要对一个元素进行多次操作，即可先取出该元素赋值给一个变量再使用；
2017-08-17 16:25:37
1324
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人