- 博客(52)
- 资源 (10)
- 收藏
- 关注
RSS订阅原创 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关注的人