探秘 | 原生ajax、jquery-ajax、axios与fetch的区别与优缺点
2024-03-15前端的技术发展速度非常的快,异步请求也是其重要的体现之一,从最早的原生XHR,再到JqueryAjax的统治时代,再到近来,fetch、axios等技术也开始出现并大量投入使用。其实有这么多种的请求方法和解决方案,总结一下:原生XHR几乎很少开发会用,JqueryAjax属于老当益壮的那种,虽然很老,但是很好用,Fetch是属于初生牛犊,还需要慢慢成长,axios就目前来说,算是非常好的了,无脑使用即可。_fetch和ajax哪个好
node实现使用HTML生成PDF和图片
2024-03-15前段时间接到一个任务,是将网页生成PDF。开始的解决方案是使用将页面生成图片,再使用jspdf生成PDF。jspdfPDF后面了解到Puppeteer库,Puppeteer是一个node库,他提供了一组用来操纵Chrome的API, 通俗来说就是一个浏览器。既然是浏览器,那么我们手工可以在浏览器上做的事情PuppeteerPDFVUEPDF我们使用midwayjs作为HTTP服务,通过调用Puppeteer生成图片和PDF返回二进制给浏览器。_nodejs pdf2html 图片处理
用html5、css3和一些简单的js代码写了一个个人网站,之后如何上线?
2024-03-15不过其实上面都可以用ftp上传的方法将文件传输到服务器中(ftp的登录账号跟密码可以在你所购买的服务器后台找到,或者用宝塔搭建的时候也会给你),下面我用的是xftp,左边是本地文件夹目录,右边就是服务器的目录,想要传哪个文件/文件夹在做侧右击鼠标点传送即可,也非常的方便。如果你选择宝塔,先登入宝塔,环境它会自动安装,安装完毕后点击新建网站,这里我有域名了,新建的一个。这里我推荐大家使用阿里云的,我两个服务器都用的阿里云,一个是上海的(这个最开始买的,备案了),一个是香港的(香港的不需要备案,很方便)_上线自己写的网站
【JavaScript】Array数组中slice()方法的使用
2024-03-15Array数组slice()方法:从原数组中连续提取多个数,构成新数组。slice 会提取原数组中索引从 begin 到 end 的所有元素(包含 begin,但不包含 end)。如果begin参数缺省则为0,如果 begin 超出原数组的索引范围,则会返回空数组。从已有的数组中选取部分元素来构成新的数组。原数组中的倒数第几个元素开始提取。原数组begin下标开始提取元素。新数组中不包含下标为end的数值。原数组中的倒数第几个元素结束抽取。原数组end下标提取结束。_arr.slice
二级菜单原生js实现
2024-03-12今天莫名其妙想用原生js实现二级菜单,之前用jquery感觉挺简单的,但是jquery好久没用了,试着用原生的js实现一下。首先用nodeName判断子节点为li元素,然后就有二种实现方式1.item.style.display用none和block进行菜单伸缩这种方式挺常见的,但是一开始判断display的值要考虑多一些,因为这种方式加css是直接加到标签上的。代码如下<!DOCTYPE html><html><head><..._原生一级二级菜单
更多的选择器 更多伪类选择器 颜色选中时写法 被选中的第一行文字 选中第几个元素
2024-03-12如果a元素前面有p标签的内容,那么选中的是第四个a元素,因为要从p标签开始数。first-of-type,选中子元素中第一个指定类型的元素。圈住的地方意思是:li 的第一个子元素设置为红色。就像下图会忽视p元素,单看a元素的排列。选中指定的子元素中第几个某类型的元素。选中元素中的第一个字母。选中元素中第一行的文字。选中被用户框选的文字。
html css js实现无缝轮播图思路及其实现
2024-03-12上图黄色方块代表轮播图的排列位置,默认图片从start开始,切换到end的时候再往后走一个图片的宽度,到达chang的位置。此时通过js把盒子的transition过渡属性的时间置为,然后让盒子的位置切换到start的位置(此时看不到过度动画),再通过js把盒子的过渡属性置为n秒(n为滚动时间),继续自动切换,此为一个循环。_html 轮播
Vue 中修改 Element 组件的 下拉菜单(Dropdown) 的样式
2024-03-12本来都准备使用原生直接获取 after 的元素了,后来发现不太行,能获取到但是修改 after 伪元素太麻烦了,需要添加样式表什么的。今天在项目中碰到一个 UI 改造的需求,需要根据设计图把页面升级成 UI 设计师提供的设计图样式。到最后页面改造完了,但是 UI 提供的下拉菜单样式全部是黑色半透明的,只能硬着头皮改了。于是我删除后再试,确实是有效,三角也变成了黑色。结果不生效,开始纳闷,为什么什么样式都没有应用上去。,我去应用它的样式。好啦,大功告成,这样只在这个文件中的。然后,就有了一下午的头脑风暴。_el-dropdown-menu样式修改
【vue】npm install -g @vue/cli出现错误
2024-03-12在cmd界面粘贴下面这句话,因为下载缓慢,所以配置了 npm 淘宝镜像,不嫌慢可以直接进行下一步的全局安装。出现版本号则电脑已经有了node.js,没有的话去官网下一个,csdn有其他小伙伴给了下载方法。2.通过 win s打开开始栏的搜索框,输入cmd,管理员身份运行。的后面加这句话,即在d盘vscode的vue-test的文件里。不知道有没有下载,可以在cmd输入。然后就完成了,选择vue2那个选项。进去之后打开,在这个位置输入cmd。进去后输入这句话,然后按回车。不会的话,就是除了那句。_npm install -g @vue/cli报错
Jquery 获取元素的方法
2024-03-11lt(index) $('p:lt(2)') index从0开始,获取index小于(不包含)2的所有元素。:gt(index) $('p:gt(2)') index从0开始,获取index大于(不包含)2的所有元素。:contains(text) $('p:contains(Hello)') 获取所有包含文本为Hello的元素,中间的文本区分大小写。_jquery 获取元素