WebTools
文章平均质量分 60
前端开发工具学习集
昔冰_G
努力的孩子运气不会太差,加油!
展开
-
vue-i18n国际化语言包工具
使用vue-i18n来进行页面的语言内容切换原创 2022-06-29 10:16:25 · 1447 阅读 · 0 评论 -
Git的.gitignore;Github的readme
Git工具可以管理本地仓库中的文件,但是有一些文件并不是想要git来管理。例如:我们项目中的node_modules中的文件,都是一些功能模块,而这些模块又不会有什么更改,有package.json文件存在,其他开发者根据package.json中记录的模块版本进行下载即可,也就不用将node_modules这个大东西推送至远程仓库了。那如何摆脱git的管理呢?在本地仓库根目录建立名为 .gitignore 的文件,将不用git管理的文件写在其中即可摆...原创 2021-10-11 10:52:41 · 227 阅读 · 0 评论 -
GitHub:SSH协议之免登陆推送
在使用Git将本地仓库推送到远程仓库Github中时,用HTTP协议地址进行推送时,需要验证账户信息(要求输入账号和密码,密码验证废弃后由token口令取代,虽然我们可以将token口令封存起来,但还是需要输入用户名)。 而Github提供的SSH协议就可以避免这个操作,我们可以在本地仓库上创建密钥,密钥分公钥和私钥,其中公钥存在于Github上,私钥存在于自己的电脑上。当推送本地仓库到远程仓库推送时,远程的公钥和本地的私钥就会进行配对,配对成功后才允许操作。对于不同的项目...原创 2021-10-11 10:28:24 · 333 阅读 · 0 评论 -
GitHub:push、clone、pull及多人协作
使用命令:git push 远程仓库地址 要推送的分支 来将本地仓库推送至远程仓库 例如推送主分支到远程仓库:git pushhttps://github.com/xibing-Geng/github-demo.git master但是远程仓库地址较长,每次输入命令需要每次复制粘贴很麻烦我们给这个远程仓库地址设置别名,以后用到这个远程仓库地址的时候,直接输入别名代替即可使用命令:git remote add 别名远程仓库地址 来给远程仓库地址添加别名...原创 2021-10-10 00:15:56 · 2080 阅读 · 1 评论 -
GitHub:git push问题remote:Support for password authentication was removed on August 13,2021.
使用git push origin master向远程仓库推送时被告知:remote:Support for password authentication was removed on August 13,2021.Please use a personal access token instead.push的时候需要输入github的账户名和密码,而这里的大概意思就是密码验证在2021年8月13号被移除了,需要使用个人账户的token来取代密码验证。token其实就是一串字符,这串字符.原创 2021-10-09 22:05:22 · 3306 阅读 · 3 评论 -
Git使用(工作流程、使用配置、命令操作、分支branch、临时缓存stash)
Git是一个可以供我们使用的软件,首先要对Git进行下载安装;在工作中,经常会出现一些情况(例如:某个功能开发错误,需要退回某个时候的编辑版本来重新开始开发,那这个时候可能会想到将之前的文件在开发前进行备份,而当文件过大时,单纯的对文件进行备份,就要占用一定的空间内存;鉴于此,使用Git,它可以保存文件的编辑记录[第n行增加了‘hello word’,第m行删除了‘hi’],当我们需要返回原来的编辑状态时,可以执行相关的命令,Git会根据它保存的文件修改记录来进行‘编辑退回’,也就返回了原来...原创 2021-10-03 19:58:52 · 249 阅读 · 0 评论 -
jQuery中$get方法、$post方法的使用
get方法三个参数:请求地址,请求参数,和回调函数(用于处理服务端的响应数据)<body> <button id="btn">发送jsonp请求</button> <script src="js/jquery-3.5.1.min.js"></script> <script> $('#btn').on('click', function() { $.get('/bas.原创 2021-10-01 17:31:13 · 496 阅读 · 0 评论 -
表单数据序列化之serialize()、serializeArray()方法的使用
serialize()可以对表单中的数据进行拼接可能之前有过这种情况:客户端将表单信息通过获取到表单项的值,再把这些值进行拼接,再将拼接好的字符串发送到服务端;现在可以使用serialize()来对表单信息进行自动拼接,serialize方法的出现使得可以不用获取每个表单项就可以拿到拼接好的字符串。注意:serialize()方法是对于表单而言的,该方法的调用者应该是某个表单对象测试serialize():<body> <form id="form">原创 2021-10-01 14:10:56 · 4518 阅读 · 0 评论 -
jsonp函数封装
封装jsonp函数需要考虑的因素:(涉及到传参->函数+请求参数,需要为封装的jsonp添加形参)function jsonp(options) {}1、script标签的创建 var script = document.createElement('script');2、请求地址中需要传递的参数、对参数进行拼接var params = '';// options中的data值为需要传递的请求参数,是要以key=value&key1=value1进行传递的,所以原创 2021-09-23 23:18:10 · 774 阅读 · 0 评论 -
jsonp非同源交互(点击触发)
当点击按钮btn1时,动态创建script标签,再将请求地址赋值给src属性,添加到页面中得以执行script存在onload事件,当src地址请求脚本执行完毕就会触发,so可以“过河拆桥”继续测试不同端口的请求访问3000端口下的客户端文件代码:(注意:这次的fn2可以预留了参数data的,留给服务器传送)<body> <button id="btn1">点我发送请求1</button> <script>原创 2021-09-23 11:22:47 · 103 阅读 · 0 评论 -
jsonp处理非同源
Ajax可以在不刷新页面的情况下向服务器端发送,由于同源限制,不能进行非同源的请求发送什么是非同源:不同的协议、不同的域名、不同的端口,任何一个不同都属于非同源可以使用jsonp来解决非同源的请求发送原理: 将非同源的请求地址写在script标签的src属性中,而src是不受同源限制的作为src的属性,虽然是字符串类型,但是由于写在了script中,还是会被当作脚本去执行继而实现非同源的请求访问举例1:(在3000端口下的静态文件中写入script去访问...原创 2021-09-23 10:27:35 · 88 阅读 · 0 评论 -
FormData()二进制文件上传+进度条(组件结构源于Bootstrap)
注意引用bootstrap组件时除了粘贴结构,还要引入样式css文件、jQuery文件和bootstrap脚本文件因为bootstrap是基于jQuery的,所以注意顺序。客户端 16ajax.html 代码:(外链部分)<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"><script src="js/jquery-3.5.1.min.js"></script><scri..原创 2021-09-21 23:51:31 · 333 阅读 · 0 评论 -
FormData()对象的使用方法
有了FormData(),可以帮助操作form表单。FormData对象可以直接通过send传递。无需获取表单控件的值,也无需拼接表单控件的name和其对应的值。页面结构:<!-- 无需action属性和method属性,因为做的是ajax请求,可以在ajax中去设置 --><form id="form1"> <input type="text" name="username"> <input type="text"原创 2021-09-21 21:25:01 · 3686 阅读 · 0 评论 -
客户端模板引擎template-web
对于服务器端使用过art-template和express-art-express来做模板和数据的拼接对于客户端也有模板引擎可以使用:template-web使用方法1、下载template-web.js文件(我放到了前台页面所在目录下的js目录下)2、在客户端文件中引入模板引擎文件 <script src="/js/template-web.js"></script>3、使用模板 使用script标签包裹模板框架,为script标签添加 ...原创 2021-09-21 14:43:13 · 664 阅读 · 0 评论