
+前端学习
文章平均质量分 70
记录学习心得与遇到的错误。
也就会一点点
这个作者很懒,什么都没留下…
展开
-
vue+Nginx远程配置
历经了小半天,终于将vue项目部署成功,哈哈哈。下面就记录这次遇到的问题,希望后面的小伙伴踩坑能及时跳出来!!!问题:访问首页成功,但二级页面404。1、vue打包对于前端小萌新一枚,打包这个词听着好高大尚啊,是什么玩意?前端项目打包:其实是用cli脚手架创建的项目很大啦,然后正式环境又不需要安装生产依赖环境,所以可以用webpack将项目进行精简,让项目瘦下来,好在运行的时候跑的快嘛~2、Niginx根目录部署一般来说,安装了Niginx会有这样一个目录结构,如果...原创 2021-04-15 09:09:51 · 364 阅读 · 0 评论 -
简单的轮播JS插件
一、原理给img设置绝对定位,令他们重叠在一起。 利用css的z-index属性 定时器——>当定时器切换时,给后面的图片添加z-index,且值比上一个大于1。这样就能显示图片了。二、JS封装模板忘记在哪里看到的模板......//匿名函数,防止变量污染;(function(global){ //构造函数,使用new使用 function Swiper(el,option){ }; //原型上提供方法和属性 Swiper.prototype={ .原创 2021-01-09 15:54:29 · 375 阅读 · 1 评论 -
Express简单使用整理
目录一、Express是什么?二、如何使用?三、示例3.1 创建服务器,拟定一个路由3.2 中间件3.3 模块化路由3.4 静态资源3.5 模板引擎 express-art-template3.6 app.local对象四、总结一、Express是什么?Express是基于node平台的web应用框架,提供了很多功能,封装了路由,静态模板资源,可以用简单的代码创建各种Web应用。提供了简洁方便的路由定义方式 对获取HTTP请求参数做了优...原创 2021-01-06 10:50:27 · 1342 阅读 · 0 评论 -
nodejs快速连接mongodb,实现数据操作
文章目录 目录 前言 一、nodejs是什么? 二、mongodb是什么? 2.1 新增数据 第一种方法:创建集合的形式 第二种:创建文档的形式 2.2 修改数据:updateOne()、updateMany() 2.3 查询数据:find()和findOne() 2.4 删除数据:findOneAndDelete()、deleteMany() 三、第三方模块 mongoose操作mongodb 四、基本流程 其他 前言用到...原创 2021-01-05 11:38:14 · 1080 阅读 · 0 评论 -
VUE取消Esline验证
如果运行vue过程中有类似以下错误【明确代码没错的情况下】,可以考虑将Esline验证取消:SyntaxError: Unexpected token ':'方法1:格式代码缩进方法2:在vue项目下,新建一个vue.config.js// vue.config.js 取消Esline验证module.exports = { lintOnSave: false, configureWebpack:{ resolve:{ alias:{原创 2020-12-28 09:28:27 · 464 阅读 · 0 评论 -
Git&github简单使用
前期工作:在本地新建文件夹test,存放项目文件github创建仓库test(在test文件夹里右键 git base here)1-git init2- git remote-v 查看远程连接3- git remote add origin https://github.com/jiapinghuang/demo.git4-git add . 提交全部文...原创 2019-12-04 20:41:51 · 210 阅读 · 0 评论 -
webpack简单使用(二)
在上一篇webpack简单使用(一),提出了一个问题:如何给css、图片等文件进行打包?解决方法:使用webpack的loader处理css文件下面是步骤:1-用npm init创建包2-安装本地webpack,npm install webpack@3.6.0 ,必须进入你项目的根目录。安装成功会出现如图:3-创建css文件,并在main.js里对它产生依赖,这样才能进行...原创 2019-11-11 11:29:39 · 143 阅读 · 0 评论 -
webpack简单使用(一)
webpack是一个JS应用的静态模块打包工具。引用官网图。前端模块化提供的方案有:AMD、CMD、CommonJs、ES6,目前大部分浏览器可以识别ES6。所以我们打包的意思是将js、html、css等打包成浏览器认识的语法。一、下面进入正题:使用webpack打包工具的前提是依赖Node环境,而node又依赖npm工具来管理各种包。1-so 我们需要先安装node.js...原创 2019-11-11 11:00:15 · 146 阅读 · 0 评论 -
vue搭建本地服务小白错误
1-背景:我们在利用vue构建项目时,新增或修改html、js都需要利用webpack打包,然后在执行程序。如果我们要跳过这个步骤,直接所改即所得,就要去搭建一个本地服务器。2-使用webpack-dev-server搭建。本地服务器安装:npm install webpack-dev-server@2.9.3 --save-dev (dev是开发依赖)在安装时,我把web...原创 2019-11-11 10:13:44 · 292 阅读 · 0 评论