自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

New前端工厂的博客

从零到大牛的过程

  • 博客(50)
  • 资源 (4)
  • 收藏
  • 关注

原创 vue-cli(脚手架的使用)以及webpack打包项目 原来构建一个项目是这么轻松。

构建一个vue项目1.首先要有vue。直接npm全局安装。npm install vue -g接下来就是安装脚手架npm install vue-cli -g创建工程化目录vue init webpack porject然后就会提示你你的项目名字?? Project name ddporject你要添加的备注信息?? Project description th...

2019-08-19 17:13:52 680

原创 Vue中动画的实现 从基本动画,到炫酷动画。看这一篇就够了

文章目录Vue中的基本动画实现动画类名的重定义使用第三方的动画库我就选择其中一个库做示范其他都一样Vue中的基本动画实现直接一点,基本动画的步骤在需要加动画的地方,加入transition<transition> <P v-if="isNum">我是一只小小鸟</P> </transition&g...

2019-08-18 22:01:00 26053 2

原创 Vue-router,从基础入门到手拿大厂Offter,看这篇文章就够了。

Vue-router(单页面路由)

2019-08-17 17:10:15 517

原创 Vue框架,从基础入门到项目实战。看这一篇知识点全覆盖了

安装Vue介绍Vue 只关注视图层, 采用自底向上增量开发的设计。在了解Vue之前你需要了解HTMLCSSJavaScript安装Vue通过CDN方式使用示例 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"></script>Staticfi...

2019-08-12 22:02:50 4258

原创 向服务器发送请求的四种方法Ajax,Fetch,Axios,JQurey中的($.ajax)

三种发送请求的方式Ajax发送请求Fetch发送请求Axios发送请求跨域的解决办法Ajax发送请求get请求 //创建XMLHttpRequest   let xhr = new XMLHttpRequest(); //监听响应   xhr.onreadystatechange = function () {     if ...

2019-08-07 15:15:11 549

原创 回调地狱之终极解决方案promise

