- 博客(52)
- 资源 (10)
- 收藏
- 关注
原创 background-image: linear-gradient 属性hover动画
【代码】background-image: linear-gradient 属性hover动画。
2024-07-17 14:48:25
184
原创 js前端---超级简单的版本号排序
4.如果数组长度相同,在进行循环,两个数组进行比较排序;2.需要将sort里面的只以点分割成数组;封装一个函数进行版本号排序处理。1.使用数组自带sort方法;3.判断数组长度,进行排序;
2024-05-20 15:43:38
223
原创 前端面试题--将数字返回货币
1.将数字强行转换数字,并以小数点分割;3.在循环中判断3倍速位置的,插入逗号;1.函数传递数字,返回以三位一个逗号值。3.将分割前面的使用这则表达替换成逗号。2.将拿到整数反转进行循环;1.将数字强行转换成数字;这里切记使用foreach。2.将数字以小数点分割;4.将得到的值转换字符;
2024-05-17 15:07:52
176
原创 配置Host,开启代理
打开http://127.0.0.1:8018/#rules,添加需要配置的地址。1.开启浏览器Proxy SwitchyOmega插件。1.找到host本地文件目录。跑项目,运行项目,访问地址。
2023-12-25 10:44:54
895
原创 页面滚动组件
体验地址: 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
661
原创 Could not locate supplied template: react+ts搭建
create-react-app react-project-name(项目名称) --template typescript。我们用以上创建之后会提示一段代码选择“Y”之后发现我们创建的项目没有模板,提示。想问一下上面方式为什么搭建的没有模板呢?有大佬知道可以解释一下吗?同时打开我们创建的项目没有以下模板文件。
2023-07-28 23:44:38
926
原创 无缝滚动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
647
原创 pm2 管理相关配置
一、使用步骤1.在服务器中安装pm2:npm i npm2 -g2.启动项目:npm2 start 脚本 -- name 自定义名称3.查看运行项目npm2 ls4.重启项目pm2 restart 自定义名称5.停止项目pm2 stop 自定义名称6.删除项目pm2 delete 定义名称...
2021-03-27 20:35:13
175
原创 解决json数据大数字变化------Json-bigint包
1.下载安装Json-bigint包2.导入JSONBing包3.在axios的配置下配置transformResponse: []transformResponse: [ try { return JSONBig.parse(data) } carch (err) { return data }]
2021-03-16 16:22:36
569
原创 Prop数据
一、Prop是受父组件数据影响的1.如果是普通数据 (数字、字符串、布尔值)绝对不能修改即便改了也不会传给父组件2.如果引用数据类型(数组、对象) 可以修改,就是使用数组方法或者对象方法 但是不能复制二、路由设置props1.如果path里有拼接:id的,在路由里面设置props:true然后在需要使用id的组件里面用 props使用id这个数据props:[‘id’]就可以使用id数据2.第二个方法就是直接在要使用的地方使用this.$route.parame.id...
2021-03-15 16:51:54
107
原创 优化打包vue项目
一、在打包项目时移除console1.下载包label-plugin-transform-remove-console2.修改babel.config文件// 这是项目发布阶段需要用到的 babel 插件const prodPlugins = []if (process.env.NODE_ENV === 'production') { prodPlugins.push('transform-remove-console')}更改上线时去掉consolemodule.exports
2021-03-06 10:44:50
236
1
原创 vuex
1.vuex是什么是实现组件全局状态(数据)管理的一种机制,可以方便实现组件之间数据的共享。2.使用vuex统一管理状态的好处(1)能够在vuex中集中管理共享数据,易于开发和后期维护(2)能够高效实现组件之间的数据共享,提高开发小率(3) 存储在vuex数据都是响应式的,能够保存数据与页面的同步3. 步骤(1)安装vuex包npm i vuex --save(2)导入vuex包import Vuex from 'vuex'Vue.use(Vuex)(3)创建store对象c
2021-03-05 16:10:32
152
2
原创 vue基础下
Promise异步请求解决异步编程解决方案用resolve和reject两个参数处理成功和失败两种情况,并通过p.then获取处理结果;var p=new Promise(funtion(reslive,reject){//要加以判断//成功函数调用 reslive()//失败函数调用 reject()})p.then(funtion(res){//正确结果},funtion(err){//错误结果})2.发送多次ajax请求函数(请求) .then(funtion(res
2021-02-23 19:57:34
75
原创 vue组件兄弟传值
一、步骤1.单独的事件中心管理组件的通信var e =new Vue()2.监听事件一般放在生命周期函数里面mounted:function(){}e.$on('事件名称',(接收传递的参数)=>{ //执行传递参数的事件})3.触发事件在事件里面执行e.$emit('事件名称',参数)4.销毁事件e.$off('事件名称')二、案例此案例点击让各自兄弟变化1.定义组件; Vue.component('teb', {
2021-02-22 11:28:39
79
原创 vue脚手架
一.安装脚手架1.下载脚手架npm i -g @vue/cli 2.查看版本号vue -V二.vue创建项目;基础交互式命令行创建vue create 项目名 //项目名需要英文
2021-02-21 16:21:28
226
4
原创 vue基础
使用vue1.需要根据提供的标签填充数据2.引入vue.js文件3.可以使用vue的语法做功能了4.将vue提供到数据填充到标签里面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
2021-02-21 09:02:15
76
原创 webpack打包
一、模块化1.Es6可以浏览器模块和服务器模块开发 (1)每个js文件都是独立的模块; (2)导入模块成员使用import; (3)导出模块成员使用export ;2.node.js通过babel体验Es6模块化;① npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node② npm install --save @babel/polyfill③ 项目跟目录创建文件 babel.config.js
2021-02-20 21:09:34
129
1
原创 简单解决vue格式化
一、问题在写代码时,时不时会出现格式化错误’1.必须使用单引号;2.有些情况不能使用逗号或者分号等二、解决方案1.在全局下,创建一个.prettierrc文件2.在文件中写入;{ "semi":false, "singleQuote:true}目前理解,较浅,理解深了,再来补充。...
2021-02-09 20:56:31
1637
原创 mysql简单增删改查
说明:此mysql是建立在node.js上使用的在node.js运行环境下载mysql一、连接数据库const mysql=require('mysql');const db=createPool({ host:'127.0.0.1',//本机ip地址 user:'root',//数据库账户 password:'admin123',//数据库密码 database:'数据库名字'})1.增insert into 表明 (属性1,属性2)value ( 值1,值2);2.删
2021-01-23 20:59:20
158
原创 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
172
原创 零基础都能会的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
71
原创 git命令行
一、git命令行git init创建本地仓库git add .上传到暂存区git commit -m “文字叙述”上传到仓库区git status查看状态git log查看日志git reset --hard 标识符切换版本git reset HEAD从暂存区撤回到工作区git checkout 路径撤回工作区改之前状态git rm移出文件git reflog查看全部日志git diff 路径查看文件修改了的文
2021-01-07 20:47:28
62
2
原创 通信协议
常见协议: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
167
原创 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
144
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
95
原创 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
71
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
123
原创 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
282
原创 ES6新增
一、变量:1.let声明let 声明的变量具有块级作用域;let 声明变量没有声明变量提升;let声明变量具有暂时性死区;··············如果当前块级作用域有声明的变量,就不会使用上层作用域的变量。2.const:声明常量const 声明常量具有块级作用域const声明常量必须要赋值const声明常量不能改栈中值let声明变量具有暂时性死区;··············如果当前块级作用域有声明的变二、数组解构1.概念:解析数组,把数组中的元素同时赋给多个变量;
2020-12-28 21:21:55
66
原创 正则表达式
一、创建正则表达式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
259
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
111
1
学习日报8.7.docx
2019-08-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人