- 博客(57)
- 收藏
- 关注
RSS订阅原创 axios封装
axios封装一、对于不同的请求封装不同的方法二、对于固定使用的属性进行封装一、对于不同的请求封装不同的方法第一种封装思路：将不同的请求封装成对应的方法，需要使用的时候，引入模块，调用对应的方法。// 对于数据请求的封装// 引入import axios from "axios";//封装请求列表function httpForList(){ // 返回axios return axios({ url: '', headers: { 'X-Client
2022-07-04 18:01:52
349
原创 vue cli :No Babel config file detected for
电脑奔溃，重做了系统。使用之前的vue代码运行后出现错误.Babel 报错Babel可以把使用ES6/ES7等“高级”语法编写的Javascript代码转换为ES5/ES3的“通俗”语法（也可以把JSX语法转为Javascript）。eslint-parser而 parser 的作用是将我们写的代码转换为 ESTree，ESLint 会对 ESTree 进行校验。No Babel config file detected for xxxxxxxxxx Either disable config
2022-05-16 17:25:50
3380
原创 长列表优化-记录
长列表优化一、使用betterScroll在前端页面显示中，有时候会遇到很长的列表优化，会创建很多的dom，导致网页拖动卡顿或加载慢，如何对长列表进行优化。一、使用betterScroll
2022-04-20 15:13:03
745
原创 Vue2 v-show 用isShow接收值无法成功
问题记录描述过程：在vue2 练习组件父传子 属性时，使用isShow 作为变量名，进行动态绑定赋值，无法显示成功。解决方法：更换isShow 为show后成功显示。可能isShow是个关键字
2022-03-26 17:31:20
2209
原创 VUE小demo -购物车
一、思路1.创建数组对象，用来存放添加到购物车的商品。再创建一个数组用来存放勾选的商品对象。2.用v-for循环遍历添加到购物车的商品来显示，用v-model绑定多选框，将勾选的数据存入数组。3.求和：对勾选的数组进行遍历，把价格和数量计算综合4.全选和全不选：当勾选全选的时候，让勾选的数组对象等于购物车的商品对象。5.根据勾选全部商品，判断全选：当勾选全部商品后，判断勾选数组长度和购物车数组长度，且不为零，对全选和全不选操作。点击删除按钮，还要进行此判断，防止删除后两个数组不同，但却全选。6.
2022-03-21 22:26:40
602
原创 vue小dem-简单实现搜索框功能
一、通过新旧数组对比<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
2022-03-17 11:26:58
140
原创 vue小demo- 简单实现选项卡
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
2022-03-11 20:57:13
77
原创 PostgreSQL入门学习
PostgreSQL一、了解postgresql二、pgAdmin1.连接过程2.连接成功三、语法一、了解postgresqlPostgreSQL 是一个免费的对象-关系数据库服务器(ORDBMS)，在灵活的BSD许可证下发行在我们开始学习 PostgreSQL 数据库前，让我们先了解下 ORDBMS 的一些术语：数据库: 数据库是一些关联表的集合。数据表: 表是数据的矩阵。在一个数据库中的表看起来像一个简单的电子表格。列: 一列(数据元素) 包含了相同的数据, 例如邮政编码的数据。行：一行（
2022-02-14 18:00:43
431
原创 ETL-Kettle学习
kettle学习视频一、ETL 了解(数据仓库技术)二、Kettle(工具)三、Kettle脚本流程四、Kettle组件五、Kettle目录六、Kettle界面七、操作1.转换2.步骤3.跳4.数据类型5.并行6.作业八、Kettle转换1.Kettle输入控件csv文件输入文本文件输入Excl输入XML输入JSON输入表输入-数据库2.Kettle输出控件Excl输出文本文件输出SQL文件输出表输出插入-更新 、 更新删除3.转换控件 transformconcat fields 合并字段值映射增加常量
2022-01-06 16:41:10
2715
原创 MongoDB数据库-一个基于分布式文件存储的数据库
MongoDB一、了解MongoDB二、基本命令三、安装MongoDB1.windows安装一、了解MongoDBMongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。特点：高性能、可扩展、易部署、易使用，存储数据非常方便 ，NO SQL二、基本命令三、安装MongoDB1.windows安装从官网下载安装包https://www.mongodb.com/try/download/community?tck=
2021-12-27 16:25:56
433
原创 node.js——express 极简web开发框架
express web开发框架一、简介二、操作命令三、express 方法1.use()2.Router() 创建路由路由协议的语义方法-提交方法3.body-parser模块4.利用 Express 托管静态文件四、rmvp 模型五、template engine 模板引擎1.art-template2.使用和配置3.在浏览器中使用art-template六、JWT一、简介基于 Node.js 平台，快速、开放、极简的 Web 开发框架。二、操作命令初始化项目，创建package.json 文件
2021-12-09 10:10:12
412
原创 Node.js 如何使用
学习路径引用https://www.bilibili.com/video/BV1QT4y1A7NR?p=1一、了解Node.jsNode.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine.Node.js 是一个开源和跨平台的 JavaScript 运行时环境，运行在服务器端。可以解析js代码，没有浏览器安全级别的限制，提供了很多系统级别的API文件读写 File System进程的管理 process网
2021-11-27 12:15:39
2340
原创 浏览器渲染过程
一、学习路径https://www.bilibili.com/video/BV18f4y1H7Zu/?spm_id_from=333.788.recommend_more_video.-1二、浏览器渲染过程
2021-11-06 14:16:30
233
原创 Bootstrap框架
Bootstrap框架一、了解bootstrap二、containers三、Grid system一、了解bootstrap二、containers三、Grid system
2021-11-04 17:58:16
277
1
原创 jQuery实现banner图
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
2021-10-25 17:14:10
473
原创 jquery 实现放大镜
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title
2021-10-25 11:53:22
258
原创 JQuery学习
一、了解一个快速、简洁的JavaScript框架。1.jQuery 的好处1.简化js的复杂操作2.不再需要关心兼容性3.提供大量实用方法2.jquery版本3.JQ设计思想 选择网页元素1.模拟css选择元素的写法css选择器的写法 在 $() 中都可以使用//#id 选择器 $("#div1").css("backgroundColor","red");//.class 选择器 $(".li1").css("backgroundColor","red");//
2021-10-21 17:54:49
304
原创 练习-jquery实现选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-10-14 17:23:10
67
原创 git 使用
一、安装搜索git安装包，默认安装二、使用命令集合配置用户名git config --global user.name "用户名"配置注册用户的邮箱git config --global user.email "邮箱"初始化项目命令git init git add 文件夹名 -提交整个文件夹git add * -提交所有文件git commit -m "这次提交的描述" 每次提交都要写描述git status 查看当前工作区状态，是否
2021-10-13 11:37:01
95
原创 nodejs-gulp的使用
1.安装nodejs从官网下载，根据系统选择适合的安装包安装完成后，在系统菜单里，找到 Node.js command prompt 输入node -v查看当前nodejs版本信息拓展：npm NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，npm下载源是国外网站，会慢。可以用淘宝的cnpm，同样的东西允许用户从NPM服务器下载别人编写的第三方包到本地使用允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用允许用户将自己编写的包或命令行程序上
2021-09-24 15:56:31
563
原创 js-闭包-模块化开发
闭包特点函数嵌套函数内部函数使用外部函数的形参和变量被引用的形参和变量不会被垃圾回收机制回收 function aaa(num1) { var num2 = 20; function bbb() { alert(num1+''+num2); } return bbb; } var res = aaa(10); res();闭包的好处变量常驻内存当中避免全局变量被污染 避免生成全局变量可以声明
2021-09-10 17:13:45
342
原创 网络传输协议
网络传输协议网络传输协议TCP协议网络传输协议ISO：7层网络协议普通：5层网络协议TCP协议TCP：传输控制协议；面向连接，可靠传输1.建立数据 三次握手2.传输数据3.断开连接 四次回收
2021-09-09 14:35:07
120
原创 cookie和session会话跟踪技术
简介会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。cookie1.最大存储4kb，每个域名最多存储50条2.可以设置过期时间cookie是键值对，key和value都可以自定义cookie不设置过期，会话关闭时就会结束。cookie一个键只能存储一个值，再去赋值就会顶替。当cookie过期浏览器就会删除cookie，想要
2021-09-09 14:32:38
253
原创 实现搜索框-跨域jsonp
需求实现搜索框实现思路1.编写好布局 2.实现输入框事件，有数据的话，通过添加script标签 src属性调用数据 3.编写回调函数，对获取的数据进行处理。代码<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
2021-09-05 12:22:52
86
原创 事件委托-给新添加的列表添加绑定事件
事件委托的应用1.应用场景2.代码1.应用场景给新生成的列表添加绑定事件。添加完成后，新添加的删除和修改按钮没有功能。需要通过事件委托，根据事件冒泡原理，点击触发对象，事件冒泡到父节点，完成事件。2.代码将子节点的事件绑定到父节点，根据触发对象进行逻辑应用 //给新添加的删除和修改添加点击事件 oTb.onclick=function(ev){ var e=ev || window.event;
2021-09-04 14:31:45
253
原创 json入门
json基础一、了解json1.与XML相同之处2.与XML不同之处3.为什么使用json二、使用json对象1.-json.stringify() 将数据结构转换成json格式字符串2.-json.parse() 将json格式字符串转换成数据结构传输格式的应用：数据从前端传送到后端，需要先将前端的数据格式转换成字符串，传给后端再转换成数据格式。为什么转换成字符串？除了文本和二进制数据，其他的数据都无法传输，都要转成 json，即使是一个字符串，也要转 json 特有的结构，这样才可以被另一端使用了
2021-08-13 16:37:38
85
原创 Ajax入门知识
ajax一、认识ajax一、认识ajaxajax 是异步的JavaScript和xmlajax最大的有点就是在不重新加载整个页面的情况下，可以与服务器交换数据，并更新部分网页内容。xml 数据传输格式优点： 1.种类丰富 2.传输量非常大缺点：1.解析麻烦 2.不太适合轻量级数据json 数据传输格式......
2021-08-12 10:59:43
116
原创 PHP入门
php基本语法1.运行语法2.输出语法3.变量基本语法PHP 脚本在服务器上执行，然后将纯 HTML 结果发送回浏览器。PHP语法严格，每句代码后面必须要加分号1.运行语法PHP 脚本以 <?php 开始，以 ?> 结束。2.输出语法 /* 输出函数 */ echo "<h1> hello world</h1>"; print_r("<h1> hello world</h1>");
2021-08-02 18:29:59
93
原创 JS 面向对象 实现选项卡
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
2021-07-01 16:46:12
234
原创 正则表达式
正则表达式一、正则表达式概念二、创建正则表达式三、正则表达式的方法1.test()2.exec()四、字符串中使用正则，字符串的方法1.match()2.replace()3.split()一、正则表达式概念在javascript中属于rRegExp类二、创建正则表达式三、正则表达式的方法1.test()返回的是ture或false2.exec()返回的是匹配到的字符串数组，或者null四、字符串中使用正则，字符串的方法1.match()格式：字符串.match(正则)；功能:
2021-04-26 17:29:07
87
原创 js随鼠标的位置显示提示框
随鼠标的位置显示提示框内容一、思路及知识点二、代码一、思路及知识点首先要做到鼠标放到那个标签，那个标签的显示出来。用DOM中事件对象属性，获取当前鼠标位置，然后将获得的位置插入到显示框内。二、代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
2021-04-06 16:02:19
2521
原创 js制作显示时间
一、制作思路1.运用setInterval(显示时间函数,毫秒数)定时器方法，每隔一秒显示执行一次显示时间的方法。二、执行代码 <style type="text/css"> #div1{ width:600px; height: 100px; border: 1px black solid; text-align: center; font-size: 20px; margin:200px auto; padding-top: 50px;
2021-03-09 09:26:13
1070
原创 选择排序
选择排序1.选择排序思路2.选择排序图解3.JS代码1.选择排序思路如果是从小到大排序，选择一个数或者从第一个数开始，这个数和后面所有的数进行比较。如果这个数比后面的数大，那么将后面较小的这个数和他交换位置。交换完位置后，由这个较小的数，接着向后比，直到比较完，将会比较出第一轮里最小的那个数。内循环表示的是下标数。从这个开始，一直到最后。所以要注意，不需要减轮数。2.选择排序图解3.JS代码...
2021-02-23 11:16:48
104
原创 冒泡排序
冒泡排序1.冒泡排序的比较原理2.冒泡排序的循环次数3.图解4.JS代码个人理解有误还请指正。1.冒泡排序的比较原理有两次循环完成冒泡排序。比较方法是，第一轮第一次由第一个和第二个比较，第一轮第二次由第二个和第三个比较外面的循环，是整体比较几轮。里面的循环是前一个数和后一个数比较的次数。2.冒泡排序的循环次数外面的轮数是整体数字减一(length-1)。里面的循环是随着轮次增加比较的数字减少(length-(轮数+1))。外面循环的轮数是整体数字减一次，最后一次轮不用比较，最小的得出来了。里
2021-02-23 10:08:54
2295
原创 JavaScript
JavaScript一、了解javascript1. javascript组成2.javscript使用二、javascript语法1. 基础方法一、了解javascript1. javascript组成1.ECMAscript 2.DOM 文档 3. BOM 浏览器2.javscript使用1.一般写在body标签内，也可以用link引入。可以写多个script标签，标签执行的顺序自上而下。2.引入的script标签就不能在标签里面写javascript代码，无法执行到。二、javas
2021-02-15 19:26:11
476
原创 Postcss
Postcss一、了解Postcss1.安装2.对文件进行转换3.postcss配置文件二、postcss常用插件1.安装插件2. autoprefixer 浏览器前缀插件3.poscss-import 引入合并css4. cssnano 对css压缩5.postcss-cssnext6.stylelint 语言检测7.postcss-sprites 自动生成精灵图一、了解Postcss1.安装需要在node环境下运行。如何确定自己是否有node，可以在cmd下输入node -v输入命令安装p
2021-01-12 13:42:32
226
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人