学习
关注
分享
扫一扫
文章平均质量分 87
空 白
仅仅是万千世界当中的一员，也没那么闪亮
展开
-
简单入手双指针——单词拆分
单词拆分题目描述给定一组字符串，里面含有许多单词，每个单词之间都有一个空格隔开，要求单独输出每个单词题目分析通过双指针算法，一端指着单词头，另一端去找单词尾，找到后返回，并将头指向尾，继续寻找，直到找到末尾为止代码实现#include<bits/stdc++.h>#include<string.h>const int N = 1010;using namespace std; int main(){ // 字符串 char str[N];原创 2020-09-03 11:57:04 · 206 阅读 · 1 评论 -
前缀和
前缀和题目描述输入一个长度为n的整数序列。接下来再输入m个询问，每个询问输入一对l, r。对于每个询问，输出原序列中从第lll个数到第rrr个数的和。输入格式第一行包含两个整数n和m。第二行包含n个整数，表示整数数列。接下来m行，每行包含两个整数l和r，表示一个询问的区间范围。输出格式共m行，每行输出一个询问的结果。数据范围1<=l<=r<=n1<=l<=r<=n1<=l<=r<=n1<=n,m<=1000001&原创 2020-08-30 20:31:55 · 178 阅读 · 0 评论 -
内部类你学着累不累
内部类概述在 Java 中，可以将一个类定义在另一个类里面或者一个方法里面，这样的类称为内部类。成员内部类局部内部类匿名内部类成员内部类如何直接访问内部类的成员。外部类名.内部类名 对象名 = 外部类对象.内部类对象;class Outer { private int num = 10; class Inner { public void show() { System.out.println(num); } }}class InnerClassDemo {原创 2020-08-14 16:32:18 · 293 阅读 · 0 评论 -
形式参数和返回值仅仅只有变量么？
形式参数自定义函数中的“形参”全称为"形式参数" 由于它不是实际存在变量，所以又称虚拟变量。实参和形参可以重名。类做形式参数问测试Student类的study()方法测试StudentDemo类中的method()方法class Student { public void study() { System.out.println("Good Good Study,Day Day Up"); }}class StudentDemo { public void metho原创 2020-08-13 18:33:21 · 227 阅读 · 0 评论 -
细细的剖开Java多态
多态的优点消除类型之间的耦合关系可替换性可扩充性接口性灵活性简化性多态存在的三个必要条件继承重写父类引用指向子类对象例如：Parent p = new Child();多态中的成员访问特点成员变量编译看左边，运行看左边。构造方法创建子类对象的时候，访问父类的构造方法，对父类的数据进行初始化。成员方法编译看左边，运行看右边。由于成员方法存在方法重写，所以它运行看右边。静态方法编译看左边，运行看左边。(静态和类相关，算不上重写，所以原创 2020-08-12 20:05:15 · 112 阅读 · 0 评论 -
数据类型的运算与转换
数据类型的运算class demo{ public static void main(String[] args){ int x = 3; int y = 4; int z = x + y; System.out.print(z); // 7 }}那么：class demo1{ public static void main(String[] args){ byte a = 3;原创 2020-08-07 22:35:23 · 473 阅读 · 0 评论 -
Java语言跨平台，C语言也是？
Java语言跨平台在了解跨平台之前，首先了解下什么是"平台"什么是平台?Java是可以跨平台的编程语言，那我们首先得知道什么是平台，我们把CPU处理器与操作系统的整体叫平台。如果您要开发程序，首先应该确定：1，CPU类型，也就是指令集类型2，操作系统；我们把这种软硬件的结合叫平台。也可以说“平台= CPU+OS”。又因为现在主流的操作系统都支持主流的CPU，所以有时也把操作系统称为平台。什么是跨平台简单来说，就比如在windows下能运行的程序在linux下依旧能跑，在mac下也能造C语原创 2021-04-23 14:47:33 · 585 阅读 · 0 评论 -
移动端的区域滚动——iScroll
iScroll简介iScroll是一个高性能，资源占用少，无依赖，多平台的javascript滚动插件。它可以在桌面，移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。iScroll不仅仅是 滚动。它可以处理任何需要与用户进行移动交互的元素。在你的项目中包含仅仅4kb大小的iScroll，你的项目便拥有了滚动，缩放，平移，无限滚动，视差滚动，旋转功能。给它一个扫帚它甚至能帮你打扫办公室。即使平台本身提供的滚动已经很不错，iScroll可以在此基础上提供更原创 2020-08-05 14:52:48 · 497 阅读 · 0 评论 -
背景的裁剪和快速定位
background-origin语法background-origin: padding-box|border-box|content-box;值描述padding-box背景图像填充框的相对位置border-box背景图像边界框的相对位置content-box背景图像的相对位置的内容框现在让我们回到background-origin这个属性上来，它的三个值就好理解了。在CSS中页面的渲染性格是由页面左上角开始的，那么border-box就是把背景原创 2020-08-05 10:45:22 · 253 阅读 · 0 评论 -
移动端的tap事件你知道多少
tap事件tap事件,也是轻击、轻触事件，其特点是响应速度快，在移动端也有click事件 （在移动为了区分是滑动还是点击，click点击延时300ms），可这样影响用户体验， 响应太慢了。为了解决这个问题，引入了tap事件原理 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"原创 2020-08-05 09:08:34 · 2679 阅读 · 0 评论 -
移动端的手势事件——左右滑动
手势事件会听过什么左滑喜欢，右滑不喜欢，那么这样的滑动手势如何实现，在此用touch事件来实现左右滑动的判断左右滑动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,原创 2020-08-04 23:18:59 · 2137 阅读 · 1 评论 -
移动触摸事件——touch
touchtouch是移动端的触摸事件，而且是一组事件利用touch相关事件实现移动端常见滑动效果和移动端常见的手势事件touchstart当手指触摸屏幕的时候触发touchmove当手指在屏幕来回的滑动时候触发touchend当手指离开屏幕的时候触发touchcancel当被迫终止滑动的时候触发（来电，弹消息）使用绑定事件： window.onload = function () { var box = document.querySelector('.bo原创 2020-08-04 15:17:27 · 221 阅读 · 0 评论 -
图片下间隙要怎么处理
图片下间隙<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div> <img src="../images/l1.jpg" alt="">gjiaz </div></原创 2020-08-03 11:27:19 · 292 阅读 · 0 评论 -
精灵图缩放解决失真问题
精灵图资源：这个图是一张400*400的精灵图在这里也不再对精灵图做过多的阐述，直接看示例页面： <!-- 主要版心 --> <div class="big-box"> <!-- 头部 --> <header class="double_search"> <!-- 加一个容器 --> <div class="double-search-bo原创 2020-08-02 18:39:32 · 533 阅读 · 0 评论 -
移动开发之双飞翼布局
双飞翼布局双飞翼的主要核心就是"翼"示例实现此类布局页面： <!-- 主要版心 --> <div class="big-box"> <!-- 头部 --> <header class="double_search"> <!-- 加一个容器 --> <div class="double-search-box">原创 2020-08-02 18:18:40 · 183 阅读 · 0 评论 -
用canvas轻松上手做动画
绘制图片绘制图片有三种方法，分别是不同的参数对img对象进行绘制操作drawImage()三个参数drawImage(img,x,y)img 图片对象、canvas对象、video对象x,y 图片绘制的左上角五个参数drawImage(img,x,y,w,h)img 图片对象、canvas对象、video对象x,y 图片绘制的左上角w,h 图片绘制尺寸设置(图片缩放，不是截取)九个参数drawImage(img,x,y,w,h,x1,y1,w1,h1)img 图片对象原创 2020-08-01 10:51:53 · 1451 阅读 · 0 评论 -
canvas理解曲线的绘制
弧度什么是弧度？弧度是一种长度的描述单位弧度怎么去描述？一个弧度就是一个半径的长度一个圆有多少个弧度 2∗π2 * π2∗π一个角度等于多少弧度？一个角度等于$ π/180$体验曲线的绘制1.体验曲线的绘制2.线是由点构成的3.曲线可以由数学公式得来<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</t原创 2020-07-31 19:12:35 · 610 阅读 · 0 评论 -
会用图表？那何不会做图表
canvas图表的绘制绘制网格<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> canvas { border: 1px solid #ccc; } </style> </head> <body> <c原创 2020-07-30 17:39:30 · 104 阅读 · 0 评论 -
轻松学会canvas
Canvascanvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。<canvas> 元素是WhatWG Web applications 1.0规范的一部分,也包含于HTML 5中。体验Canvas什么是Canvas？HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布原创 2020-07-30 14:53:23 · 119 阅读 · 0 评论 -
JQ多库共存巧妙解决
多库共存问题页面：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title></head><body> <input type="button" value="按钮" id="btn" /></body></html>脚本： /原创 2020-07-27 11:34:40 · 211 阅读 · 0 评论 -
互不干扰的沙箱
var num=10; console.log(num+10); //沙箱---小环境 (function () { var num=10; console.log(num); })(); //沙箱---小环境 (function () { var num=20; console.log(num+10); }());各个变量之间的数据互不干扰，可独立运行同时沙箱也可以满足分别定义变量不冲突，同时在不同的沙箱内...原创 2020-07-23 19:49:08 · 127 阅读 · 0 评论 -
闭包案例实现点赞
点赞案例页面页面：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选择心仪的</title> <style> ul { list-style-type: none; } li { float: left; margin-left: 10px; }原创 2020-07-09 22:34:57 · 591 阅读 · 0 评论 -
JS高阶函数把函数扔给你
函数作为返回值 function f1() { console.log("f1函数开始"); return function () { console.log("我是返回值的函数"); } } var ff = f1(); ff(); //获取某个对象的类型是不是你传入的类型 //[10,20,30] 是不是"[object Array]" //type---是变量----是参数----"[obj原创 2020-07-09 15:03:52 · 194 阅读 · 0 评论 -
JS高阶函数把函数传着玩儿
# 函数作为参数匿名函数作参数： function f1(fn) { console.log("f1的函数"); fn(); //此时fn当成是一个函数来使用的 } //fn是参数,最后作为函数使用了,函数是可以作为参数使用 //传入匿名函数 f1(function () { console.log("我是匿名函数"); });命名函数作参数： function f1(fn) { consol.原创 2020-07-09 13:58:14 · 244 阅读 · 0 评论 -
一步搞定函数外拿到函数内的变量值
//函数的自调用---自调用函数//一次性的函数--声明的同时,直接调用了(function () { console.log("函数");})();可以看出，在函数内部是可以打印出值的接着试着在函数外部打印函数内部的值： //页面加载后.这个自调用函数的代码就执行完了 (function (形参) { var num=10;//局部变量 })(实参); console.log(num);可以知道值的作用域的问题会影原创 2020-07-04 09:45:27 · 2547 阅读 · 0 评论 -
眼睛会了，手也会了之JS原生放大镜效果
实现照片放大镜页面样式<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>哈哈</title> <style> * { margin: 0; padding: 0; } .box { width: 350px; height: 350px;原创 2020-07-03 22:42:51 · 131 阅读 · 0 评论 -
让我们用原生JS来搞定元素的自由拖拽
JS原生实现元素的拖拽页面样式<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .login-header { width: 100%; text-align: center; height: 30px; font-size: 2原创 2020-07-01 00:19:42 · 235 阅读 · 0 评论 -
字体图标的便捷
字体图标图片是有诸多优点的，但是缺点很明显，比如图片不但增加了总文件的大小，还增加了很多额外的"http请求"，这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”，因为图片放大和缩小会失真。 我们后面会学习移动端响应式，很多情况下希望我们的图标是可以缩放的。此时，一个非常重要的技术出现了，额不是出现了，是以前就有，是被从新"宠幸"啦。。 这就是字体图标（iconfont)字体图标优点可以做出跟图片一样可以做的事情,改变透明度、旋转度，等…但是本质其实是文字，可以很随意的改变颜色、产生原创 2020-06-30 18:18:05 · 154 阅读 · 0 评论 -
vertical-align你一定得知道
vertical-align参数值描述baseline默认。元素放置在父元素的基线上。sub垂直对齐文本的下标。super垂直对齐文本的上标top把元素的顶端与行中最高元素的顶端对齐text-top把元素的顶端与父元素字体的顶端对齐middle把此元素放置在父元素的中部。bottom把元素的顶端与行中最低的元素的顶端对齐。text-bottom把元素的底端与父元素字体的底端对齐。length%使用 “line-原创 2020-06-23 15:51:30 · 169 阅读 · 1 评论 -
异步编程之回调地狱嵌套
异步编程可以知道异步操作是不用管前面代码是否执行的，他可以自己干自己的因此：var fs = require('fs')fs.readFile('./data/a.txt', 'utf8', function (err, data) { if (err) { // return console.log('读取失败') // 抛出异常 // 1. 阻止程序的执行 // 2. 把错误消息打印到控制台 throw err } consol原创 2020-06-10 16:45:55 · 384 阅读 · 0 评论 -
还觉得数据库难学？看看Mongoose
Mongoose官方-中文：https://mongoosejs.com/官方指南：http://www.mongoosejs.net/docs/guide.html官方API文档：http://www.mongoosejs.net/docs/api.htmlMongoDB数据库的基本概念数据库集合一个数据库中可以有多个集合（表）文档一个集合中可以有多个文档（表记录）文档结构很灵活，没有任何限制MongoDB非常灵活，不需要像MySQL一样先创建数据库、 表、设计表结原创 2020-06-10 10:35:12 · 151 阅读 · 0 评论 -
简单明了认识MongoDB
MongoDB简介表就是关系，者说表与表之间存在关系。所有的关系型数据库都需要通过sql 语言来操作所有的关系型数据库在操作之前都需要设计表结构而且数据表还支持约束唯一的主键默认值非空非关系型数据库非常的灵活有的非关系型数据库就是key-value对儿但是MongoDB是长的最想关系型数据库的非关系型数据库数据库-》数据库数据表-》集合(数组)表记录-》(文档对象)MongoDB不需要设计表结构也就是说你可以任意的往里面存数据，没有结构性安装Mon原创 2020-06-10 09:23:10 · 143 阅读 · 0 评论 -
品一品，捋一捋，回调函数获取异步操作数据
一段函数中包含着异步执行结果，则无法直接获取到其中的数据例如：function fn(){ var data = '默认数据' setTimeout(() => { var data = 'hello' }, 1000); return data}// 掉用fnconsole.log( fn())可以发现，并没有得到hello这个值那么要想获得函数中异步操作的结果，必须通过回调函数来获取function fn(callback){原创 2020-06-05 21:34:41 · 211 阅读 · 0 评论 -
快速上手Node.JS中的express
Express安装基于 Node.js 平台，快速、开放、极简的 Web 开发框架基本使用const express = require('express')const app = express()const port = 3000app.get('/', (req, res) => res.send('Hello World!'))app.listen(3000, () => console.log(`Example app listening on port 300原创 2020-06-05 16:01:20 · 232 阅读 · 0 评论 -
3步？俩步帮你搞定nodemon无法启动项目问题！
nodemon我们使用一个第三方工具，nodemon来帮助解决频繁修改代码重启服务区的问题nodemon是一个基于node.js开发的一个第三方命令行工具，使用时需要独立安装# 在任意目录执行该命令都可以# 也就是说，所有需要 --global安装的包都可以再任意目录执行npm install --global nodemon安装完毕后，使用：node app.js# 使用nodemonnodemon app.js只要通过nodemon app.js启动服务，则它会监视你文件的原创 2020-06-05 13:56:37 · 4229 阅读 · 1 评论 -
清除浮动太多没必要，适合自己是最好
页面样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g原创 2020-06-04 21:52:01 · 138 阅读 · 0 评论 -
ART-TEMPLATE高性能模块渲染引擎
ART-TEMPLATE高性能 JavaScript 模板引擎介绍art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器。在线速度测试特性拥有接近 JavaScript 渲染极限的的性能调试友好：语法、运行时错误日志精确到模板所在行；支持在模板文件上打断点（Webpack Loader）支持 Express、Koa、Webpack支持模板继承与子模原创 2020-06-02 18:16:59 · 840 阅读 · 0 评论 -
5分钟简单用Node搭建一个服务器
加载 http 核心模块var http = require('http')创建Web服务器使用 http.createServer() 方法创建一个 Web 服务器// 返回一个 Server 实例var server = http.createServer()服务器得干嘛提供服务：对 数据的服务发请求接收请求处理请求给个反馈（发送响应）注册 request 请求事件(request 请求事件处理函数，需要接收两个参数：)Request 请求对象(请求对象原创 2020-05-31 20:14:26 · 1249 阅读 · 0 评论 -
快速了解Node.JS中的文件系统
文件系统文件写入需要引入模块var fs = require("fs");同步和异步的调用fs模块中所有的操作都有两种形式可供选择同步和 异步。同步文件系统会阻塞程序的执行，也就是 除非操作完毕，否则不会向下执行代码。异步文件系统不会阻塞程序的执行，而是 在操作完成时，通过回调函数将结果返回。同步文件的写入打开文件fs.openSync(path, flags[, mode])path 要打开文件的路径flags 打开文件要做的操作的类型r 只读的w 可写原创 2020-05-31 14:02:37 · 147 阅读 · 0 评论 -
带你三步走了解NodeJS中的Buffer
BufferJavaScript 语言自身只有字符串数据类型，没有二进制数据类型。但在处理像TCP流或文件流时，必须使用到二进制数据。因此在 Node.js中，定义了一个 Buffer 类，该类用来创建一个专门存放二进制数据的缓存区。Buffer的结构和数组很像，操作的方法也和数组类似数组中不能存储二进制的文件，而buffer就是专门用来存储二进制数据使用buffer不需要引入模块，直接使用即可在buffer中存储的都是二进制数据，但是在显示时都是以16进制的形式显示bu原创 2020-05-30 21:00:20 · 242 阅读 · 0 评论