前端集散地
关注
分享
扫一扫
前端知识的集散。包括html，css，js的知识，以及vue等前端框架的集散。
小小∽
啊哈，我什么都不会怎么办~
展开
-
使用 | Java使用WebMagic 爬取网站
小小又开始学习了，这次跟着项目学习着，需要使用一个相关的爬虫，这里使用的是webmagic作为网站的爬虫。安装这里使用maven进行安装。根据maven下载相关的包<dependency> <groupId>us.codecraft</groupId> <artifactId>webmagic-core</artifactId> <version>0.7.3</version> </dep原创 2020-08-06 10:38:08 · 461 阅读 · 0 评论 -
入门 | egg.js 入门之egg-jwt
小小继续学习，这次学习的内容是egg-jwt 相关。创建egg项目这里创建一个egg新项目，这里使用的是ts模式。npm init egg --type=tsnpm install 安装相关的包这里创建并安装完成以后，需要再次初始化俩包，分别为egg-cors与egg-jwt token 生成的验证包npm install egg-cors egg-jwt --save 配置相关插件这里配置相关的插件import { EggPlugin } from 'egg';const p原创 2020-08-03 12:08:17 · 864 阅读 · 0 评论 -
明知 | TypeScript 结合 egg.js 基本使用
小小又进入了学习状态，此时小小由于最近接触了js的相关内容，进而接触了一些ts相关的内容，所以小小本次主要学习的内容是ts。安装相关依赖这里安装两个依赖，分别为egg和ts安装ts这里需要确保首先安装了npm相关工具。全局安装tsnpm install -g typescript进行全局的测试$ tsc -vVersion 3.2.2这样就完成了本地全局的ts的安装安装egg这里实现全局安装egg，并初始化依赖项目。创建工作目录mkdir showcase &&原创 2020-08-03 11:57:57 · 1112 阅读 · 0 评论 -
学习 | Node.js 之定时任务
小小又开始进入学习状态，小小本次学习的内容是 Node.js 的定时任务。这里关于Node.js 使用的是node-schedule定时器。所以这里总体是对node-schedule包的相关的学习。安装使用npm安装相关的包npm install node-schedule --save或者yarn add node-schedule使用案例对于定时器来说，使用的统统是Cron风格的定时器。const schedule = require('node-schedule');cons原创 2020-08-03 10:54:51 · 690 阅读 · 0 评论 -
学习 | MongoDB 索引和排序
小小又开始学习了，这次学习的内容是索引和排序。索引先给users集合插入两条记录，然后用users集合来进行索引管理的演示：> user1={"name":"liming","age":20,"gender":"F"}{ "name" : "liming", "age" : 20, "gender" : "F" }> db.users.insert(user1)WriteResult({ "nInserted" : 1 })> user2={"name":"zhangsan"原创 2020-08-01 13:29:46 · 1041 阅读 · 0 评论 -
学习 | Spring Cloud Config 从入门到精通
小小又开始学习了，这次学习的内容是Spring Cloud 相关内容，这次学习的是Config相关的内容。通过git完成分布式的配置文件的部署，达到更新git，就可以更新配置信息的功能、Server端添加相关maven这里配置Server端添加相关的依赖 <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spri原创 2020-07-26 23:18:27 · 128 阅读 · 0 评论 -
优雅 | koa处理异常
一个良好的编码习惯必然离不开异常处理，本文将会介绍如何在koa框架下面如何抛出错误，并统一处理返回异常。正常错误处理koa是一个优秀的NodeJs web框架，在我们开发web项目的时候，避免不了任何错误处理，包括http错误以及自定义的业务逻辑处理。在Node.js 中，抛出错误如下if(someCondition){ throw Error("Error");}Http错误处理这里使用ctx.throw(400)的方式，抛出http错误，同时返回一些信息。ctx.status = 4原创 2020-07-22 00:13:24 · 633 阅读 · 0 评论 -
明了 | MongoDB 外键的基本使用
小小继续进行学习，这次学习的内容是MongoDB外键的基本使用。表示表关系的方法在传统的关系型数据库当中，表示表关系，数据是通过索引来完善。而在MongoDB中，表示表关系，使用的是嵌套，即，一个文档嵌套一个文档的方法，作为MongoDB的两个文档的关联，以及使用，reference link作为文档和文档之间的关联。文档嵌套使用可视化的这里使用可视化的编辑器作为文档嵌套输入以下的文档对象{ "ming": "ming", "ming2": { "ming3": "ming原创 2020-07-22 00:05:53 · 2696 阅读 · 1 评论 -
学习 | egg.js 中间件和插件
小小又开始学习了，这次学习的是中间件和插件。这次将会对这两个点，进行学习。中间件对于egg.js 来说，中间件和express的中间件性质相似，和洋葱模型类似。这里首先讲解的是egg.js的中间件关于洋葱模型首先来两张图来展示洋葱模型。再来一个简单的democonst Koa = require('koa');const app = new Koa();const PORT = 3000;// #1app.use(async (ctx, next)=>{ con原创 2020-07-21 23:59:04 · 1772 阅读 · 0 评论 -
学习 | egg.js 从入门到精通
快速初始化使用脚手架，对项目进行快速初始化$ mkdir egg-example && cd egg-example$ npm init egg --type=simple$ npm i启动项目$ npm run dev$ open http://localhost:7001访问效果如下[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8NRKYXKR-1595137239837)(https://www.iming.info/wp-cont原创 2020-07-19 13:40:46 · 904 阅读 · 0 评论 -
知新 | koa框架入门到熟练第二章
koa-bodyparser 使用这里对koa-bodyparser的使用教程。目录如下[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Madk1tVn-1594993443999)(https://www.iming.info/wp-content/uploads/2020/07/wp_editor_md_211ccaf408f127f491c28c16e945e4cd.jpg)]ejs文件ejs模板文件<!DOCTYPE html><html原创 2020-07-17 21:44:11 · 336 阅读 · 0 评论 -
知新 | koa框架入门到熟练第一章
介绍koa，是基于Node.js 平台的下一代的web开发框架。是由Express原班人马打造，致力于成为一个更小的，更加富有表现力的，web框架。使用koa编写web应用，可以免除重复的回调函数嵌套，并极大的提高错误处理的效率，koa框架不仅仅在内核方法中可以绑定任何中间件，它仅仅提供了一个轻量级，优雅的函数库，思路和express相差不少。koa框架的安装安装koa安装koa框架和安装之前的模块一样。使用如下命令安装npm install --save koa使用save参数，表明原创 2020-07-15 19:44:32 · 217 阅读 · 0 评论 -
一文了解Docker核心概念和安装配置
核心概念Docker 有三大核心概念，分别是镜像，容器，仓库。Docker 镜像Docker 镜像类似于虚拟机的镜像，可以把它理解为一个只读的模板，例如一个镜像可以包含一个基本的操作系统环境，里面仅仅安装了Apache应用程序，可以把它称之为一个Apache镜像。镜像是创建Docker容器的基础。通过版本管理和增量文件系统，Docker提供了一套十分简单的机制来更新现有的镜像，用户甚至可以从网上下载一个已经做好的应用镜像，并进行使用。Docker 容器Docker容器类似于一个轻量级的沙箱，D原创 2020-07-07 12:30:43 · 341 阅读 · 0 评论 -
Spring Security 基于数据库的认证
介绍之前使用的全是基于内存的认证，这里使用基于数据库的认证。设计数据表这里设计数据表创建项目这里使用Mybatis作为项目。添加如下依赖添加driud连接池依赖 <dependency> <groupId>com.alibaba</groupId> <artifactId>druid</artifactId> <version>原创 2020-06-19 21:11:30 · 373 阅读 · 0 评论 -
Spring Boot 应用监控
当一个Spring Boot 应用运行的时候，开发者需要对Spring Boot应用进行实时监控，获得项目的报警需求，Spring Boot 提供了，actuator 来帮助开发者获取应用程序运行时的数据。端点配置在Spring Boot 中添加端点配置相当的简单。只需要添加 spring-boot-starter-actuator添加相关的依赖 <!-- https://mvnrepository.com/artifact/org.springframework.boot/s原创 2020-06-16 14:45:04 · 736 阅读 · 0 评论 -
学习学习SpringSecurity
Spring Security思维导图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WP0wmsj1-1591518754336)(http://imgs.iming.info//a879297d888bec8167d72c43d8fa8968)]简介SpringSecurity是Spring下的一个安全框架，与shiro 类似，一般用于用户认证（Authentication）和用户授权（Authorization）两个部分，常与与SpringBoot相整合。初阶原创 2020-06-07 16:32:49 · 338 阅读 · 0 评论 -
继续！面试继续！Netty dubbo的通信方式
小小又去面试了，小小的生活继续，(o)/这次小小的技术方面有Netty，以及Dubbo的通信方式，对这两个点进行继续的复习和学习。1. NettyNetty 通过缓冲区实现。WebSocket为什么需要WebSocket聊天室之前采用的是轮询，效率相当的慢，所以这里采用WebSocket，实现长连接通信。WebSocket于是这样的诞生。介绍特点如下建立在TCP连接之上。与...原创 2020-04-30 22:04:45 · 445 阅读 · 0 评论 -
设计模式-单一职责原则
设计模式-单一职责原则单一职责原则使用的是创建型模式创建型模式创建型模式对类进行抽象重点，创建型模式能够将对象的创建和和对象的使用分离。即使用创建型模式能够使得对象的创建，对象的使用分离。重点在于分离。什么是单一的职责原则设计模式有六大基本原则，单一职责原则，里氏替换原则，依赖倒置原则，接口隔离原则，迪米特法则，开闭原则。其中创建型模式符合单一职责原则。单一职责原则即SRP ...原创 2018-11-16 20:34:55 · 131 阅读 · 0 评论 -
TypeScript 函数
TypeScript 函数函数类型为函数定义类型function add(x: number, y:number):number{ return x + y;}let myAdd = function(x:number, y:number):number{ return x + y;}使用这种方式，为函数定义返回的类型function add(x, y) { ret...原创 2018-10-30 23:54:22 · 155 阅读 · 0 评论 -
TypeScript 类
传统的js是使用函数和原型链的方式用来模拟类es6中加入了类，class关键字类// 定义类class Greeter { greeting: string; constructor(message: string){ this.greeting = message; // 使用this表示访问的是类成员 } greet() { return "Hello," ...原创 2018-10-23 02:38:39 · 744 阅读 · 2 评论 -
TypeScript 接口
TypeScript接口接口只读属性使用关键字readonly定义只读的接口属性interface Point { readonly x: number; readonly y: number;}// 定义一个接口interface Point{ readonly x: number; readonly y: number;}// 对接口赋值let p1: Poin...原创 2018-10-21 03:33:46 · 651 阅读 · 0 评论 -
JavaScript设计模式入坑
JavaScript设计模式入坑介绍设计模式编写易于维护的代码。设计模式的开创者是一位土木工程师。Σ( ° △ °|||)︴，写代码就是盖房子。模式模式一种可以复用的解决方案。解决软件设计中遇到的问题。设计模式的结构如何编写一个新的设计模式一个设计模式将会产生如下的内容模式名称对模式名称的书写上下文大纲适用的上下文问题陈述对需要解决的问题进行陈述解决方案对问题的...原创 2018-10-18 22:17:54 · 123 阅读 · 0 评论 -
TypeScript入坑
TypeScript 入坑安装使用npm安装使用全局方式安装npm install -g typescript编辑器安装插件 https://github.com/Microsoft/TypeScript-Sublime-Pluginhttps://packagecontrol.io/packages/TypeScript编译使用node.js进行编译hello world编...原创 2018-10-18 21:29:09 · 217 阅读 · 0 评论 -
webpack基础
webpack-基础貌似这些属于编译原理的内容。当时看了一点编译原理，当中的自动机，彻底懵。不过大概了解了一点内容。感觉webpack一个打包工具非常类似于一个编译器，将一个文件，转换为另外一个文件。一些概念入口入口，即寻找入口文件的及其依赖项的文件。即编译前的文件配置文件为webpack.config.js中修改为module.exports = { entry: "./a...原创 2018-10-17 19:53:06 · 111 阅读 · 0 评论 -
SVG绘制饼状图
SVG绘制饼状图昨天学习了基本的SVG，下面是使用SVG绘制饼状图创建SVG空间创建SVG需要一个document.createElementNS()方法 一个一个setAttribute()方法编写如下js，将会创建一个svg空间 // 创建一个XML命名空间 var svgns = "http://www.w3.org/2000/svg"; // 创建一个SVG元素指定...原创 2018-10-15 12:57:01 · 2908 阅读 · 0 评论 -
SVG基础知识 Adobe Illustrator绘制SVG
SVGsvg在线编辑器 https://editor.method.ac/多边形使用的是polygon标签该标签能创建含有不少于三个边的图形。如下 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <polygon points="0,10 5,2 5,7 10,0"/> <...原创 2018-10-13 00:46:58 · 5941 阅读 · 0 评论 -
Java静态方法和实例方法 java中的数组作为形参传入
Java静态方法和实例方法 java中的数组作为形参传入Java虚拟机启动一个Java程序的时候，会诞生一个虚拟机实例，当程序关闭退出时，该实例会消失。如果一个机器上运行着三个Java程序，即有三个Java虚拟机实例Java虚拟机会调用某个初始类的main()方法运行一个Java程序，此方法将会作为程序的初始线程启动，任何线程都是由主线程启动的。守护线程和非守护线程Java虚拟机有两...原创 2018-10-11 21:11:17 · 1698 阅读 · 0 评论 -
SVG可伸缩的矢量图形
SVG可伸缩的矢量图形SVG是对画该图形时的一些路径，做出精准的，必要的与分辨率无关的一种描述。即对矢量图的描述在此安利一个svg绘图的网址，可以直接手动绘图，然后生成相关的svg描述，即可实现图片属于所见所得的方式有两种方式在Adobe系列软件中Illustrator可以直接生成svg的相关代码，还有相关的在线转换网站，可以实现将图片和svg的相互转换，https://www.aco...原创 2018-10-11 20:10:34 · 311 阅读 · 0 评论 -
多媒体编程
多媒体和图形编程这个属于在客户端生成图片，可以减少服务器的压力脚本化图片web页面使用img元素，嵌入图片。img元素可以通过控制src属性来操控img。一个栗子，鼠标经过的时候，改变图片当鼠标经过的时候，会触发两个事件，分别是onmouseover以及onmouseout两个html如下<!doctype html><html><head&g...原创 2018-10-08 23:10:59 · 537 阅读 · 0 评论 -
Python 小入坑
python入坑学习的是python3一些信息官网 https://www.python.org/官方文档 https://docs.python.org/3/github https://github.com/python特点 简单，易学，开发快速分类 解释型语言，面向对象，动态数据类型的高级语言，其开源遵守GPL协议。支持多种编程范式， 面向对象，函数，过程，命令式。拥有动态类型...原创 2018-10-03 06:56:29 · 211 阅读 · 0 评论 -
cookie
cookiecookie是指web浏览器储存的少量数据，同时也是与具体页面有关的。cookie会自动在web服务器和web浏览器中传输。cookie 是用来保存状态的。即用户登录，一个网站如何判断用户登录的时候，会直接通过从客户端接收到的cookie来获取的。cookie 属性，有效期和作用域除了名(name)和值(value),cokie持续有效时间很短，只能持续在web浏览器的会...原创 2018-09-28 13:36:35 · 148 阅读 · 0 评论 -
localStorage sessionStorage
localStorage 和 sessionStorageWindow.localStorage 当页面会话结束的时候，数据将会被清除。之前一刷新页面，直接被清除，后来发现是浏览器插件引入的js脚本，导致出现问题，在思考，如何验证网页是否被插入js脚本，即，类似于掘金社区的，每次访问都会提示，被插入脚本。此有一个专业术语，叫SRISRI原理，使用哈希值验证前端资源的完整性。大文档 h...原创 2018-09-27 18:18:29 · 186 阅读 · 0 评论 -
微信小程序网络通信(一)
微信小程序网络服务器网络配置支持request 普通网络请求。支持套接字通信 WebSocket支持上传文件 uploadFile支持下载文件 downloadFile回调只要成功以后就会有success回调。关于https小程序必须使用https必须经过icp备案储存微信小程序有自己的本地缓存用户信息小程序登录小程序登录来一张时序图,此时序图书来自于微信官方。大...原创 2018-09-24 20:20:17 · 9915 阅读 · 0 评论 -
微信小程序插件
微信小程序插件介绍微信小程序插件是对一组js接口，自定义组件或页面的封装，用来嵌入微信小程序中，用来被开发者调用。微信小程序必须嵌入到其他程序中才能使用。插件具有独立的api，域名列表。开始创建插件项目完成以后界面如下创建完成以后目录如下- pluggin // 插件目录，存放插件代码- miniprogram // 放置小程序目录，用于存放代码- doc // 用于...原创 2018-09-23 01:27:09 · 8637 阅读 · 1 评论 -
第三方css并不安全
翻译一篇文章 标题，第三方的css并不安全文章源地址 https://jakearchibald.com/2018/third-party-css-is-not-safe/前几天，有很多关于css的键盘记录器的相关的消息。css 键盘记录器 https://github.com/maxchehab/CSS-Keylogging很多人要求浏览器进行修复，也有些人发现影响了类似Reac...原创 2018-09-22 13:28:28 · 417 阅读 · 0 评论 -
js 中的class
js 的calss由于存在转换器这种神器，所以代码能直接转换为es5，用es6的语法写。一些解释js的calss仅仅为一个语法糖，是在原先构造函数的基础上出现的class，仅仅如此。所以使用构造函数构造类，或者使用class语法糖构造类都是相同的。具体还是使用prototype和this来进行模拟类。重点在于构造函数，使用的是构造函数来模拟类。类声明需要声明一个类，需要使用clas...原创 2018-09-20 20:10:20 · 1782 阅读 · 0 评论 -
Java入坑指南
Java入坑指南是滴，下面是一个最低的入坑还应该有23种设计模式应该掌握的。╮(╯▽╰)╭注意，第一个j是大写。Java的特点跨平台，风格接近C++最重要的api文档 https://docs.oracle.com/javase/10/docs/api/overview-summary.html语言特点面向对象跨平台，运行在JRE上，JRE包括JVM具有自动垃圾回收的机制...原创 2018-09-19 19:35:37 · 535 阅读 · 0 评论 -
微信小程序自定义组件(二)
微信小程序自定义组件ps 由于作业部落貌似出了点问题，耽误了点时间，找了一个stackedit.io准备写。无奈，这是要自己建编辑器的节奏啊。没有一个能靠的注为何存在组件组件间的关系使用relations实现组件的关系，即父子关系。定义和使用组件间的关系有时需要使用如下的组件间的关系 <custom-ul> <custom-li> item1 &...原创 2018-09-18 19:00:45 · 1410 阅读 · 0 评论 -
微信小程序自定义组件
好吧，突然发现学不完了，一下子，那就分开吧，由于时间太久，直接重新大致复习了一下微信小程序自定义组件 微信小程序支持自定义组件 下方的目录 其中，components为组件目录，nodemodules为模块目录，pages为小程序的页面目录，utils为一些基础功能的封装。好比安装的第三方百度统计功能在此。总说创建一个组件一个组件包括json，wxml，wxss，...原创 2018-09-15 11:57:26 · 11213 阅读 · 0 评论 -
微信小程序自定义组件
wxs一种类似于js的小程序脚本语言。 注意； 1. wxs 文件不依赖于运行时的库。 2. wxs 与js是另外一门语言。 3. wxs于js的运行时完全隔离的，不能调用js中的函数，不能调用小程序提供的api 4. 不能进行回调总结一下总结一下当前的内容 wxs类似于一门脚本语言，使用的是导出的方式来进行和wxml进行连接，类似于node.js wxml为页面显示...原创 2018-09-03 10:16:32 · 735 阅读 · 0 评论