2020年07月_阿清呀.

原创什么是前端渲染和后端渲染，前端路由和后端路由。

—文章首发—什么是前端渲染和后端渲染，前端路由和后端路由。视频讲解后端渲染：服务器直接生产渲染好对应的HTML页面, 返回给客户端进行展示。比如：jsp页面好处：前端耗时少，即减少了首屏时间，模板统一在后端。前端（相对）省事，不占用客户端运算资源（解析模板）坏处：占用服务器资源。前端渲染浏览器中显示的网页中的大部分内容，都是由前端写的 js 代码在浏览器中执行，最终渲染出来的网页。也可以怎么说：后端返回JSON数据，前端利用预先写的html模板，循环读取JSON数据，拼接字符串，并.

2020-07-30 22:24:29 689

原创关于setInterval和setTImeout中的this指向问题

问题：setInterval和setTimeout中传入函数时，函数中的this会指向window对象我们先来看一个例子：var num = 0;function Obj (){ this.num = 1, this.getNum = function(){ console.log(this.num); }, this.getNumLater = function(){ setTimeout(function(){

2020-07-30 09:04:18 205

原创 Vue-cli3和Vue-cli4打包 npm run build 路径错误解决办法(亲测管用)

–Vue-cli3打包 npm run build 路径错误解决办法我们用vue-cli搭建的项目执行npm build后本地打开页面空白，如何才能查看npm run build之后的结果呢。我们先看一下提示信息： Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.这段话的意思就是说：构建文件务必放在一个HTTP服务器。直接打开i.

2020-07-29 21:54:20 1978

原创 Vue CLI 中 Runtime-Compiler和Runtime-only的区别

—文章首发—在我们初始化vue项目的时候，会让我们选择 Runtime-Compiler 还是 Runtime-only 。那我们就来看一下他们有什么区别Runtime-Compiler：编译器版本。Runtime-only：运行时版本。如果你需要在客户端编译模板（例如，向 template选项传入一个字符串，或者需要将模板中的非DOM的HTML挂载到一个元素），你需要带有编译器的版本，因而需要完整构建版本。// 这种情况需要编译器new Vue({ template:`<div.

2020-07-29 16:46:20 466

原创报错‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。

—文章首发—在我们初始化Vue项目的时候，有时候会碰到’webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序或批处理文件。解决方案：方案一：看看自己的项目里面是否有node_modules文件夹，1、如果没有就尝试执行npm install,这是因为缺少依赖包。2、如果有就将这个node_modules文件夹删掉，重新执行npm install，等待安装完之后，再次运行“npm run dev”，有些人的是马上就可以了，然而往往还会有人（譬如我）仍然报类似的错误，.

2020-07-29 16:00:39 11059 1

原创【Vue，webpack】报错解决（Module parse failed: Unexpected token (1:0) You may need an appropriate loader）

错误如下：webpack默认是不能处理vue文件，所以只能我们自己添加一些额外的插件进行处理它。解决方式：第一步：安装插件cnpm i vue-loader vue-template-compiler --save-dev 第二步：在webpack.config.js添加如下配置： module: { rules: [ { test: /\.vue$/, use: { loader:

2020-07-28 16:23:37 29073 5

原创 webpack打包文件，在引入其他的文件时，省略文件的后缀名

文章首发------------当我们在使用webpack打包vue，我们需要引入一下文件的时候，会这样写有时候我们不想写文件的后缀名，可以进行如下配置resolve: { // 配置省略文件后缀名 extensions: ['.js', '.css', '.vue'], },这样我们就不用写文件的后缀名啦文章首发------------...

2020-07-28 15:58:47 1170

原创 javascript 分号结尾的问题

一定要使用分号的情况分号不只是语句结尾使用，在某些语法中，具有分隔表达式或语句的作用：for 中的表达式之间：for(var i=0;i<10;i++)同一行使用多个表达式：// example 1var i=0; i++// example 2case 'foo': dosomething(); break以 [ ( 开头的行，这是一种特殊的风格，用来防止解析器或者压缩工具误认为某行和上面几行在一起解析，造成代码执行结果错误，还有 IIFE（立即执行函数表达式）这种

2020-07-26 19:47:32 500

原创总结了一些很实用值得收藏的站点

目录VR相关个人站点人工智能优秀网站创意十足图标库在线工具在线简历官方网站数据分析工具炫酷特效社区素材下载视频学习配色方案静态资源库音效素材库Hove特效Wordpress值得收藏电子书网站导航资源下载边学边玩VR相关站点名称描述标签VR网站仓库汇集了国外涉及到VR的大部分知名网站VR、网站导航个人站点站点名称描述标签10081677wc字节跳动公司某前端员工的博客博客、字节跳动、前端.

2020-07-19 14:18:51 10876 7

原创 webpack详细配置

webpack详细配置????webpack详细配置之entryentry: 入口起点 1. string --> './src/index.js' 单入口打包形成一个chunk。输出一个bundle文件。此时chunk的名称默认是 main 2. array --> ['./src/index.js', './src/add.js'] 多入口所有入口文件最终只会形成一个chunk, 输出出去只有一个bun

2020-07-17 14:57:01 215

原创 webpack 性能优化

webpack 性能优化HMR （针对开发环境下）HMR: hot module replacement 热模块替换 / 模块热替换作用：一个模块发生变化，只会重新打包这一个模块（而不是打包所有模块）极大提升构建速度 1、样式文件：可以使用HMR功能：因为style-loader内部实现了~2、js文件：默认不能使用HMR功能 --> 需要修改js代码，添加支持HMR功能的代码if (module.hot) { // 一旦 module.hot 为true，说明开启了HM

2020-07-17 14:56:21 172

原创 webpack生产环境的基本配置

webpack生产环境的基本配置????1.1 提取 css 成单独文件1、下载安装包2、下载插件并且引入npm install mini-css-extract-plugin -D3、修改配置文件我们仍然需要注意路径。const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');//引入mini-css-extract-pluginconst Mini

2020-07-17 14:55:25 235

原创 webpack 开发环境的基本配置

文章目录1. webpack 初体验1.1 初始化配置1.2 编译打包应用2. webpack 开发环境的基本配置2.1 创建配置文件2.2 打包样式资源2.3 打包 HTML资源2.4 打包图片资源2.5 打包其他资源2.6 devserver2.7 开发环境的配置1. webpack 初体验1.1 初始化配置初始化 package.json输入指令:npm init下载并安装 webpack输入指令:npm install webpack webpack-cli -g

2020-07-17 14:54:13 353 1

原创 Git操作——简单可直接食用

个人博客链接：https://aqingya.cn/文章目录Git命令行操作1.1本地库初始化1.2设置签名1.3基本操作1.3.1 状态查看1.3.2 添加1.3.3 提交1.3.4 查看历史记录1.3.5 前进后退1.3.6 reset的三个参数比较1.3.7　删除文件并找回1.3.8 文件差异比较1.3.9 git stash2.2 分支管理2.2.1 什么是分支管理2.2.2 分支的好处2.2.3 分支操作2.2.4 解决冲突Git 结合Github1.1 创建远程库地址别名1.2 推送1.3 克

2020-07-13 16:28:34 282

原创 JavaScript基础面试题

文章目录1、介绍JavaScript的基本数据类型2、说说写JavaScript的基本规范？3、 jQuery使用建议4、 Ajax使用5、 JavaScript有几种类型的值？你能画一下他们的内存图吗？6、栈和堆的区别？7、 Javascript实现继承的几种方式8 、Javascript创建对象的几种方式？9、Javascript作用链域10、谈谈this的理解11、 eval是做什么的？12、什么是window对象? 什么是document对象?13、 null，undefined的区别？1

2020-07-11 22:44:54 212

原创 node.js系列之简单操作

nodejs – 简单读写文件浏览器中的 JavaScript 是没有文件操作的能力的但是 Node 中的 JavaScript 具有文件操作的能力fs 是 file-system 的简写，就是文件系统的意思在 Node 中如果想要进行文件操作，就必须引入 fs 这个核心模块在 fs 这个核心模块中，就提供了所有的文件操作相关的 API例如：fs.readFile 就是用来读取文件的读取文件第一个参数就是要读取的文件路径第二个参数是一个回调函数成功 data 数据

2020-07-11 12:27:32 129

原创常用API接口集合

常用API接口集合 ????????不知道叫啥的api-------知道了，叫博天api 在线接口测试在线格式化JSNO工具天气预报代码_天气预报插件_免费天气预报代码(插件)调用——天气网今日诗词 - 一言API博客参考–获取必应每日壁纸(api)获取网易新闻请求方式：POST请求地址：https://api.apiopen.top/getWangYiNews腾讯新闻接口请求方式：POST请求地址：https://pacaio.match.qq.com/

2020-07-04 23:15:46 644

wzg0817的博客