- 博客(22)
- 收藏
- 关注
RSS订阅原创 如何使用js将html、css、js代码格式化并高亮显示
代码格式化，高亮显示，这在我们开发过程中都是司空见惯的功能，各种编辑器都有，在好多网站上也可以在线格式化代码，但是如何在我们的前端页面上插入一段格式化后高亮显示的代码呢？有些小伙伴可能还不会，那么看完这篇文章之后肯定就学会了。效果图如下：自己要去找实现方法可能很难也很花时间，但是别人总结好的东西就会给你省下很多事情了。多看多总结多分享，跟大家一起进步，加油！！好了，下面步入正题吧。<!DOCTYPE html><html> <head> <met
2020-11-06 14:20:43
1422
原创 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
1294
原创 在linux服务器上安装node、pm2
1、在node.js官网上下载linux版node.js安装包2、将安装包上传到linux服务器上并解压
2020-10-17 16:46:41
686
原创 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
1031
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
1774
原创 纯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
560
原创 vs code全局搜索内容不全的问题
vscode有时全局搜索内容明显不对，可能是搜索时使用了.ignore文件导致忽略了其中的内容，打开vscode的设置，搜索search，找到Search: Use Ignore Files，取消掉勾选，然后就可以搜索到所有的内容了
2020-06-12 13:59:52
12380
转载 Node.js 学习笔记 七
Node.js Express框架Express 简介Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性：可以设置中间件来响应 HTTP 请求。定义了路由表用于执行不同的 HTTP 请求动作。可以通过向模...
2019-07-23 19:55:46
180
转载 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
199
原创 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
200
转载 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
205
转载 Node.js学习笔记（三）
Node.js Stream(流)Stream 是一个抽象接口，Node 中有很多对象实现了这个接口。例如，对http 服务器发起请求的request 对象就是一个 Stream，还有stdout（标准输出）。Node.js，Stream 有四种流类型：Readable - 可读操作。Writable - 可写操作。Duplex - 可读可写操作.Transform - 操作被写入数...
2019-07-04 23:49:32
177
转载 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
234
转载 Node.js学习笔记（一）
node.js学习笔记（一）1、node.js创建第一个应用node.js是由以下三个部分组成：引入require模块：我们可以使用require指令来载入Node.js模块；创建服务器：服务器可以监听客户端的请求，类似于Apach、Nginx等http服务器；接受请求和相应请求：服务器很容易创建，客户端可以使用浏览器火终端发送http请求，服务器接受请求后返回相应数据。 // 使...
2019-07-03 21:49:39
435
转载 re0：从零开始的Webpack4配置
从零开始的Webpack4配置作为一个前端工程师，不管怎么说，webpack配置还是要了解一下的。虽然一般情况下都用不上，但是人无我有，人有我优，是不是就能在市场有有一点优势了呢？学了webpack之后，以后要在项目中装其他乱七八糟的插件的时候也不会一脸懵逼，不知道这些东西怎么配置的，免得每次配东西都要百度。话不多说，开始学习吧！这是根据知乎上看到的文章写的，我照着教程走了一遍，为了巩固学习成...
2019-06-29 16:10:58
223
原创 常见的多种在线代码编辑器
1、BeautifyTools提供各种转化工具，但是不会提供前端代码运行的结果。如图，这个编辑器提供的是转化工具，代码提示，错误提示功能很强大，就是没有执行结果。主要功能全部是转化工具。2、codepen可以编辑前端html、css、js代码并查看执行结果，也可以指定其它的编程语言。编辑代码时没有代码提示，错误提示也只有css代码会出现。3、jsbin提供基本的...
2019-06-24 11:42:36
2247
原创 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
160
原创 input输入框在输入中文时的compositionstart和compositionend事件
input框在输入切换中文输入法时的输入事件1、compositionstartcompositionstart事件只有在输入中文时才会触发，触发事件在input事件之前2、compositionendcompositionend表示结束中文输入时触发的事件，不管最后输入的是不是中文都会触发3、inputinput事件就是最后输入到输入框的事件4、如何应用这些事件利用这些事件，...
2019-06-21 15:08:11
6253
2
原创 使用codemirror打造你自己的前端在线编辑器
介绍如何使用codemirror生成自己的在线代码编辑器，现在还只支持前端编辑后查看运行结果
2019-06-18 11:27:48
2689
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
1015
转载 maven项目springboot出问题
就是构建maven项目中遇到的一些问题，随手就记下来了，免得以后不会了又要上网找资料，自己记录下来给自己做备份
2017-08-16 23:35:56
1443
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人