- 博客(15)
- 资源 (1)
- 收藏
- 关注
原创 前端基础面试题-JS篇
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-09-26 15:08:58 170
原创 Webpack5+React搭建项目
React+Webpack5搭建项目一Webpack + React初始化项目配置webpack引入react框架安装loaders来支持样式处理样式文件webpack5内置了处理图片、字体文件,不需要额外的loader来处理复制其他静态资源如字体、第三方库等引入react全家桶安装插件打包优化*****************************************提取webpack的配置文件项目目录结构webpack配置区分环境Webpack + React初始化项目创建packge.
2021-09-18 09:56:39 765
原创 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 129
原创 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 4121
原创 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 52
原创 从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 2112
原创 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 3404
转载 ReactJs项目搭建
ReactJs项目搭建你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。使用 create-react-app 快速搭建React开发环境create-react-app是来自于Facebook,通过该命令我们无需配置就能快速构建React开发环境。create-re...
2018-12-06 14:27:40 411
原创 HTML5 Video 在微信浏览器中播放问题
一、 监听video进入/退出全屏播放IOS和Android有兼容问题IOS中(IOS 微信浏览器是Chrome的内核)video.addEventListener('webkitbeginfullscreen', function() { // 进入全屏 video.play(); }) video.addEventListener('webkitendfullsc...
2018-11-07 13:23:14 6530 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 1016
原创 vue+jQuery+bootstrap+sass项目搭建
VueJs项目搭建1.安装nodejs,安装express:(或以管理员的身份打开cmd),node下安装webpack,安装vue,vue项目中安装bootstrap和jQuery,veu项目中使用sass
2017-08-29 10:53:04 768
原创 web前端开发模式
1.应用技术: HTML5+CSS3+JavaScript+JQuery+Ajax2.页面优化: *1.*CSS引用写在head,JS引用写在body底部; 3.代码优化:*`1.`*减少对DOM元素的操作,如要对一个元素进行多次操作,即可先取出该元素赋值给一个变量再使用;
2017-08-17 16:25:37 1182
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人