- 博客(24)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 模块的循环加载问题
对于模块加载的问题的话: 有时候会出现一种就是a模块依赖于b模块,然而b模块又依赖于a模块,这样在模块加载的时候就出现了一种模块间的循环加载的问题 模块加载在CommonJS中会存在缓存问题:若出现模块加载的会,会先加载模块,然后等要用的时候直接去缓存中取 而ES6的模块加载不同:ES6的模块加载相当于是实时加载,当需要用到模块里面的数据的时候才会去加载模块,没有缓存问题...
2018-09-12 17:55:36
529
原创 webpack 从 0 开始配置到能用 npm run dev 启动项目
node 环境基于 webpack 版本 4.43.0 webpack-cli 版本 3.3.12全局安装 webpack 、webpack-cli创建一个目录来存放项目进入项目 初始化项目 npm init -y-安装 webpack 以及 webpack-cli 到本地 npm i webpack -D npm i webpack-cli -D在项目根目录创建 app 目录新建 main.js 文件到 app 目录下main.js新建 pu
2020-06-21 00:19:21
890
原创 sass 和 less 在 @vue/cli中的使用方法及问题
less只需要安装 less-loader在 vue 组件中使用的时候像下面这样需要注意的是这个头当然你可以直接输入 less 脚手架会提示,直接 enter 就行,然后直接根据less 语法去写样式就 oksass首先也是像 less 一样去安装 loader npm i sass-loader然后在 vue 文件中写,像下面这样因为你习惯性的输入 sass 后会有提示,然后就会习惯性的 enter写好了 sass,然后启动项目报错找不到模块 node-sas
2020-06-20 06:03:36
395
原创 vue基础项目结构
@vue /cli 4 脚手架安装然后安装 vue-router之后自己建立 route 目录,创建 router.js 路由配置文件目录结构大概是这样的配置 vue-router 文件:路由的配置注意嵌套规则就 ok配置好路由之后,在入口文件(main.js)中引入npm run server一个简单的项目模型就成了2020 06 20 04 55...
2020-06-20 04:56:28
177
原创 前端优化方案
前端优化方案页面级别的优化减少 http 请求数量页面设计简单合理的http缓存资源合并与压缩(多个css 、js合并为一个css 、 js)css sprites(合并 css 图片)inline images图片懒加载外部脚本置底(body 末尾)inline 脚本异步执行(置底)脚本懒加载(lazy load javascript)将css放在 head 中减少不必要的 http 跳转对于以目录形式访问的 HTTP链接,很多人都会忽略链接最后是否带 ’/’,假如你
2020-06-13 16:23:08
206
原创 deprecated request@2.88.2: request has been deprecated, see https://github.com/req
@vue/cli 安装出错我们可以安装淘宝镜像来解决npm config set registry https://registry.npm.taobao.org然后重新安装npm install -g @vue/cli就能安装成功了这是我安装得版本,然后创建项目2020.06.07 22.59
2020-06-11 02:22:05
4519
原创 vue 的 MD5 加密细节
为什么叫细节,请听我说用一个登录密码加密来说吧首先安装需要的 crypto, 因为 MD5 在 crypto 里面npm install crypto -S导入 import crypto from ‘crypto’ (在 main.js 文件中)let MD5 = crypto.ceateHash('md5') //得到了MD5 MD5.update('xixihaha') console.log(MD5.digest('hex')) //加密就 ok 了
2020-06-07 14:05:51
220
原创 vue - axios - koa2从前端都后台走通
前端准备npm 安装 vue(我是用的脚手架,这还是方便的)vue -router 安装前端路由前端路由是用在前端页面需要跳转,并且不需要想服务器请求数据。npm 安装 axiosaxios 的作用是解决跨域请求资源问题,我们的项目是运行在本地的 8080 端口,而后台项目是运行在本地的 3000端口,所以你 vue 想要去拿到 koa 的数据, 你就肯定会跨域在项目的入口文件 main.js 中引入第二行是 vue 的配置,和 axios 没什么关系第三行是配置 axios 的前
2020-06-02 16:10:06
1092
4
原创 node + express 以及 node + koa2 处理跨域问题
先说一下问题,首先这是一个跨域问题,记住是跨域问题就是当你出现上面这种情况的时候,就是需要你在服务器上配置 headerkoa 的处理方式 : 在你的入口文件的 app.use 中间件中加入 ctx.set('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild'); ctx.set('Access-
2020-06-01 21:30:30
388
原创 带你走出 git 分支的烦恼(渣男 master)
为什么 git 分支烦恼呢,因为我也被烦恼过好久首先你在 master 分支上git checkout -b dev 创建并且切换到了 dev 分支上ok在 dev 分支上工作我们创建一个 a.txt 文件,注意是 a 文件添加到暂存区, 注意是 dev 分支上然后我们提交git commit -m ‘xxhh’然后我们切回到 master 分支回到 master 分支后,你再去看你的工作区,也就是你创建 a 文件的那儿哇 ,妈妈呀 。我
2020-05-31 13:56:30
237
原创 git 由浅入深学习之路
建议去廖老师的官网查看,下面的还只是我个人心得git 是什么分布式版本控制器安装 gitwindows 系统直接到官网下载后进行安装就 ok安装成功之后你在桌面鼠标右键点击的时候会出现一个 git bash 的选项,那么你就安装上 git 了创建一个空仓库(就是创建一个空目录,空文件夹)初始化仓库 (去空目录里面 git init 初始化仓库)表示该目录在仓库中git add 目标文件(指令),将目标文件添加到仓库中git commit -m 注释信息git status 查看
2020-05-30 18:13:44
176
原创 vue-cli 搭建个人博客前端项目 遇到的问题
从安装开始起始 git 的安装, 因为后边会安装依赖包,比较方便node.js 的安装, 需要一个node 项目运行环境, npm 安装依赖包路由 vue-router用的是 vue-cli 4.0上面的版本, 没有自带的 router 目录, 需要自己去创建而且vue-cli 版本升级之后改名了现在用 npm install @vue/cli -g 安装创建项目的时候创建命令也改成了 npm create pro_name , 而不是之前的什么 npm init webpack pr
2020-05-30 00:06:37
159
原创 教你在个人网站中引入 markdown 脚本
为什么叫 markedown 脚本呢 ?因为你要引入的就是脚本,就是 JS 文件 。 OK 开始!!下载地址https://github.com/evilstreak/markdown-js/releases选择下载第二个: markdown-browser-0.6.0-beta1.tgz下载解压之后:然后进入编辑器<!DOCTYPE html><html> <script src="markdown.js"></script>
2020-05-27 16:59:33
644
原创 vue cli 从2.0 到 4.0 项目创建的某些细节改变
直接名字都给改了vue-cli 这是之前版本的写法(3.0以下)在高版本之后 vue-cli 改名为 @vue/cli , 所以在安装的时候得需要注意而且高版本不支持用 vue init webpack + pro_name 来创建你的项目了而且4.0 之后的版本安装完之后用 vue create + pro_name 来创建你的项目 ,和之前创建有不同,且创建之后不用 npm init 去安装依赖, 之前不安装的依赖就启动不了项目。版本 4.0 比之前的版本文件目录更清晰然后 npm r
2020-05-26 11:35:56
326
原创 从零教你用vue-cli创建项目
从零教你用vue-cli创建项目首先得安装nodejs,因为你没有node,用不了 npm 去下载包,安装nodejs之前最好安装一个git,好用一点,能随时到某一个文件夹下面去右键 git bash, 而不用去 cd +++ 文件夹名安装 vue-clinpm install vue-cli -g 安装在全局比较方便 ,install 可以简写为 ivue-cli 安装好之后就能使用 vue 命令创建项目vue init webpack myvue 是 vue-cli 的命令 ,web
2020-05-25 00:15:00
150
原创 再来说一说 JavaScript 执行顺序
今天再来看看 JavaScript 的执行顺序下面是例子:async function async1() { console.log("async1 start"); await async2(); console.log("async1 end");}async function async2() { console.log("async2");}...
2019-04-09 21:53:40
189
原创 简单说说 JavaScript 执行机制
想要知道 JS 如何执行的标题需要了解同步、 异步、浏览器的 EventLoop(事件循环机制)、宏任务 、微任务开始的时候,我们都应该疑问:**JS 语言本身并不是多线程的,它只有一个主线程,但是我们却知道 SetTimeout 、 SetInterval 是异步的,那么它又是如何执行的? **首先浏览器的 EventLoop 是一个特定功能的代码块称为一个任务从你编译器中的代码...
2019-04-09 21:10:20
154
原创 用 canvas 和 js 生成验证码
验证码的生成茶前饭后之余,我们来说一下如何用 H5 的 canvas 和 JavaScript 来生成一个完美的验证码。 生成验证码的主要步骤分为三步:生成干扰点、生成干扰线、生成字符,下面开始我的表演。 当然我们在进行主要步骤之前我们得需要一个 canvas 对象//html点击图片重新生成验证码<p> <input type="text"...
2019-01-20 20:41:23
225
转载 初识react
本文转载于阮一峰老师个人博客React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可...
2019-01-20 13:30:10
118
原创 前端基础学习
基础html、css、javascripthtml是最基本的一个东西,是网页的根基,就好比是一个房子的基石。在html5之前,还存在着一些样式标签,而h5废弃了样式标签(就是带有一些特殊样式的标签),而标签的样式都交给css去完成。html的话主要学习的是:元素标签、节点类型以及DOM树形结构比如说:<html> <div> <...
2018-08-14 15:19:23
119
原创 JavaScript【函数预编译和作用域链问题】
函数预编译 JavaScript代码执行的时候会产生一个全局的执行期上下文对象GO{}(即global object) 执行期上下文形成过程: 1、创建GO{} 2、在全局中查找变量声明和函数声明并且其值为undefined,若函数名和变量名相同即为GO对象的同一个属性 ...
2018-07-18 19:17:14
150
原创 Bootstrap学习
Bootstrap其实就是由开发者写好的一个“库” 它包含有很多的样式类以及js代码,所谓的响应式布局是在.css文件中根据浏览器检测到的屏幕宽度来通过媒体查询来实现由不同的屏幕大小显示不同的内容。 在学习Bootstrap的时候可以按照Bootstrap中文网上的目录来学习,上面有很好的例子讲解,当然最好是自己看源码是怎么实现的,可以了解开发者的思想来去学习,而不是去记住那些...
2018-07-14 15:42:59
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人