![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
cuiZero0
深造前端从业者
展开
-
svg-sprite-loader超级简单
1.下载svg-sprite-loader5.0.0;4.配置vue.config.js。原创 2024-06-14 14:03:47 · 184 阅读 · 0 评论 -
配置Host,开启代理
打开http://127.0.0.1:8018/#rules,添加需要配置的地址。1.开启浏览器Proxy SwitchyOmega插件。1.找到host本地文件目录。跑项目,运行项目,访问地址。原创 2023-12-25 10:44:54 · 804 阅读 · 0 评论 -
页面滚动组件
体验地址: https://locomotivemtl.github.io/locomotive-scroll/使用: https://www.npmjs.com/package/locomotive-scroll体验地址: http://michalsnik.github.io/aos/使用: https://juejin.cn/post/7018850667653496839体验地址: https://alexfox.dev/lax.js/使用: https://juejin.cn/post/72原创 2023-09-11 11:34:30 · 580 阅读 · 0 评论 -
img引用svg可以改颜色好用的svg-inject 库
img引用svg,自动转换svg原创 2023-09-05 15:08:30 · 309 阅读 · 0 评论 -
css点点点“更多“展开折叠
【代码】css点点点“更多“展开折叠。原创 2023-04-14 15:10:48 · 466 阅读 · 0 评论 -
上传项目到github步骤如何实现
一、在上传项目至github平台前,本机需要安装git工具(就跟svn版本管理工具一样用来提交代码);二、打开Git Bash,然后进入到需要上传的项目目录下;三、我需要把我的Apache24、apache-tomcat-7.0.88-1、apache-tomcat-7.0.88-2三个文件夹上传至我的github平台;Part2-创建项目仓库一、登录github官网后找到右上角的N...原创 2020-02-22 22:02:32 · 168 阅读 · 0 评论 -
reduce巧用
reduce巧用原创 2022-10-09 16:39:39 · 104 阅读 · 0 评论 -
无缝滚动js
window.onload = function() { var content = document.getElementById("content") var ul = content.getElementsByTagName("ul")[0] var li = ul.getElementsByTagName("li") var speed = 1; ul.innerHTML += ul.innerHTML ul.style.width =.原创 2021-11-23 11:36:27 · 633 阅读 · 0 评论 -
node的express模块简单搭建服务器
一、express模块:是基于http上优化的第三方包;是创建服务器更简单模块;1.导入express模块;2.创建实例化;3.实例.get(‘路径’,函数) - req.query:请求的对象 - req.params:相当url/:id4.实例.post(‘路径’,函数) - req.boby:接收用户发来的请求6.实例.listen(端口号,函数)7.express.static():静态托管;用法:app.use(express.static());cons原创 2021-01-22 20:39:45 · 163 阅读 · 0 评论 -
零基础都能会的node.js
一、下载1.首先在官网上下载根据自己所需求下载所需要的版本2.下载之后双击文件,进行下一步下一步点击;3.在桌面window+R,里面输入cmd打开终端;4.在cmd里面输入node -v 查看版本号;如果可以看到版本号的话,就说明成功了。二、使用1.在所需要执行的文件目录打开终端;2.输入node 文件名;3.就可以在终端看见js执行的代码;三、命令行1.ipconfig : 查看windows IP 配置;2.node js文件 :在node环境运行js文件;原创 2021-01-17 19:33:00 · 60 阅读 · 0 评论 -
通信协议
常见协议:http,https,tfp,smtp,ssh.常见请求方式:get:获取事件,pos:新增数据t,put修改数据,delete:删除事件。请求报文:请求行:GET / HTTP/1.1请求头:Host:127.0.0.1:8080或者Content-Type: application/x-www-form-urlencoded或者Accept-Language: zh-CN,zh;q=0.9空行请求体:get可以不写,post可以写入,bookname=水浒传&author原创 2021-01-06 19:37:15 · 160 阅读 · 0 评论 -
ajax底层XMLHttpRequest
XMLHttpRequest的基本使用1 使用xhr发起GET请求步骤:① 创建 xhr 对象② 调用 xhr.open() 函数③ 调用 xhr.send() 函数④ 监听 xhr.onreadystatechange 事件 //创建对象 var XHR = new XMLHttpRequest(); //调用 xhr.open() 函数 XHR.open('get', 'http://www.liulongbin.top:3006/api/getbooks?id=1');原创 2021-01-04 19:04:07 · 119 阅读 · 2 评论 -
跨域、防抖、节流
1.同源:就是两个url的协议、域名、端口一致,反之,就是跨域;2.出现跨域的原因:浏览器的同源策略不允许非同源的url之间进行资源交互。3.同源策略:是两个url的协议、域名、端口不一致,就会阻止数据的接收;4.浏览器对跨域请求的拦截:如何实现跨域请求1.JSONP:只支持get请求,不支持post,前端2.CORS:支持get和post,缺点不支持底版浏览器;后端已经解决好的JSONP实现原理通过 function abc(obj) { console.log(obj);原创 2021-01-04 18:39:34 · 88 阅读 · 0 评论 -
ajax总结上
jquery中的ajax常用三种方法1.get:请求资源$.get(‘url’,{data},函数);$.get('http://www.liulongbin.top:3006/api/getbooks',{id:1},function (res) { for (let i = 0; i <res.data.length; i++) { var book=res.data[i];原创 2021-01-02 18:55:28 · 62 阅读 · 1 评论 -
状态码解释
常见状态码200 成功300 多种选择400 错误请求404 未找到405 方法禁用500 服务器内部错误(1)1开头的http状态码100 继续101 切换协议(2)2开头的http状态码200 成功201 请求成功并服务器创建了新的资源202 接受请求但没创建资源203 返回另一资源的请求204205 服务器成功处理了请求,但没有返回任何内容206 处理部分请求(3)3开头300 多种选择301 永久移动302 临时移动303 查看其它位置304 未修改3原创 2020-12-30 16:12:47 · 114 阅读 · 0 评论 -
Postman下载使用
一、Postman下载1.进入官网下载;https://www.postman.com/downloads/2.下载之后直接打开二、Postman使用1.get方式放入请求路径http://www.liulongbin.top:3006/api/getbooks步骤如图所示;1.用get方式2.写入请求路径3.请求数据4.点击请求5.请求获取的数据2.post方式放入推送数据http://www.liulongbin.top:3006/api/addbook1.原创 2020-12-30 14:59:58 · 276 阅读 · 0 评论 -
ES6新增
一、变量:1.let声明let 声明的变量具有块级作用域;let 声明变量没有声明变量提升;let声明变量具有暂时性死区;··············如果当前块级作用域有声明的变量,就不会使用上层作用域的变量。2.const:声明常量const 声明常量具有块级作用域const声明常量必须要赋值const声明常量不能改栈中值let声明变量具有暂时性死区;··············如果当前块级作用域有声明的变二、数组解构1.概念:解析数组,把数组中的元素同时赋给多个变量;原创 2020-12-28 21:21:55 · 58 阅读 · 0 评论 -
正则表达式
一、创建正则表达式1.通过new RegExp创建var p=new RegExp(/123/);console.log(p)2.字面量创建var p=/123/;console.log(p)二、test()测试正则表达式var p=/123/;console.log(test(p))原创 2020-12-28 09:48:26 · 240 阅读 · 2 评论 -
jQuery方法总节
一、选择器基本选择器id选择器:$(’#id’);全选:$(’*’);类选择器:$(’.class’);标签选择器:$(‘div’);并集选择器:$(‘div,p’);交集选择器:$(‘li .current’);子代选择器:$(‘ul>li’);后代选择器:$(‘ul li’)筛选选择器选择第一个:$(‘li:first’);选择最后一个:$(‘li:last’);选择索引:$(‘li:eq()’);奇数:$(‘li:odd’);偶数:$(‘li:even’);原创 2020-12-19 21:23:51 · 102 阅读 · 1 评论 -
API知识点总结
一、获取元素1.document.getElementById()获取id名;获取是个元素;没有获取到的话是Null;2.getElementsByTagName()获取标签名;获取的是该标签名的元素的集合,获取到的是个数组,没有的话是[];3.getElementsByClassName()获取类名;获取的是该标签class名的元素的集合,获取到的是个数组,没有的话是[];4.querySelector( )获取的是是改标签元素5.querySelectorAll( )原创 2020-12-19 14:27:22 · 439 阅读 · 2 评论 -
边框背景设置
总共四步:1.设置盒子border border: 30px solid palegoldenrod;2.将背景框的图片引入border-image-source:url('image/1.png')3.设置图片分割的位置border-image-slice:上 右 下 左;4.设置图片边框的宽度border-image-width:上 右 下 左;5.设置照片平铺状态border-image-repeat:stretch拉伸图片以填充边框。repeat平铺图片以填充边框原创 2020-12-18 18:57:18 · 325 阅读 · 2 评论 -
css总结
一、选择器1.基础选择器(1)通用选择器:*(2)类选择器:class(3)id选择器:id(4)标签选择器:标签2.复合选择器(1)后代选择器:空客(2)子代选择器:大于(3)并列选择器:逗号(4)交集选择器:相同标签或者有相同名字的标签(5)伪类选择器:link没有点击;visited访问过;hover经过时;active正在访问时。二、引入方式1.行内样式表(行内式):在标签里面直接写;2.内部样式表(内嵌式):在<head 里面的style标签里面写;3.外部样式原创 2020-12-18 14:07:38 · 160 阅读 · 2 评论 -
表格和列表基础标签
一、表格表格作用:存在即是合理的。 表格的现在还是较为常用的一种标签,但不是用来布局,常见显示、展示表格式数据。因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候表格运用是否熟练就显得很重要,一个清爽简约的表格能够把繁杂的数据表现得很有条理,虽然 div 布局也可以做到,但是总没有表格来得方便。1. 创建表格在HTML网页中,要想创建表格,就需要使用表格相关的标签。创建表格的基本语法:<table> <tr> <td>单原创 2020-12-17 19:21:49 · 1549 阅读 · 0 评论 -
HTML常用标签详细笔记
1. HTML常用标签首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了。 不会再给结构标签指定样式了。HTML标签有很多,这里我们学习最为常用的,后面有些较少用的,我们可以查下手册就可以了。1.1 排版标签排版标签主要和css搭配使用,显示网页结构的标签,是网页布局最常用的标签。1)标题标签h (熟记)单词缩写: head 头部. 标题 title 文档标题为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了原创 2020-12-17 19:06:57 · 269 阅读 · 0 评论