- 博客(16)
- 收藏
- 关注
RSS订阅原创 koa框架搭建最简单的后台服务器
在这java横行时代，其他的一些后台的框架就显得有些弱小无助，但是也都不会影响一个好用优秀的框架的存在这篇文章主要是给小伙伴们介绍一下koa的使用和个人的见解，欢迎各路大神指点指点。进入主题：首先koa是一个基于NodeJS的一款框架，相信一些前端的小伙伴对NodeJS都不陌生了，我在这里也就不过多介绍了。koa框架有一个很大的特点，就是洋葱模型。大家可以先了大概的了解一下下面的洋葱模型图，初次接触的小伙伴可能有点不理解，但是没关系，在使用的过程中就会慢慢的体会到这洋葱模型的巧妙之处。----开始搭
2021-02-01 17:55:26
707
原创 node爬虫_爬取斗图啦网站上的表情包
最近在学习node.js,做点不是人的事情：爬取网站上的表情包实现步骤：1、分析网站的结构：斗图啦这个网站是服务器渲染的，直接打开网站就可以获取到完整的html信息。我们可以看到下面两张图就是我们需要获取的信息2、使用的插件工具（1）axios ====> 异步获取ajax请求（2）cheerio ====> cheerio是jquery核心功能的一个快速灵活而又简洁的实现，主要是为了用在服务器端需要对DOM进行操作的地方（简单点说就是方便操作获取回来的html数据）3、网
2020-09-10 12:42:50
240
原创 Node.js连接数据库等操作
1、配置好node环境，注意数据库的类型：MySQL、msSQL。msSQL是指微软的SQLServer数据库服务器；MySQL是由瑞典MySQL AB公司开发，属于Oracle旗下的产品。2、在项目中安装配置数据库模块（以msSQL为例，MySQL操作类似）//在命令行中执行npm install mssql 3、封装连接数据库的方法//index.js文件'use strict'//引入mssql模块const sql = require('mssql);//配置数据库信息v
2020-07-27 10:51:04
849
原创 选择排序与快速排序
选择排序原理：（以降序为例）遍历乱序的数组，取出数组中最大的值，插入到一个新的数组中，直到原数组的没有值为止。原理图：js代码：var Arr = [5,7,1,8,10,4,3,2];//需要排序的数组var newArr = [];//已经排好序的数组function f(arr){ if(arr.length === 0) return newArr; let Max = Math.max(...arr); newArr.push(Max); for(var i = 0;i<
2020-05-24 20:36:36
740
原创 浅谈原型链及原型链继承
1、什么是原型链？JavaScript对象有一个指向一个原型对象的链。当试图访问一个对象的属性是，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依次层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾。更详细的解释点击here查看。2、原型链示意图3、JS实现继承的方式这里只列举3种（原型链继承、构造继承继承、组合继承）//定义一个父类function Father(name){ //属性 this.name = name || "father"; //实例
2020-05-22 10:40:18
537
2
原创 「前端特效」----HTML+JS实现终端输入效果
效果图：在线效果 click here代码：<!-- html代码 --><canvas id='c'></canvas>//javascript代码<script> var ctx = document.getElementById('c').getContext('2d'); var text = document.queryS...
2020-04-22 11:14:13
1032
原创 「前端特效」----js生成的多彩旋转魔力画笔
效果图：在线效果图click here代码：<!-- html代码 --><canvas></canvas>/* css代码 */canvas{ width:100vw; height:100vh; position:fixed; top:0; left:0; z-index:-9999;}<script> var ...
2020-04-21 10:25:04
187
原创 「前端特效」----旋转太极图
效果图：click here代码：纯css实现<!-- html代码 --><div class='box_taiji'></div>/* css代码 */body{background:#cfcfcf}.box_taiji{ width:0; height:400px; border-left:200px solid #000; bord...
2020-04-20 09:30:47
226
原创 「前端页面布局」----图片瀑布流
前几天在一家公司机试，做一个瀑布流的前端页面。感觉不是很难，所以回来自己敲了一次。效果图：思路：1、使用绝对布局：position:absolute;2、动态赋予每一张图片的top值和left值。代码：<!-- html部分 图片和标题部分省略，可自行添加图片和标题 --><div class = 'box> <ul id='box_list'>...
2020-04-18 23:56:15
810
原创 Vue刷新页面功能
在使用Vue开发过程中，有时候修改了一些数据或者提交了表单以后需要刷新当前页面，js中有很多方法都可以刷新页面，但是我觉得都不是很友好，会突然整个页面白了一下，相当于按了F5刷新页面。最近看到了大神们的做法，也实现了一下，感觉挺不错的。//Vue.app<template> <div id="app"> <router-view v-if='isRouter...
2020-04-11 22:58:32
269
原创 Vue封装axios
1、新建一个http.js//导入axiosimport import axios from 'axios';//添加一个拦截器axios.interceptors.request.use( config=>{ //通常我自己开发习惯登录后返回token都存在sessionStorage中，也可以存在localStorage中或者封装cookie const tok...
2020-04-05 00:04:20
94
原创 微信小程序 picker+input组件 下拉选择框可文本框输入内容实例
最近做一个拼车小程序有一个需求：可以选择社区作为出发点，也可以输入出发点信息。参考了一位大佬的帖子做了一个下拉选择框可手动输入的实例。参考原文：https://blog.csdn.net/yelin042/article/details/79078068下面是我的代码：样式我是用weui的样式库<!-- html --><view class="weui-cell__...
2020-03-08 15:57:07
8204
2
原创 微信小程序 wx.chooseImage与wx.uploadFile的使用
这周在做一个有关拼车的小程序的时候有一个地方挺坑的，就是wx.uploadFile()这个微信API，以前做一个防伪的小程序的时候也使用过也掉紧了这个坑，还是我太年轻了，不长记性，这次特意写一条帖子来让自己长点记性；先上官方文档的用法示例：（具体的参数可查官方文档）这里简单的说一下一些参数：wx.chooseImage(){ success(res){ console.log(res...
2020-03-08 15:31:07
4064
原创 Vue-quill-editor改变图片大小ImageResize问题解决
用过Vue-quill-editor的小伙伴都会发现，上传的图片是不能任意变换它的大小的，这需要我们用一个插件，使这个图片可以任意变换大小。步骤：1、安装quill-image-resize-modulenpm install quill-image-resize-module --save2、引入到我们的.vue组件中 import 'quill/dist/quill.core.cs...
2020-02-28 16:01:44
8908
9
原创 富文本编辑器Vue-quill-editor的使用
富文本编辑器Vue-quill-editor的使用最近做一个项目需要到用富文本编辑器，百度查了一大堆，感觉看到这款Vue-quill-editor不错就拿过来用了，下面是使用vue-quill-editor的效果图和一些使用步骤。vue-quill-editor github地址：https://github.com/surmon-china/vue-quill-editor官方文档地址：h...
2020-02-27 16:05:46
391
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人