- 博客(22)
- 收藏
- 关注
原创 如何使用js将html、css、js代码格式化并高亮显示
代码格式化,高亮显示,这在我们开发过程中都是司空见惯的功能,各种编辑器都有,在好多网站上也可以在线格式化代码,但是如何在我们的前端页面上插入一段格式化后高亮显示的代码呢?有些小伙伴可能还不会,那么看完这篇文章之后肯定就学会了。效果图如下:自己要去找实现方法可能很难也很花时间,但是别人总结好的东西就会给你省下很多事情了。多看多总结多分享,跟大家一起进步,加油!!好了,下面步入正题吧。<!DOCTYPE html><html> <head> <met
2020-11-06 14:20:43
1528
原创 vue框架如何将SPA项目改为SSR项目
相信使用vue spa模式开发页面的都知道,使用spa模式的项目首页加载很慢,就算你再怎么切割chunks,首页加载时总会有几秒钟的白屏,非常影响体验,而且spa项目很难进行seo。如果你也遇到了上面这些问题,那么可以尝试将spa项目改为ssr项目,更好地seo、更快地首屏加载恰好就是ssr相对于传统的spa项目的优点。接下来实际操作如何将spa项目改为ssr项目,照着vue官网的ssr文档看估计你是一脸懵逼,无从下手,但是vue已经有了官方的ssr框架nuxt,所以我们直接使用nuxt搭建框架,然后将
2020-11-06 11:57:10
1438
原创 在linux服务器上安装node、pm2
1、在node.js官网上下载linux版node.js安装包2、将安装包上传到linux服务器上并解压
2020-10-17 16:46:41
768
原创 js使用POST请求下载文件
平时都是使用get请求来下载文件,但是要传很多参数的时候就会很复杂,使用post请求来下载文件也是可以的 // 请求还是一样返回数据流,不过在请求中设置响应类型为blob this.$axios.post('file/downloadSomeFile', {json: params}, {responseType: 'blob'}).then(res => { const blob = res.data; const reader = new FileReader
2020-10-12 10:00:09
1093
2
原创 使用js通过链接下载文件
前端js通过链接下载文件原文章地址 axios({ method: 'get', url: `http://xxxx.mp4`, // 必须显式指明响应类型是一个Blob对象,这样生成二进制的数据,才能通过window.URL.createObjectURL进行创建成功 responseType: 'blob', }).then((res) => { if (!res) { return
2020-09-09 11:59:14
1848
原创 纯css编写任意角度的多个扇形
使用css来绘制任意角度的扇形,先来看效果如下下面来介绍如何用代码来实现,纯css实现,逻辑简单,一看就会。 <!-- html代码,没什么好说的 --> <ul class="container"> <li class="li-1"></li> <li class="li-2"></li> <li class="cover"></li> </ul>下面来进行css代码讲解:
2020-07-17 11:27:48
631
原创 vs code全局搜索内容不全的问题
vscode有时全局搜索内容明显不对,可能是搜索时使用了.ignore文件导致忽略了其中的内容,打开vscode的设置,搜索search,找到Search: Use Ignore Files,取消掉勾选,然后就可以搜索到所有的内容了
2020-06-12 13:59:52
13126
转载 Node.js 学习笔记 七
Node.js Express框架Express 简介Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性:可以设置中间件来响应 HTTP 请求。定义了路由表用于执行不同的 HTTP 请求动作。可以通过向模...
2019-07-23 19:55:46
193
转载 Node.js 学习笔记 六
Node.js GET/POST请求获取GET请求内容由于GET请求直接被嵌入在路径中,URL是完整的请求路径,包括了?后面的部分,因此你可以手动解析后面的内容作为GET请求的参数。node.js 中 url 模块中的 parse 函数提供了这个功能。实例const http = require('http');const url = require('url');const uti...
2019-07-23 19:52:33
221
原创 Node.js 学习笔记 五
Node.js文件系统Node.js 提供一组类似 UNIX(POSIX)标准的文件操作API。 Node 导入文件系统模块(fs)语法如下所示:var fs = require("fs")异步和同步文件系统分为异步的(fs.readFile() )和同步的( fs.readFileSync())异步的方法函数最后一个参数为回调函数,回调函数的第一个参数包含了错误信息(error)。...
2019-07-23 19:50:15
220
转载 Node.js学习笔记 四
Node.js 函数在JavaScript中,一个函数可以作为另一个函数的参数。我们可以先定义一个函数,然后传递,也可以在传递参数的地方直接定义函数。const say = function(value) { console.log(value);}// someFunc参数是一个方法function execute(someFunc,value) { someFunc(value)...
2019-07-23 19:46:01
220
转载 Node.js学习笔记(三)
Node.js Stream(流)Stream 是一个抽象接口,Node 中有很多对象实现了这个接口。例如,对http 服务器发起请求的request 对象就是一个 Stream,还有stdout(标准输出)。Node.js,Stream 有四种流类型:Readable - 可读操作。Writable - 可写操作。Duplex - 可读可写操作.Transform - 操作被写入数...
2019-07-04 23:49:32
192
转载 Node.js学习笔记(二)
node.js学习笔记(二)Node.js Buffer(缓冲区)Javascript 语言自身只有字符串数据类型,没有二进制数据类型。但在处理TCP流或文件流时,必须用到二进制数据。因此在Node.js中,专门定义了一个Buffer类,该类用来创建一个专门用来存放二进制数据的缓冲区。在Node.js 中,Buffer类是随Node 内核一起发布的核心库.Buffer类为Node.js带来...
2019-07-03 21:52:55
240
转载 Node.js学习笔记(一)
node.js学习笔记(一)1、node.js创建第一个应用node.js是由以下三个部分组成:引入require模块:我们可以使用require指令来载入Node.js模块;创建服务器:服务器可以监听客户端的请求,类似于Apach、Nginx等http服务器;接受请求和相应请求:服务器很容易创建,客户端可以使用浏览器火终端发送http请求,服务器接受请求后返回相应数据。 // 使...
2019-07-03 21:49:39
451
转载 re0:从零开始的Webpack4配置
从零开始的Webpack4配置作为一个前端工程师,不管怎么说,webpack配置还是要了解一下的。虽然一般情况下都用不上,但是人无我有,人有我优,是不是就能在市场有有一点优势了呢?学了webpack之后,以后要在项目中装其他乱七八糟的插件的时候也不会一脸懵逼,不知道这些东西怎么配置的,免得每次配东西都要百度。话不多说,开始学习吧!这是根据知乎上看到的文章写的,我照着教程走了一遍,为了巩固学习成...
2019-06-29 16:10:58
238
原创 常见的多种在线代码编辑器
1、BeautifyTools提供各种转化工具,但是不会提供前端代码运行的结果。如图,这个编辑器提供的是转化工具,代码提示,错误提示功能很强大,就是没有执行结果。主要功能全部是转化工具。2、codepen可以编辑前端html、css、js代码并查看执行结果,也可以指定其它的编程语言。编辑代码时没有代码提示,错误提示也只有css代码会出现。3、jsbin提供基本的...
2019-06-24 11:42:36
2275
原创 sass学习笔记
scss基础知识学习笔记1. 使用变量1.1、声明变量与使用变量变量名以$开头,名字自定义。$font-size: 14px;$border: 1px solid violet;使用方法 $font-size: 14px; /* 声明变量 */ .violet { font-size: $font-size; /* 使用变量 */ $width: 15px; /* 声明...
2019-06-23 23:41:38
175
原创 input输入框在输入中文时的compositionstart和compositionend事件
input框在输入切换中文输入法时的输入事件1、compositionstartcompositionstart事件只有在输入中文时才会触发,触发事件在input事件之前2、compositionendcompositionend表示结束中文输入时触发的事件,不管最后输入的是不是中文都会触发3、inputinput事件就是最后输入到输入框的事件4、如何应用这些事件利用这些事件,...
2019-06-21 15:08:11
6328
2
原创 使用codemirror打造你自己的前端在线编辑器
介绍如何使用codemirror生成自己的在线代码编辑器,现在还只支持前端编辑后查看运行结果
2019-06-18 11:27:48
2749
1
转载 webpack 4+ create-react-app如何配置请求跨域
webpack 4+ create-react-app如何配置请求跨域一、安装http-proxy-middleware管理包,npm i --save http-proxy-middleware二、在项目目录src/下新建setupProxy.js文件,然后写入如下代码:const proxy = require(‘http-proxy-middleware‘); module.expo...
2019-05-16 10:05:35
1033
转载 maven项目springboot出问题
就是构建maven项目中遇到的一些问题,随手就记下来了,免得以后不会了又要上网找资料,自己记录下来给自己做备份
2017-08-16 23:35:56
1528
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人