Web秀
首页
专栏
文章
问答
热点
导航
实例
文章
登录
首页
前端
JavaScript
Vue.js
CSS
Uni-App
专栏
问答
工具
全网热点
导航
前端
设计
实例
写文章
登录
综合
小程序
服务器
面试
工具类
ThreeJs
比特币
JavaScript
Css
Vue
Uni-App
NodeJs
TypeScript
Vue-Nuxt
Electron
Electron-Vue
Html
React
Webpack
其他
展开
推荐
最新
热榜
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
1年前
工具类
前端自动化测试工具Puppeteer实战:上传图片
Hello,大家好,这里是web秀,我是Javan上一期视频咱们用自动化测试工具Puppeteer登录了github这期视频,咱们利用百度识图功能试试文件上传功能大家不要先有心里压力代码很简单,而且非常容易理解ok,咱们先新建一个js文件把之前的代码copy过来删除掉之前的业务的代码然后我们copy百度的url粘贴到要访问的url上面然后F12找到百度的上传图片按钮dom选择器用page.$方法获取到并执行点击事件.click方法可以看到,点击上传图片按钮后并不是让咱们直接选择图片而是弹出一个popup,
1559
1
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
1年前
工具类
说说你对webpack的理解?解决了什么问题?
一、背景Webpack最初的目标是实现前端项目的模块化,旨在更高效地管理和维护项目中的每一个资源模块化最早的时候,我们会通过文件划分的形式实现模块化,也就是将每个功能及其相关状态数据各自单独放到不同的JS文件中约定每个文件是一个独立的模块,然后再将这些js文件引入到页面,一个script标签对应一个模块,然后调用模块化的成员<scriptsrc="module-a.js"></script><scriptsrc="module-b.js"></script>
155
0
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
1年前
工具类
6个规则去净化你的代码
可读性代码就是可维护性代码!1、注重命名为一个事件命名是很困难的。虽然困难但是非常有必要。想象以下,将两个数组合并成一个数组,并生成一个唯一值的数组。那么你会怎么命名它呢?我们也许会这样命名?functionmergeNumberListIntoUniqueList(listOne,listTwo){return[...newSet([...listOne,...listTwo])]}上面的命名并不糟糕,但是还不是很友好。你可以将一个功能函数拆分为两个功能函数,这样命名更友好和函数复用性更好。functi
802
3
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
3年前
工具类
利用七牛云融合CDN加速你的站点
前言网站打开速度,决定了站点的流量。如果你的网站打开要3秒或者更多,那会流失很多流量,特别是新用户,谁也不愿意把时间浪费在一个不了解产品上面。所以加速网站打开速度,成了运维以及开发人员的重中之重。今天来讲讲如何利用七牛云在加速你的站点准备工作:域名已经备案没有第二了,就是这么简单七牛云配置新建存储空间选择“对象存储”=>“新建存储空间”=>输入名称=>点击“确定创建”,下图从左直右操作:![利用七牛云融合CDN加速你的站点][1]绑定域名上一步创建成功后,自动跳转到已经新建的存储空间上,选择“绑定域名”!
17914
197
2
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
2月前
工具类
说说 git 发生冲突的场景?如何解决?
#面试官:说说git发生冲突的场景?如何解决?#一、是什么一般情况下,出现分支的场景有如下:多个分支代码合并到一个分支时多个分支向同一个远端分支推送具体情况就是,多个分支修改了同一个文件(任何地方)或者多个分支修改了同一个文件的名称如果两个分支中分别修改了不同文件中的部分,是不会产生冲突,直接合并即可应用在命令中,就是push、pull、stash、rebase等命令下都有可能产生冲突情况,从本质上来讲,都是merge和patch(应用补丁)时产生冲突#二、分析在本地主分值master创建一个a.txt文
23
0
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
2月前
工具类
说说你对版本管理的理解?常用的版本管理工具有哪些?
#面试官:说说你对版本管理的理解?常用的版本管理工具有哪些?#一、是什么版本控制(Versioncontrol),是维护工程蓝图的标准作法,能追踪工程蓝图从诞生一直到定案的过程。此外,版本控制也是一种软件工程技巧,借此能在软件开发的过程中,确保由不同人所编辑的同一程序文件都得到同步透过文档控制,能记录任何工程项目内各个模块的改动历程,并为每次改动编上序号一种简单的版本控制形式如下:赋给图的初版一个版本等级“A”。当做了第一次改变后,版本等级改为“B”,以此类推版本控制能提供项目的设计者,将设计恢复到之前任
21
0
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
1年前
工具类
webapck 系列一:手写一个 JavaScript 打包器
前言之前好友希望能介绍一下webapck相关的内容,所以最近花费了两个多月的准备,终于完成了webapck系列,它包括一下几部分:webapck系列一:手写一个JavaScript打包器webpack系列二:所有配置项webpack系列三:优化90%打包速度webpack系列四:优化包体积webapck系列五:优化首屏加载时间与页面流畅度作为一个前端开发人员,我们花费大量的时间去处理webpack、gulp等打包工具,将高级JavaScript项目打包成更复杂、更难以解读的文件包,运行在浏览器中,那么理解
608
1
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
2月前
工具类
说说Git中 fork, clone,branch这三个概念,有什么区别?
#面试官:说说Git中fork,clone,branch这三个概念,有什么区别?#一、是什么#forkfork,英语翻译过来就是叉子,动词形式则是分叉,如下图,从左到右,一条直线变成多条直线转到git仓库中,fork则可以代表分叉、克隆出一个(仓库的)新拷贝包含了原来的仓库(即upstreamrepository,上游仓库)所有内容,如分支、Tag、提交如果想将你的修改合并到原项目中时,可以通过的PullRequest把你的提交贡献回原仓库#cloneclone,译为克隆,它的作用是将文件从远程代码仓下载
21
0
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
1年前
工具类
前端自动化测试工具Puppeteer实战:自动登录GitHub
Hello,大家好,这里是web秀,我是Javan。今天我们来讲讲,前端自动化测试工具Puppeteer。先来看看Puppeteer是什么?个人总结,Puppeteer是前端自动化测试工具,说爬虫工具也可以啦。官方定义:Puppeteer是一个Node库,它提供了一个高级API来通过DevTools协议,控制Chromium或Chrome。先来看看Puppeteer能做些什么?比如把浏览器打开的页面变为PDF文件,抓取SPA(单页应用)并生成预渲染内容(即“SSR”(服务器端渲染)),自动提交表单,进行U
1061
1
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
2年前
工具类
阿里制造:“犸良”一站式动效制作平台
犸良是什么?“犸良”是一款基于Lottie的动效设计平台。能够快速生成设计师想要的动态效果,并交付给开发,极大地提高了设计效率和设计还原度。作为一站式动效制作平台,通过海量的动效素材以及可视化编辑能力,帮助零基础的用户轻松完成动效制作。上面说到了Lottie,那Lottie你了解嘛?什么是Lottie?能够解析渲染通过AE上的Bodymovin插件将AE中制作好的动画导出成的json文件(1)、数据源多样性—可从assets,sdcard,网络加载动画资源,动态更新(2)、跨平台—设计稿导出一份动画描述文
17341
466
0
下拉加载更多
您好
去签到
你已经连续签到
0
天
最新文章
更多