- 博客(30)
- 收藏
- 关注
RSS订阅原创 neo4j的详细安装教程
1.安装jdk1.1下载jdk注意下载jdk的版本不要太高，也不要太低，我是下载的jdk11，之前下载了17太高了，后续安装就报错了下载地址1.2配置jdk环境下载之后点击运行，然后选择安装位置（一定要记住！）找到安装位置，比如我这里是java文件下点击电脑–>属性–>高级系统配置–>环境配置在配置系统变量，点击新建点击Path,新建cmd运行命令行，输入java -version ，出现jdk版本号即为配置成功2.安装neo4j2.1下载neo4
2021-11-03 19:13:39
981
原创 爬虫之下载各种类型的资源
下载网页首先引入urllib.request获取你要下载网页的url，比如http://www.baidu.comimport urllib.request#下载网页 url_page = 'http://www.baidu.com'# urlretrieve参数：url代表的是下载的路径 filename文件的名字 urllib.request.urlretrieve(url_page,'baidu.html')下载图片同样引入urllib.request获取网页上图片的位
2021-11-01 15:54:50
607
原创 vue项目打包部署到腾讯云全过程
文章目录1.打包本地vue项目2.购买云服务器3.使用xshell4.在xshell里安装宝塔5.宝塔操作6.成功访问关于前端部署研究了挺久的，一开始毫无头绪也走了很多弯路，看了许多视频和文档之后，才慢慢有了了解，成功访问之后特别开心，希望记录下来对可能遇到同样问题的各位有一丢丢小帮助哈~1.打包本地vue项目运行npm run build生成dist目录文件（之后就是将该文件放到云服务器上）2.购买云服务器你可以选择在腾讯云上租一个云服务器，然后选择centos云服务器，租用成功
2021-10-28 16:49:59
5711
4
原创 JS之正则表达式
文章目录1.正则表达式1.1定义及创建1.2元字符1.3方括号表示法1.4量词1.5修饰符1.6正则表达式的相关方法1.7字符串的相关正则方法1.正则表达式1.1定义及创建描述字符串的“构成模式”，经常被用于检查字符串是否符合预定的格式要求”按位“来描述规则/^\d$/var regexp = /^\d{6}$/;//6位数字var regexp1 = new RegExp('^\\d{6}$');var regexp = /^m\d{6}n$/;//以m开头，n结尾，中间6位数
2021-09-07 10:25:08
572
原创 AJAX完成前后端通信
初始 Ajax是什么？异步JS和XMLAjax中的异步：可以异步地向服务器发送请求，在等待响应的过程中，不会阻塞当前页面，浏览器可以做自己的事。直到成功获取响应后浏览器才开始处理响应数据。XML（可扩展标记语言）是前后端数据通信时传输数据的一种格式；XML现在已经不怎么用了，现在比较常用的是JSONAjax就是浏览器与服务器之间的一种异步通信方式使用Ajax可以在不重新加载整个页面的情况下，对页面的某部分进行更新举例：注册、搜索提示框基本用法1. XMLHttpReques
2021-08-25 17:20:02
174
原创 CSS实现左中右三栏布局，中间自适应的三种方法
文章目录认识margin1. margin纵向重叠2. margin负值圣杯布局和双飞翼布局圣杯布局双飞翼布局flex实现三栏布局认识margin1. margin纵向重叠相邻元素的margin-top、margin-bottom会重叠空白的<p><p/>也会重叠2. margin负值margin-top踹自己，margin-bottom踹别的盒子margin-left踹自己，margin-right踹别的盒子上下关系的盒子，当上盒子设置margin-to
2021-08-25 15:12:23
1702
原创 CSS box-sizing属性
box-sizing属性content-box（默认标准盒模型）width=content-width .box{ width: 100px; height: 100px; border: 10px solid #FF0000; padding: 5px; margin: 5px; /* 默认width就为内容宽度100px */ box-sizing: content-box; /* content-box;恢复默认 */
2021-08-25 10:18:36
157
原创 初始跨域及使用CORS、JSONP解决跨域问题
一、初始跨域1.跨域是什么向一个域发送请求，如果要请求的域和当前域是不同域，就叫跨域。不同域之间的请求，就是跨域请求。//const url = './index.html';const url = 'https://www.baidu.com';//不同域const xhr = new XMLHttpRequest(); xhr.onreadystatechange = () => { if (xhr.readyState != 4) return;
2021-08-05 22:14:37
126
原创 webpack处理不同文件下的图片
文章目录一、使用file-loader处理CSS中的图片1.安装 css-loader 和 mini-css-extract-plugin2.配置loader和plugin处理css文件3. 安装file-loader依赖4. 配置file-loader依赖5. webpack 处理之后的效果二、使用html-withimg-loader处理HTML中的图片1.安装 html-withimg-loader依赖2. 配置html-withimg-loader依赖3. 安装 file-loader依赖4.配置f
2021-08-05 11:04:49
350
原创 webpack中处理css文件
文章目录一、引入webpack1. 创建如下目录文件2. 打开本文件目录下的控制台，初始化项目3. 安装webpack需要的包4. 配置webpack二、 需要引入合适的依赖来让引入css文件1. 安装`css-loader`依赖，识别js文件中引入的css文件2. 在`webpack.config.js`里配置依赖3. 而这样之后，只是能识别css文件，无法识别css样式；我们需要继续引入依赖；有两种方式引入，style标签和link标签；以下分别对两种方式展开讲解三、 将css打包到页面的style标签
2021-08-04 11:54:51
1201
原创 数组之reduce()方法
reduce()方法1. 简介reduce 方法是数组的归并方法，这个方法与迭代方法（forEach方法等）一样都会对数组进行遍历，不同的是reduce方法的回调函数中的第一个参数得到的是迭代结算后的结果。2. 语法reduce方法接收两个参数，如下：arr.reduce(callback(acl,val,idx,array),initVal)第一个参数是要执行的函数，该函数中传入的参数acl：上一次调用回调时返回的累积值val：当前元素，必选项idx：当前索引，可选项arra
2021-07-17 16:35:47
271
原创 判断JS数据类型的方法
文章目录判断数据类型1. typeof2. instanceof3. toString4. constructor判断数据类型1. typeof对于基本类型，除 null 以外，均可以返回正确的结果。对于引用类型，除 function 以外，一律返回 object 类型。对于 null ，返回 object 类型。对于 function 返回 function 类型。typeof (123)//"number"typeof ("123")//"string"typeo
2021-07-16 18:47:13
99
原创 JS实现继承
js实现继承1. 原型链继承（推荐指数❤❤）将父类的实例作为子类的原型function Animal(){}Animal.prototype.name = 'cat'Animal.prototype.age = 1Animal.prototype.say = function(){console.log('hello')} var cat = new Animal()cat.name //catcat.age //1cat.say() //hello特点：非常纯
2021-07-16 18:41:22
117
原创 Cookie、Session详解
文章目录1. Cookie详解1.1 简介1.2 Cookie工作原理1.3 作用1.4 Cookie的缺点2. Session详解2.1 简介2.2 工作原理2.3 作用3. Cookie和Session的区别4. WebStorageCookie,LocalStorage,SessionStorage三者区别1. Cookie详解1.1 简介前言：因为HTTP协议是无状态的，即服务器不知道用户上一次做了什么，这严重阻碍了交互式Web应用程序的实现。Cookie是以小的文本文件形式（即纯文本），
2021-07-14 18:50:55
910
原创 JS之事件委托
1.使用背景当需要批量添加事件监听时，比如点击每个li都将变为字体变为红色。目标效果如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</ti
2021-05-25 20:02:30
167
原创 JS+CSS3实现轮播图
1、无缝连续滚动特效<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { margin: 0;
2021-05-11 16:02:47
390
原创 JS制作计算器
使用onblur事件监听输入框失去焦点获取输入框值，使用onchange事件监听下拉框，获取运算方法<!DOCTYPE html><html><head> <title></title></head><body> <input type='text' id='num1' /> <select id='operate'> <option val
2021-05-06 22:07:29
130
原创 JS实现点击下拉框改变背景颜色
使用onchange事件，当点击不同下拉框选项时，改变div背景颜色以及文字效果展示代码演示<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title>onchange()</title> <style type="text/css"> #div { width: 300px; height
2021-05-06 21:10:52
4455
原创 JS监听键盘事件，并计算textarea内容长度
使用onkeyup事件监听输入框内容长度，并显示在页面效果展示2. 代码展示<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title>输入文本</title> </head> <body> <p>字数限制在30字内，<span><span id="be"&
2021-05-06 20:43:57
328
原创 CSS之div实现水平垂直居中
以下我们将从实现子盒子在父盒子中水平垂直居中效果。子盒子必须定宽高，绝对定位+margin；前提给父盒子设置相对定位。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .parent{ width: 500px; height: 500px; position: re.
2021-04-28 12:41:29
190
原创 CSS之BFC详解
什么是BFC？BFC (Block formattingcontext)块级格式化格式化上下文，它是一种独立的渲染区域，只有Block-level-box参与，它规定了内部的Block-level-box如何布局，并且与这个区域外部毫不相干。BFC布局规则内部的Box会在垂直方向，一个接一个的放置Box的垂直方向的距离由margin决定，属于同一个BFC的两个相邻的Box会重叠BFC的区域不会与float box重叠（定位情况除外）计算BFC的高度时，浮动元素也参与计算BFC就是页面上
2021-04-22 22:56:38
116
原创 css动画之怦然的心
用css动画制作怦动的心效果如下代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box1,.box2{ height: 81px; width: 88px; background-image: url(../imag
2021-04-18 22:46:28
111
原创 vue项目中使用svg图标
下载依赖npm install svg-sprite-loader --save-dev在vue.config.js文件下添加以下代码 chainWebpack: (config) => { const svgRule = config.module.rule('svg') svgRule.uses.clear() svgRule .use('svg-sprite-loader') .loader('svg-sprite-loader'.
2021-04-08 19:28:32
282
原创 前端面试之JS预编译处理
步骤创建ao对象找形参和变量声明，作为ao对象的属性名，值为undefined实参和形参相统一（也就是将形参的值改为实参传来的值）找函数声明，会覆盖变量声明，也就是会覆盖之前的实参和undefined;注意区分函数声明和函数表达式 var b = function(){}则属于函数表达式，不影响值的变化做完以上步骤，然后再逐行执行代码习题一：function ao(a,c){ console.log(a) //function a(){} var a = 123
2021-03-23 21:33:06
92
原创 Javaee课程前端设计知识点
1、路由器跳转带值跳转发送页面 “name”后面是跳转的路径,msgKeyOne为要传的值<router-link :to="{ name: 'path', params: { msgKeyOne: 'value' }}"> </router-link>接收页面 id为接收到的值data(){return{id:'',}},mounted() { this.id= this.$route.params.msgKeyOne;
2020-12-29 21:18:22
235
1
原创 Element-ui框架实现对数据库的增删改查
这里利用Vue进行简单的增删改查操作，可以与后台进行结合，进行增删改查的过程，只需要将接口改一下名字。其中element-ui组件库经常与vue进行结合，使用时需要提前安装好element-ui组件库的环境，这样就没有进行安装演示。1.效果截图先来康康效果吧
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人