![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端笔记
文章平均质量分 72
xll2021
这个作者很懒,什么都没留下…
展开
-
Vue3.x版本下使用element-UI
1.Vue3.x版本下使用Element Plus1. 基础使用(采用完整引入)(样式文件需要单独引入)根据官网提示我卸载了之前安装的element-ui npm uninstall element-ui然后安装npm install element-plus --save然后在src文件下面的main.js中写入:import { createApp } from 'vue'import App from './App.vue'import ElementPlus from 'ele原创 2021-04-06 19:01:02 · 1498 阅读 · 0 评论 -
Element-UI的基本使用
1. Element-UI官方网址,美化样式用的;首先是安装,在vue_02文件夹(也就是工作目录)下面安装npm install element-ui -S在npm run serve的时候需要运行在src文件夹下面的main.js加入import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)但是报错了又又:我又重新建了vue_03…还是同样原创 2021-04-06 18:13:18 · 287 阅读 · 0 评论 -
Vue脚手架创建Vue项目
1. 什么是Vue脚手架中文官方网址安装3.x版本的Vue脚手架npm install -g @vue/cli,在d盘的web_study下面的vue文件夹下面安装我这里安装了目前的最新版本@vue/cli 4.5.12(不知道后续会不会出事…)可以参考使用4.x版本2. Vue脚手架基本用法1. 创建方式1. 基于交互式命令行方式vue create vue_proj_01,提示是否选择淘宝镜像安装我选了Y,首先需要进入d盘d:自己的文件夹,D:\web_study\vue原创 2021-04-06 15:24:05 · 801 阅读 · 0 评论 -
Vue单文件组件
1. 为什么使用Vue单文件组件传统Vue组件的缺陷:全局定义不能重名,字符串模板也没有语法高亮,不支持css,没有构建步骤限制,只能使用H5和ES5,不能使用预处理器babel;解决:使用Vue单文件组件,文件后缀名称.vue;每个Vue单文件由三部分组成:template组成的模板区域scrilpt组成的逻辑区域style样式区域2. 使用Vue组件还是在上一篇webpack基本使用步骤的src文件夹下面新建components文件夹:这个时候.vue文件还没有语法高亮,所以在原创 2021-04-06 12:07:56 · 131 阅读 · 0 评论 -
webpack基本使用步骤
1. webpack概述webpack是一个流行的前端项目构建工具(打包工具),可以解决当前web开发中面临的困境;webpack提供了友好的模块化支持,以及代码压缩混淆、处理js兼容问题、性能优化等功能;2. webpack基本使用实现隔行变色效果:在项目文件夹下面初始化npm init -y;然后创建文件夹src:然后安装npm install jQuery -S然后在index.html文件中写入ul li结构,在index.js中写入;import $ from 'jQuery'原创 2021-04-06 10:33:39 · 276 阅读 · 0 评论 -
ES6模块化导入导出
1. 导出向外暴露成员,export default只允许在一个文件中出现一次,出现多次会报错;let a = 10;let b = 11;let c = 12;let d = function() { console.log(111111);}export default { a, b, d}2. 导入// console.log('ok');import m1 from './m1.js';console.log(m1);console.log原创 2021-04-05 19:59:17 · 148 阅读 · 0 评论 -
在NodeJs中安装babel
1. 安装babel打开终端:npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node//再输入npm install --save @babel/polyfill在当前工作目录创建:babel.config.js并且在这个文件夹里面写入:const presets = [ ["@babel/env", { targets: { edge: "17",原创 2021-04-05 19:43:45 · 822 阅读 · 1 评论 -
前端路由
前端路由1. 前端路由的概念前端路由依靠hash值得变化进行实现,后端路由就是一个功能对应一个js文件;前端路由得概念: 根据不同得事件来显示不同得页面内容,就是事件与事件处理函数之间得对应关系,前端路由主要做的事情就是监听事件并分发执行事件处理函数;后端路由: URL请求地址与服务器资源的对应;2. 前端路由的使用手动模拟路由,通过监听hash值得改变来实现;HTML代码:<div id="app"> <a href="#/zhuye">主页&l原创 2021-04-05 19:13:13 · 93 阅读 · 0 评论 -
如何登录博客
1. 如何登录博客首先打开数据库app MongoDB Compass然后输入自己之前设置的密码连接成功,去目录文件夹启动项目打算登录博客系统但是发现登录不了了,忘记密码,但是查看代码密码没错好像数据库删除了?在model下面的user.js文件中增加添加管理员语句;首先需要初始化项目,npm init -y package.json记录项目相关信息;用户登录验证,客户端判断一次,服务端判断一次再对比邮件地址是否和数据库中的一致;添加用户功能:首先查询数据库中是否有这个邮箱地址,fi原创 2021-04-01 21:25:42 · 3331 阅读 · 0 评论 -
面试准备01
主要复习自己以前做过的东西!!项目中的登陆是怎么实现的(token具体是怎么转换数据的)说说浏览器是怎么缓存的浏览器本地缓存有哪些,区别是什么说说输出顺序作者:小松在努力!链接:https://www.nowcoder.com/discuss/598631?type=2&order=3&pos=13&page=1&channel=-1&source_id=discuss_tag_nctrack来源:牛客网async functio原创 2021-03-19 14:49:30 · 105 阅读 · 0 评论 -
TCP/IP协议粗略通俗理解
TCP/IPTCP使用固定的连接,应用程序之间的通信,全双工通信,IP无连接,无用于计算机之间的通信;TCP和IP一起工作,TCP负责应用软件和网路软件之间的工作,IP负责计算机之间的通信,TCP负责将数据分割装入IP包,然后在他们到达的时候重新组合他们,IP负责将包发送至接受者;IP地址4个0-255的数字组成,8位是一个字节,IP地址是32位也就是4个字节组成,DNS服务器负责将域名翻译为TCP/IP地址;TCP/IP协议分为四成:应用层、传输成、网络层、物理层。首先是应用层讲消息进行格式转换然后原创 2021-03-06 15:20:30 · 382 阅读 · 0 评论 -
PC端和移动端的轮播图实现
PC端和移动端轮播图的实现动画函数封装PC端轮播图的实现移动端轮播图的实现总结动画函数封装函数第一步清除定时器为保证只开启一个定时器,不用var timer是为了不同对象使用这个函数时都要声明一个变量,所以给不同的元素不同的定时器自己专有的;function myanimate(obj, target, callback) { obj.timer = setInterval(function() { clearInterval(obj.timer); var s原创 2021-03-05 10:05:09 · 508 阅读 · 1 评论 -
Git与Github使用
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档Git一、Git基础1. Git是什么2. Git安装Git配置3. Git基本工作流程二、Git进阶三、Github使用1. 注册2. 多人协作开发多人冲突解决ssh免登录Git忽略清单总结一、Git基础1. Git是什么Git是一个版本管理控制系统(缩写VCS),它可以在任何时间点,将文档状态作为更新记录保存起来,也可以在任何时间点,将更新记录恢复回来;2. Git安装下载地址这里我没有使用最新版本2.30.1,而是使用原创 2021-03-03 17:11:07 · 108 阅读 · 0 评论 -
前后端交互之Ajax03-jQuery中的Ajax
前后端交互之Ajax03jQuery中的一些方法发送jsonp请求Todo案例全局事件nprogress进度条插件总结端口被占用jQuery中的一些方法$.ajax()$.get() 发送get请求$.get('/base', 'name=zhangsan&age=30', function (response) {console.log(response)})$post() 发送post请求$.post('/base', function (response) {原创 2021-03-03 09:18:59 · 109 阅读 · 0 评论 -
nvm安装node以及npm问题
首先去删除掉原有的npm node文件下载nvm 链接:https://pan.baidu.com/s/1dGCh1x55lRUe96179Jf1pA提取码:dzwx根据提示一步一步安装测试node -v但是npm -v 显示不是内部或者外部命令,需要手动加文件参考,...原创 2021-03-02 19:54:07 · 98 阅读 · 0 评论 -
前后端交互之Ajax编程02
前后端交互之Ajax编程02模板引擎案例1. 验证邮箱i地址唯一性FormData同源政策总结模板引擎官方地址:https://aui.github.io/art-template/zh-cn/docs/将数据和html连接起来,这里是客户端模板引擎,art-template模板引擎;下载模板引擎服务器端下载方式:npm install art-template --save客户端下载方式:保存到D:\web_study\Ajax\02\public\js将模板引擎的库文件引入到当前页面&原创 2021-03-02 15:29:38 · 278 阅读 · 0 评论 -
前后端交互之Ajax_day01
前后端交互之Ajax_day01Ajax基础1. 传统网站中存在的问题2. Ajax概述Ajax运行原理及实现1. Ajax运行坏境2. Ajax运行原理3. Ajax实现步骤4. 请求参数传递5. 请求报文![在这里插入图片描述](https://img-blog.csdnimg.cn/20210301111425266.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmN原创 2021-03-01 18:24:26 · 125 阅读 · 1 评论 -
数据结构与算法理论学习之线性表
数据结构与算法三天时间够吗?2021.01.19晚-?? 对了 记得总结博客项目怎么做的,自己整理下;数据结构与算法理论学习之逻辑结构逻辑结构数据结构的基本概念数据的逻辑结构1. 线性结构2. 树型结构3. 图状结构算法分析时间复杂性空间复杂性总结数据与算法内容分为三个部分,逻辑结构、存储结构、算法。逻辑结构逻辑结构:数据与数据之间的关系数据结构的基本概念按照某种逻辑关系组织起来的一批数据,如线性表、树、图;存储结构:按照一定方式放在计算机中:如数组、链表;算法:在这组数据上定义了运算原创 2021-01-29 21:58:36 · 157 阅读 · 0 评论 -
博客系统之前端展示页面
博客系统之前端展示页面首页的展示列表页码显示文章评论总结首页的展示与之前的方法一样,建立home文件夹,然后在home文件夹下建立index.js article.js文件,在home.js文件中使用require('./home/index.js');方式导入;骨架抽离也是一样的;在home下面建立common文件夹放一些骨架文件.art查询文章信息,也用到了关联查询populate;在关联查询的时候如果同时使用lean()和exec()会报错说lean()不是一个函数;展示文原创 2021-01-19 20:19:30 · 1240 阅读 · 0 评论 -
blog博客项目之开发坏境与生成坏境
blog博客项目之开发坏境与生成坏境什么是开发坏境与生成坏境为什么需要区分开发坏境和生成坏境呢?如何区分开发坏境与生产坏境一、pandas是什么?二、使用步骤1.引入库总结什么是开发坏境与生成坏境坏境,就是项目运行的地方,项目处于开发阶段,项目运行在开发人员的电脑上,项目所处的坏境就是开发坏境。项目开发完成以后,将项目放到真实的网站服务器电脑中运行,项目所处的坏境就是生成坏境;简单来说就是一个是开发程序员电脑运行,一个是真的供大家使用的时候的坏境;为什么需要区分开发坏境和生成坏境呢?因为在不同坏境原创 2021-01-18 21:06:15 · 241 阅读 · 2 评论 -
开发坏境之NODE_ENV设置development
项目场景:开发坏境与生成坏境的设置,先手动设置坏境变量NODE_ENV为development,,然后呢重启博客项目问题描述:在app.js文件中打算输出process.env看看这个对象有没有NODE_ENV 结果没有,如图所示:原因分析:解决方案:...原创 2021-01-18 18:50:10 · 1934 阅读 · 0 评论 -
博客项目实现笔记
博客项目实现项目坏境搭建多人博客管理系统案例初始化总结项目坏境搭建多人博客管理系统案例初始化建立项目所需文件夹public静态资源model数据库操作route路由views模板初始化项目描述文件npm init -y下载项目所需第三方模块npm install express mongoose art-template express-art-template创建网站服务器创建文件夹步骤,新建public model route views文件夹原创 2021-01-18 15:50:44 · 204 阅读 · 0 评论 -
blog博客项目中,使用populate关联查询文章作者信息无法渲染art模板解决办法
问题1.报错代码段使用res.send(articles)的结果是能查询到数据的,如下:原创 2021-01-18 10:19:32 · 299 阅读 · 4 评论 -
前端-查找算法系列刷题笔记
数据结构类题型算法类题型1.二分法搜索Question: 简述二分查找算法与时间复杂度,并实现一个二分查找算法! 如:[2,3,0,9] 在这个数组中查找9,则应该返回下标索引3;Answer: 对要查找的数组按从小到大排好序,然后找到中间点;比对中间点和要找的值的大小,如果找的值大于中间值,则在上半部分数组查找,反之;以此循坏直到上下界限相等;没找到就返回-1;Code://二分法查找function binarySearch(item...原创 2021-01-08 16:28:29 · 326 阅读 · 0 评论 -
前端-面试问答刷题记录之1-20题
面试题目来源博客2021.01.08Question1: 平时怎么学习(淘)?Answer1: 略略略略略。。。2021.01.08Question2: 什么是PWA?Answer2: 首先PWA全称是ProgressiveWebApp,叫渐进式网页应用;用Web技术实现与原生App相近的用户体验;不需要到应用商店去安装APP,可以将应用添加到主屏幕下次访问直接点击,看了一些博文之后我的理解就是用网页实现了app实现的功能,可以添加到主屏幕下次使用直接点击;优点:可靠...原创 2021-01-08 16:27:11 · 285 阅读 · 2 评论 -
MongoDB案例之用户信息增删改查理论分析
案例:用户信息增删改查理论分析完整代码在这完成功能要求搭建网站服务器,实现客户端与服务器端的通信连接数据库,创建用户结合,向集合中插入文档当用户访问/list时,将所有用户信息查询出来将用户信息和表格HTML进行拼接并将结果响应回客户端当用户访问/add时,呈现表单页面,并实现添加用户信息功能当用户访问/modify时,呈现修改页面,并实现修改用户信息功能当用户访问/delete时,实现用户删除功能程序实现步骤程序实现步骤创建服务器连接数据库创建数据 创建集合 文档 之类原创 2021-01-08 11:12:29 · 302 阅读 · 0 评论 -
window10系统node.js创建服务器时80端口被占用解决方法
在开始按钮右键打开运行 输入regedit打开注册表单击注册表下的HKEY_LOCAL_MACHINE,再点开SYSTEM。再打开system下面的HTTP双击右侧start,将其值更改为0原创 2021-01-04 21:02:47 · 286 阅读 · 0 评论 -
前后端交互之Express请求处理知识点
Express请求处理Express框架基础Express框架是什么Express框架特性中间件什么是中间件app.use中间件用法中间件应用错误处理中间件捕获错误Express请求处理构建模块化路由Express框架基础Express框架是什么Express是基于Node平台的web应用开发框架,创建各种Web应用。使用npm install express 下载Express框架特性提供简洁的路由定义方式对获取HTTP请求参数进行简化处理对模板引擎支持程度高提供中间件机制有效控制H原创 2021-01-04 20:01:16 · 575 阅读 · 1 评论 -
前端后端交互之MongoDB数据库+模板引擎
MongoDB数据库数据库及坏境搭建使用数据库原因什么是数据库数据库相关概念开启mongodb数据库连接总结数据库及坏境搭建使用数据库原因动态网站中的数据都是存储在数据库中数据库可以持久存储客户端通过表单收集的用户信息;数据库软件本身就可以对数据高效管理;什么是数据库存储数据的仓库,将数据有序分门别类的存储,通过API操作常见数据库软件又:mysql mongoDB oracleMongoDB数据库下载安装MongoDB菜鸟教程MongoDB官方学习网站安装MongoDB原创 2021-01-02 19:58:45 · 762 阅读 · 2 评论 -
npm5.6.0和node不匹配解决办法(重装)
npm 和node不匹配问题因为之前把npm降级到了5.6.0所以install命令失效找了很多方法都是升级升级升级,但是install命令失效怎么升级????重装咯(气死)去控制面板删除了node 然后手动删除了npm npm-cache文件这两个文件在然后进行重装,去node官网下载文件重装就好了,node自带了npm,官网有说明...原创 2020-12-26 19:43:24 · 718 阅读 · 0 评论 -
服务器端基本概念学习记录
文章目录总结总结原创 2020-12-27 20:31:51 · 200 阅读 · 0 评论 -
前后端交互Node+Gulp之Node基础
Node基础Node开发概述Node坏境搭建Node.js组成Node简单使用Node.js模块化开发系统模块第三方模块package.json文件总结Node开发概述1. 为什么学习服务器端开发基础能够和后端程序紧密配合网站业务逻辑前置,前端技术选哟后端技术支撑(Ajax)扩展知识视野,站在更高的角度审视整个项目2. 服务器端开发要做的事情实现网站业务逻辑,登录问题数据增删改查 购物网站 删除商品数量3. 为什么选择Node使用JavaScript语法开发后端应用一些原创 2020-12-22 12:46:23 · 236 阅读 · 0 评论 -
JavaScript高阶之ES6day05
ES6什么是ES6为什么使用ES6呢?ES6新增语法总结-----------------------2020.12.20开始 为啥换老师了呢呜呜----------------------------------什么是ES6其实就是一个版本,泛指,是ES5的延续为什么使用ES6呢?变量提升特性增加了程序运行时的不可预测性;语法过于松散,实现相同的功能不同的人会写不同的代码,为了代码规范化;ES6新增语法let声明变量只在所处的块级({}里面的内容)有效防止循坏变量变成全局变量let原创 2020-12-21 12:14:59 · 269 阅读 · 0 评论 -
JavaScript高阶之正则表达式day04
JavaScript高阶之正则表达式day04一、正则表达式概述1.什么是正则表达式2.正则表达式可以做什么呢?3.正则表达式的特点二、正则表达式在JavaScript中的使用1.创建正则表达式三、正则表达式中的特殊字符四、正则表达式中的替换总结一、正则表达式概述1.什么是正则表达式用于匹配字符串中字符组合的模式。再JavaScript,正则表达式是对象。2.正则表达式可以做什么呢?正则表达式可以用来检索、替换那些复合某个模式的文本,例如:验证表单,替换页面敏感词,从字符串中获取想要的特定部分(原创 2020-12-20 15:56:44 · 146 阅读 · 0 评论