使用ES6中一个函数(promise)来解决回调地狱。先说一个场景就是我想顺序去读啊a,b,c这三个文件,那我们正常的做法是不是就是这样的 fs.readFile('./a.txt','utf-8',function(err,data){ console.log(data); fs.readFile('./b.txt','utf-8',function(err,data){ ...

2019-08-02 19:53:14 223

原创 express的脚手架(应用生成器)(express-generator)

通过应用生成器工具express-generator可以快速创建一个应用的骨架。//在全局安装脚手架$ npm install express-generator -g 安装全局之后你就可以使用express 这个命令。在创建项目的目录时,会生成一个依赖包。先要把依赖的包下载下来,才能使用。再用这个命令去创建一个app骨架。express apps下面是显示...

2019-07-27 10:59:21 461

原创 ,Nodejs的框架API Express 基础用法

先要在你的系统中新建一个项目目录mkdir myapp //新建一个目录,如果是window可以直接右键新建然后用cmd命令进入你创建的文件夹,进入之后npm init //初始化项目,创建package.json文件,如果你不知道npm,请点npm的安装以及淘宝镜像,这里查看。你点回车后需要你填写package name: (myexp) //这...

2019-07-24 13:22:58 311

原创 正则表达式的基本知识点

正则表达式在个人理解中基本知识点就一类在讲基本基本知识时,需要知道正则定义和使用,正则表达式两种创建方式1) var ge = new RegExp(/./);2) var ge = /./ 这是正则表达式找到第一个匹配的一 元字符元字符里又分为元字符和限定符也称之为量词1)常用的元字符如下. 代表除\n(换行符)以外的所有字符 例子:/./...

2019-05-14 17:00:47 77

原创 手把手教你用js写一个可以选择年月的动态日历组件

用年切换日历、用月切换日历, 可以显示用月显示,也可以用年显示,可以在日历中显示对应某天的时间。OK,就是这么简单,所有代码我都封装好了,你只需要直接用就好了,代码我就上传到这了。如果您觉得有用,请作者喝杯咖啡吧,或者关注评论转发。如果您觉得有用,请作者喝杯咖啡吧,或者关注评论转发。啥话不说,我们先上效果图,源码放在最后。

2022-10-27 17:20:14 466

原创 完美解决 Error: Cannot find module ‘@vue/cli-plugin-eslint‘ 报错

最终的解决方案是在项目的根目录下有个 package.json。在里面添加一个这个 ,再删除包,重新安装,就能正常打包了。然后又本地删掉包,再去安装一次包,也没解决。又使用降级npm版本到6也未解决。具体的参考文献在gethub上,又用cnpm 安装,也未解决。

2022-09-15 10:22:42 5787 1

原创 gitlab 保姆级重置管理员密码

只要显示true时,就已经修改成功了, 直接去用root 加你刚刚设置的密码去登录就可以了。因为我们是内网连接的,所以地址也是内网的,我假设为127.0.0.1。进来后,你docker ps 看一下 你们的gitlab的名称是什么。gitlab的登录用户名为root 密码也为root。在cmd中输入完后 输入 密码 root。进入这个docker容器后 再执行如下。1.连接gitlab的服务器。确认完之后,你再保存这次设置。然后开始重置账号 执行如下。我的本地 目前就是这个。这是进入重置账号的流程。

2022-09-09 11:59:28 589

原创 【js高级必备】你不了解的,浏览器内核解析网页的原理

浏览器内核排版引擎以及js引擎的原理解析

2022-03-13 16:01:39 174

原创 本地node版本与npm镜像一键式切换方法

你难道还在用下载覆盖的方式去切换node版本嘛? 说一下起源,刚开始我手里只有一个项目的时候,我发现用下载覆盖的方法还挺好用可是万万没想到,离职季节来了,十多个系统,三四十个端,要同步开发这没啥,痛苦的是用什么版本cli创建项目的都有, 刚开发完一个项目又要切换node所以,不废话了,我直接开搞一键式node版本切换下载一个工具nvm 官网下载地址:Releases · coreybutler/nvm-windows · GitH...

2021-12-05 21:40:29 329

原创 大部分人都被误导的js中防抖与节流的写法

# 先说一下我是如何发现问题的吧 ## 我就先按照各种教程上这样写<!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, ...

2021-11-06 20:46:01 141

原创 【实战】网站主题话切换与图片背景主题化切换,解决方案。

开篇 先说一下思想原理 主题化,肯定是一些公共样式的切换,如hover的背景色,头部的图片的切换,以及字体颜色的切换 接下来第一步,我们先新建一个xxx.css文件,放在assets中,这个文件中定义一些你要设置的变量,如我所写的 /* 蓝色主题 蓝色 */ --blue-blue:#377fd4; /* 蓝色主题 首页顶部蓝色 */ --blue-index-blue:#377fd4; /* 蓝色主题 白色 */ --bl...

2021-08-29 21:50:06 188

原创 关于ElementUI 中Layout 布局不能换行的解决方案

<div class="info-card" v-for="(i,inx) in Farea.length/4" :key="inx"> <el-row :gutter="24" > <el-col :span="6" v-for="(item,index) in Fareas(inx)" :key="index"> <div class="boxs"> .

2021-08-23 12:20:23 2613

原创 Vue provide与inject到底如何实现双向绑定

今天看Vue源码的过程中发现一个好东西,就是provide与inject接下来直接上源码// 初始化组件的时候,初始话provide属性的方法function initProvide (vm) { var provide = vm.$options.provide; if (provide) { vm._provided = typeof provide === 'function' // 判断如果传入的方法是provide是函数,执行函数获取到返回的对象,否则直

2021-07-28 15:14:39 791

原创 关于JavaScript中的标签语句你知道多少

可以用下列语句给语句加标签,以便以后调用:label : statement; 当各位看到官方的这句话估计已经懵了ba

2021-06-15 17:23:26 307 1

原创 yarn的全部使用方法集结教程

1.Yarn简介Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。就像我们可以从官方文档了解那样,它的目的是解决这些团队使用 npm 面临的少数问题.2.下载使用如果你是前端的开发者那你就直接npm install -g yarn如果你是其它用户参考安装包安装,但是前提是你的电脑安装了nodejs 官方安装包下载地址3.基本用法Yarn的常用命令: 1、安装ya...

2021-03-04 16:07:35 7424 3

原创 VUE中的data数据为什么需要return

VUE中的data数据为什么需要return每次面试都会问到的问题 直接上代码 var obj={ name:"zhangsan", age:20 } var a=obj; var b=obj; a.age=18 ...

2020-08-12 17:16:02 1034

原创 【项目实战经验】vuecli3,实现PC端分辨率适配

vue cli3,根据屏幕大小适配样式 最近做了一个大屏,考虑到要在不同的显示器上,显示同一套代码,所以我就想到了,阿里的“lib-flexible”,干货非常多,千万不要错过细节哦,废话不说,直接干 1.安装需要响应的包npm i lib-flexible -S这个包会有改动的东西,先卖个关子,最后会详细说。 (2)安装第二个包npm i px2rem-loader -D2.安装好了之...

2020-07-13 15:12:13 4016 25

原创 【项目实战】纯前端实现菜单权限以及功能权限控制

先来讲一下需求 我们做项目的时候,最开始功能菜单都是从后端获取的,开发完毕之后,发现可以越权访问没有的路由,其操作是,登陆高权限的账号,进入功能页,查询的数据,复制当前路由,再登陆低权限的账号,直接复制到地址栏,就能看到高权限账号的页面, 这样后端就很头大了,由于只能对接口限制,后端监听不到当前路由是什么,而且接口还有复用的功能,做起来就很麻烦。我们就考虑了纯前端做路由权限我先说一下原理,就是登陆账号都会有不同的菜单权限,通过登陆的账号不同做一个规定,账号类型1,权限标示就是1...

2020-07-06 14:35:32 1660

原创 【项目实战经验】vue的动态路由实现对应面包屑动态值显示

一开始我想的思路就有问题,总想着用动态的路由对应唯一面包屑,这是不对的,应该用动态的路由,对应动态的面包屑,只要相互有对应的动态值就可了。以我自己做的一个地图下钻到列表为例, 需求:再点击一个地图时,进入对应省的列表,并且面包屑显示某某省的什么。所以废话不多说,开始干 先是使用地图。这个步骤我就忽略了,因为我有一篇这个文章 使用第三方地图 点击这个就可以到我下一个文章了。 现在地图有了,就是对应的路由了,我是这样处理的。 ...

2020-06-16 15:57:36 1527 1

原创 【项目实战开发技巧】Echarts 中国地图的第三方使用方法

第一次用Echarts 被这个地图迷糊了好久,光有代码,就是不显示,为了给第一次使用的小白一个简单入门,好了,废话不多说,直接上代码 首先第一步,你想用Echarts,那就必须安装 npm install --save echarts安装完成之后,你就可以在main.js中全局引入这个echarts了import echarts from 'echarts'Vue.prototype.$echarts = ec...

2020-06-16 15:41:25 1101 1

原创 《程序员入职甲乙方公司的套路》。送给要入职的程序员们,避免踩坑。

程序员入职时的套路 以下所说的只代表我入职中所有遇到的,并不代表所有,只能给大家提供参考经验。以及在入职过程中避免踏入这些坑。一、个人的经历 本人是17年毕业,最开始在郑州的某公司待了两年,那时候刚毕业,没什么套路可说,就是毕业了直接入职的甲方公司,可能像郑州这样的地方,还没有一...

2020-05-04 19:13:34 1019 2

原创 一个技巧,让你在项目初期事半功倍【函数式编程】

做前端开发第三年了。也该沉淀一些事半功倍的项目技巧了。 1.函数式编程 有人说,为什么问,什么是函数式编程,函数式编程是把公共的部分抽离,使代码看上去更容易推理,和复用。在开发的初期,我也是有什么功能,就直接网上写,比如获取个日期啊,返回个错误信息啊,等等的,写的每个页面都是,所以这些写法虽然能实现功能,但是后期维护起来却很麻烦。要每个页面的去改 比如你要让...

2020-04-29 16:09:10 153

原创 【vue项目实践干货】上传文件后,后端返回错误文件的下载

先通过,Fromdata上传文件,当有错误时,后端返回错误文件,当错误文件是正常的,则直接创建A标签,然后主动触发下载,当返回的错误文件不正常时,则返回对于的错误消息,不说了,直接上干货//上传方法 uploadFile(){ let form = new FormData() let that =this form.a...

2020-04-18 16:37:51 800

原创 【VUE实践项目干货】如何兼容IE

Vue项目IE11兼容常见问题:控制台报错SCRIPT1002:语法错误或STRICT错误,点击下部文件(常见:main.js,chunk-vendor.js)进行查看,断点下部拥有依赖包关键字,查找是否有常见IE不支持依赖包。*常见IE不支持依赖包"browser-md5-file": "^1.1.1",//可以换成引入spark-md5.js包"quill-image-dro...

2020-04-18 16:15:12 390

原创 vue + elementui +axios 的文件上传功能 和文件下载功能

这个是在项目中遇见的,所以记录下来不多说。直接上代码。<template> <div> <!--<el-upload drag :limit=limitNum :auto-upload="false" accept=".xlsx" :action="UploadUrl()" ...

2019-11-19 19:42:00 703

原创 npm下载包,npm常用包下载记录,npm包大全

为了以后方便参与工作,记录常用下载包,以及官方地址cnpm (cnpm淘宝镜像)npm install -g cnpm --registry=https://registry.npm.taobao.orgexpress-generator(快速生成node服务器骨架)下载npminstall-gexpress-generatorexpress(命令...

2019-08-29 22:03:34 2383

原创 利用vue-cli(脚手架)一步一步构建一个仿当当网项目

项目图开发环境的搭建这里我就不多叙述了,直接看我的这个文章有详细步骤 vue项目构建步骤开发环境统一化用一个插件 ESLint 我用的是vscode,所以就直接在插件里面下载了。项目中已经自动安装了,所以不用给项目添加依赖了。安装完插件后需要在,vscode中的首选项 设置中的 settings.json中添加设置 "editor.tabSize": 2,//设置按tab键等...

2019-08-20 22:09:42 576

原创 2019年面试题:金九银十,中高级前端进大厂必看面试题,

New的实现原理是什么?就是讲这个代码过程的原理function A(name,age){ this.name = name this.age = age}a = new A()(1)创建一个新对象;var o ={}(2)将构造函数的作用域赋给新对象(因此this就指向了这个对象);o.proto= a.prototype(3)执行构造函数中的代码(为这个新对象添加属性)...

2019-08-17 13:57:52 298

原创 js零散知识点

这个很好的说明的原型链,原型和继承// 其中F表示一个自定义的函数或者是含有prototype属性的内置函数new F().__proto__ === F.prototype // true①__proto__和constructor属性是对象所独有的;②prototype属性是函数所独有的,因为函数也是一种对象,所以函数也拥有__proto__和constructor属...

2019-08-14 13:58:17 74

原创 ES6零散知识点

像月、日、时、分、秒。都可能出现一个数的情况所以需要补零es6中有一个方法可以控制字符串位数不够补零,或者补充别的(.padstart(2,'0'))var num = 3;num.toString().padstart(2,'0')//限制为两位,少的就补'0'随后慢慢更新................................

2019-08-13 22:01:53 58

原创 gulp的基础入门

gulp基础入门使用场景(Nodejs)使用场景(Nodejs)先使用npm下载安装。gulp是基础,功能都在gulp插件中。就好比ECMA提供了语法。功能都在javascript。所以先下载gulpnpm install -g gulp这需要装在全局在本地也需要天剑依赖,所以先初始化项目 npm init -y //生成初始化的json文件在本地添加依赖...

2019-08-10 15:34:29 65

原创 bootstrap的使用教程

bootstrap的使用教程摘要bootstrap是什么,能干什么使用方式直接使用里面内置的样式摘要bootstrap是什么,能干什么bootstrap官方地址bootstrap 是一个组件化的前端框架,用于响应式开发,移动web优先。这就好比你用word,文字格式别人都给你封装好了,你按照使用方式使用就行了。感觉不合适你自己再加样式。使用方式直接使用cdn链接<!-- ...

2019-08-08 13:28:06 194

原创 使用less的三种方式详解

less使用的三种方法在客户端使用lessless的下载与使用在客户端使用,必须要使用服务器的模式启动less的语法在服务端使用lessless的安装less的编译也可以使用自动编译程序 koala混合(函数)模式使用less在客户端使用lessless是预处理语言less的下载与使用在客户端使用,必须要使用服务器的模式启动为什么要用服务器模式启动,因为要发送请求,编译后返回数据,如果...

2019-08-02 11:28:33 2077

原创 使用nodejs连接mysql数据库,实现数据持久化可维护化。

首先第一步你需要有个项目工程。我就直接用别人创建的包一键创建了。express mysql创建完的目录如下图如果你想了解这个包,请点击这里, express-generator第二步就是下载工程中默认的包和,mysql的包cnpm i //下载工程中需要的包cnpm i --save mysql //下载mysql包第三步我封装了一个连接的模块,...

2019-07-30 17:58:22 523

原创 express中使用模板引擎,模板引擎的配置过程

首先要明白干什么。在express中我想直接响应一个模板页面,这样响应。res.render('index.html')直接响应一个页面,所以。想用模板引擎渲染出来的页面,就要先安装包,有两个安装包cnpm i --save art-templatecnpm i --sava express-art-template配置app.engine('html',r...

2019-07-28 21:03:02 263

js实现日历组件,一行代码实现日历,并且实现可添加自定义记录

原生js实现日历组件,只需要一行代码就能实现日历功能,并且实现日历可添加自定义记录,纯html、js、css实现,功能完整,一行代码即可实现页面功能,完整文件,具有案例可供参考,

2022-10-27

es6降级es5的解决方案 browser+polyfil

文件里面包含两个文件,一个是browser.min,一个是polyfill.min,只需要简单的把这个两个文件引入,即可解决部分浏览器不兼容es6的语法的问题, 一、使浏览器兼容ES6基本语法:browser.min.js 二、使IE浏览器兼容ES6(Promise 等语法):browser-polyfill.min.js 解决IE9无法使用promise的js脚本,引入后,还需跟browser.js配合使用 购买一个内容解决浏览器兼容问题,

2022-06-07

价值100元的4页 dw做的成品演说家活动网页 可当毕业设计

价值100元的4页 dw做的成品演说家活动网页,可以当做设计网页的成品毕业设计

2021-06-22

echarts-geoCoordJson全国.js

echarts geoCoord全国省、市等中心坐标 Json 格式,这是一个全国的省坐标,市坐标统计,

2020-06-16

HTML5+CSS3旅游资源网源代码

可运行的HTML5+CSS3源代码,用的都是最新的技术,适合新手学习,大牛勿喷。

2018-06-12

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除