前端
关注
分享
扫一扫
文章平均质量分 62
AnalogElectronic
这个作者很懒，什么都没留下…
展开
-
Can‘t resolve ‘antd-mobile/es/checkbox/style问题解决
发现ant-mobile与umijs依赖的版本冲突了，将package.json中的ant-mobile依赖删除。Can’t resolve 'antd-mobile/es/checkbox/style问题解决。这里删除，然后重新执行命令。原创 2024-11-20 14:37:35 · 353 阅读 · 0 评论 -
http学习笔记1
在网络上，通信的双方在同一局域网（LAN）内的情况是很少的，通常是经过多台计算机和网络设备中转才能连接到对方。想要寄快递的人，只要将自己的货物送到集散中心，就可以知道快递公司是否肯收件发货，该快递公司的集散中心检查货物的送达地址，明确下站该送往哪个区域的集散中心。http负责生成对目标服务的器的http请求报文、解析请求url，原来你是要某某主机某个目录的下的资源呀，tcp负责字节流服务，分割出多个报文段、重组到达的报文段，ip负责搜索对方地址，中转路由传送。也就是说，请求保持原样中转给之后的服务器。原创 2023-08-17 09:20:52 · 834 阅读 · 0 评论 -
http学习笔记2
第 7 章 确保 Web 安全的HTTPSHTTP 主要有这些不足，例举如下。通信使用明文（不加密），内容可能会被窃听不验证通信方的身份，因此有可能遭遇伪装无法证明报文的完整性，所以有可能已遭篡改这些问题不仅在 HTTP 上出现，其他未加密的协议中也会存在这类问题。除此之外，HTTP 本身还有很多缺点。而且，还有像某些特定的 Web服务器和特定的 Web 浏览器在实际应用中存在的不足（也可以说成是脆弱性或安全漏洞），另外，用 Java 和 PHP 等编程语言开发的Web 应用也可能存在安全漏洞。原创 2023-08-17 09:22:05 · 766 阅读 · 0 评论 -
http学习笔记3
这样一来，必定在候选的密码集合中存在一个正确的密码，可通过认证。还是举银行采用个人识别码是“4 位数字”的密码的例子，考虑到用户使用自己的生日做密码的可能性较高，于是就可以把生日日期数值化，如将 0101~1231 保存成字典，进行尝试。攻击者在得知该 Web 网站存在可跨站攻击（XSS）的安全漏洞后，就设置好用 JavaScript 脚本调用 document.cookie 以窃取Cookie 信息的陷阱，一旦用户踏入陷阱（访问了该脚本），攻击者就能获取含有会话 ID 的 Cookie。原创 2023-08-17 10:10:48 · 764 阅读 · 0 评论 -
不用循环数组，js+html实现贪吃蛇
功能描述：每走10步随机改变一个方方向，当键盘按下方向键 w,s,a,d时，使用键盘方向控制蛇的移动，蛇头每撞到一次自身时改变屏幕颜色，蛇头碰到边界时从另一边回来。效果展示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script原创 2023-08-26 14:48:11 · 763 阅读 · 0 评论 -
js+html实现打字游戏v1
实现逻辑：设置定时器每秒刷新一次，定时器刷新多少次执行一次生成单词操作来决定单词的生成速度，例如初始单词生成速度为1，那么定时器刷新5次才生成一次单词，每个单词用span来装，每组10个单词放到div里。监听键盘按下事件，用一个变量str记录键盘连续按下的字母组成的字符串，当字符串str包含span中的字符串，则span变红，同时右下角得分数加1，当div中的一排span都变红时，从body里删掉该div。//这里可以使用固定单词。//清除全部打出的一行。原创 2023-09-04 10:46:54 · 1273 阅读 · 0 评论 -
js+html实现打字游戏v2
/单词生成速度，可以根据当前得分来设置，得分越高速度越快，比如当得分大于200时速度设为2，大于300百是速度设为3。，在此基础之上增加了从文件读取到的单词，随机选取10个单词。//从文件读取到的单词，随机选取10个单词。附录：englishg words.txt。//这里可以使用固定单词。//清除全部打出的一行。原创 2023-09-04 11:05:08 · 1253 阅读 · 0 评论 -
钉钉小程序开发案例-fitnessManagement
介绍，健身记录管理，完全就是一个单机应用。原创 2022-10-13 09:16:55 · 542 阅读 · 0 评论 -
微信小程序十二时辰时钟
微信小程序十二时辰时钟原创 2022-06-27 11:45:05 · 1712 阅读 · 0 评论 -
微信小程序滚动字幕
微信小程序滚动字幕原创 2022-06-27 11:33:52 · 1111 阅读 · 0 评论 -
微信小程序健身记录管理
微信小程序健身记录管理上代码index.wxmlindex.jsindex.wxss原创 2022-06-27 11:22:15 · 496 阅读 · 0 评论 -
Fiddler抓包工具 学习笔记
Fiddler抓包工具Fiddler简介Fiddler是位于客户端和服务端的HTTP代理BS架构Browser/ServerRequest ResponseHTTP是基于TCP的应用层协议，用于从万维网传输文本到本地的传送协议，是基于请求于响应模式的、无状态的协议。05HTTP协议请求报文详解请求报文：请求行、请求头、空一行、请求体06HTTP协议响应报文详解Server HTTP服务器的软件信息Date 响应报文的时间Expires 制定缓存过期时间Set-Cookie 设置Co原创 2021-09-23 15:32:05 · 150 阅读 · 0 评论 -
vue学习笔记01
参考https://cn.vuejs.org/v2/guide/#<div id="app"> <h2>{{product}} are in stock.</h2> <ul> <li v-for="word in words"> {{word}} </li> </ul> <hr/> <ul> <li v-原创 2021-08-19 11:19:33 · 166 阅读 · 0 评论 -
基于微信小程序做了个交友小程序
实现的功能是用户上传自己的资料，给大家看。其实就是一个交友、婚恋、相亲的免费广告平台。先看效果主要代码：01列表页<!--index.wxml--><!-- <form bindsubmit="formSubmit"> <input name="name" placeholder="请输入名字"></input> <button form-type="submit">submit</button></原创 2021-06-01 17:49:55 · 3550 阅读 · 3 评论 -
基于react做了一个仿qq空间
先上效果一、前端index.jsimport styles from './index.less';import { request } from 'umi';import React from 'react';import ImageCompressor from 'image-compressor.js';import { ImagePicker, Modal, Toast } from 'antd-mobile';import logoedit01 from '../assets/i原创 2021-05-08 10:46:07 · 352 阅读 · 2 评论 -
给定坐标（星期几、第几节）前端显示问题
任课教师或大学生课表并不是相同的，也不是满课的。后端返回给前端一个课程信息的列表，要求前端正确显示。后端没有必要补齐空，凑一个完整的课表给前端，直接返回教师所有课程给前端。只要约定按节次排序或按星期排序就行了。这里按节次排序。import React from 'react';import 'antd-mobile/dist/antd-mobile.css';import style from './home.css';class CourseTable extends React.Comp原创 2021-05-07 22:24:17 · 203 阅读 · 0 评论 -
前后端分离登录验证功能实现案例
一、后端 @GetMapping("login") public ResponseDTO login(String userName, String password, HttpServletRequest request){ QueryWrapper<MyAppUser> queryWrapper = new QueryWrapper<>(); queryWrapper.eq("user_name",userName).eq("pa.原创 2021-04-29 15:16:12 · 805 阅读 · 0 评论 -
写了一个很矬（ cuó）的移动端用户管理
先看样子：一、后端package com.example.readinglist.cms.controller;import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;import com.baomidou.mybatisplus.core.metadata.IPage;import com.baomidou.mybatisplus.extension.plugins.pagination.Page;impor原创 2021-04-28 16:54:17 · 279 阅读 · 0 评论 -
基于socketio 写一个聊天室
一、前端import React from 'react';import io from 'socket.io-client';import { List, InputItem, Button, Text, SearchBar } from 'antd-mobile';import style from './home.css';import longzhu from '../../assets/images/longzhu.png'let socket;const serverUri =原创 2021-04-21 00:00:56 · 869 阅读 · 1 评论 -
基于react写一个计算器
.calculator{ width:90%; border: 1px darkblue ; margin: 40px auto 0; text-align: center; background-color: white; border-radius: 10px;}.calculator button{ width:65px; height: 65px; border-radius: 10%; border: whitesmoke solid 1px; b原创 2021-04-15 17:34:35 · 637 阅读 · 1 评论 -
基于umi写一个用户管理CRUD
一、前端1）目录结构配置文件.umirc.tsimport { defineConfig } from 'umi';const path = require('path');export default { // layout:{}, dva: {}, //约定式404 404: true, base: '/myapp/', title: '我的应用', hash: true, // 清除缓存 publicPath: '/myapp/', // histor原创 2021-04-15 10:12:40 · 430 阅读 · 0 评论 -
基于React和SpringBoot做一个记事本
一、后端package com.example.readinglist.cms.controller;import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;import com.example.readinglist.cms.dao.NoteMapper;import com.example.readinglist.cms.dto.ResponseDTO;import com.example.readinglist原创 2021-04-01 10:43:22 · 367 阅读 · 0 评论 -
基于钉钉小程序做一个记事本
第一个页面<!--textarea.axml--><view><view class="page" a:for="{{notes}}"> <view class="page-section" data-index={{index}} data-content={{item.content}} onTap="updateNote"> <view class="content"> {{item.content.substr..原创 2021-04-01 10:34:12 · 407 阅读 · 0 评论 -
一个react项目案例02 注册和登陆实现原理分析
1.登陆组件/*登陆的路由组件 */import React, {Component} from 'react'import { NavBar, WingBlank, List, InputItem, WhiteSpace, Button} from 'antd-mobile'import {connect} from 'react-redux'import {Redirect} from 'react-router-dom'import {login} fr原创 2021-03-16 21:35:22 · 643 阅读 · 0 评论 -
一个react项目案例01 组件部分
文章目录1.入口js组件部分2.用户头像组件3.logo组件4.底部导航组件5.页面找不到组件6.用户列表组件参考https://www.bilibili.com/video/BV17b411V7WG?from=search&seid=3866280229006180398主要的代码1.入口js/*入口JS */import React from 'react'import ReactDOM from 'react-dom'import {HashRouter, Switch,原创 2021-03-16 20:07:44 · 252 阅读 · 0 评论 -
一个bootstrap.css的使用案例
参考网站https://v3.bootcss.com<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc原创 2021-01-30 14:26:13 · 279 阅读 · 0 评论 -
bootstrap学习笔记
文章目录CSS选择器css3媒体查询媒体类型媒体属性操作符，关键字 (only,and,(，or),not)CSS预处理器-LesslessLess编译工具less中的注释less中的变量less中的嵌套规则less中的混合less运算less避免编译less继承bootstrap容器栅格系统列偏移列排序响应式工具容器与栅格盒模型设计的精妙之处BOMwindow对象全局变量与windows对象属性的差别window.open()/close方法定时器navigator对象location对象history原创 2021-01-29 18:46:16 · 298 阅读 · 0 评论 -
react.js学习笔记02
01_HelloWorld<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>01_HelloWorld</title></head><body><!--1. 相关js库 react.js: React的核心库 react-dom.js: 提供操作DOM的扩展库 babel.min.js: 解析JSX语法代码转原创 2020-12-14 23:37:13 · 229 阅读 · 0 评论 -
react.js学习笔记01
1. 几个重要概念理解模块与组件模块:理解: 向外提供特定(局部)功能的js程序, 一般就是一个js文件为什么: js代码更多更复杂作用: 复用js, 简化js的编写, 提高js运行效率组件:理解: 用来实现特定功能效果的代码集合(html/css/js)为什么: 一个界面的功能更复杂作用: 复用编码, 简化项目编码, 提高运行效率模块化与组件化模块化:当应用的js都以模块来编写的, 这个应用就是一个模块化的应用组件化:当应用是以多组件的方式实现功能原创 2020-12-14 23:18:12 · 144 阅读 · 0 评论 -
ECMAScript 学习笔记03
01_let关键字.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01_let关键字</title></head><body><button>测试1</button><br><button>测试2</button><br&g原创 2020-12-13 22:17:25 · 156 阅读 · 0 评论 -
ECMAScript 学习笔记02
01_字符串扩展.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01_字符串扩展</title></head><body><!--1. includes(str) : 判断是否包含指定的字符串2. startsWith(str) : 判断是否以指定字符串开头3. endsWith(st原创 2020-12-13 22:11:20 · 154 阅读 · 0 评论 -
ECMAScript 学习笔记01
理解ES全称: ECMAScriptjs语言的规范我们用的js是它的实现js的组成ECMAScript(js基础)扩展–>浏览器端BOMDOM扩展–>服务器端Node.jsES5严格模式运行模式: 正常(混杂)模式与严格模式应用上严格式: ‘strict mode’;作用:使得Javascript在更严格的条件下运行消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为消除代码运行的一些不安全之处，保证代码运行的安全原创 2020-12-13 22:07:00 · 175 阅读 · 0 评论 -
Angular.js学习笔记
1. AngularJS是什么?Google开源的 前端JS 结构化 框架动态展示页面数据, 并与用户进行交互AngularJS特性(优点)双向数据绑定声明式依赖注入解耦应用逻辑, 数据模型和视图完善的页面指令定制表单验证Ajax封装2. HelloWorld导入angular.js, 并在页面中引入在中ng-app指令定义ng-model=‘xxx’/{{xxx}}1. 双向数据绑定View（视图）： 页面（标签、指令，表达式）Model(模型) ：作用域对原创 2020-12-13 19:30:53 · 272 阅读 · 0 评论 -
zepto.js学习笔记02
3、touch Event1、同jquery类似事件.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <t原创 2020-12-10 11:15:48 · 227 阅读 · 0 评论 -
zepto.js学习笔记01
zepto特点：1、体积8kb2、针对移动端的框架3、语法同jquery大部分一样，都是$为核心函数4、目前功能完善的框架体积最小的左右同jquery相似的语法核心：$–作为函数使用参数：1、function(){}2、选择器字符串3、html标签字符串3、DOM code–作为对象使用方法；1、.each()2、.each() 2、.each()2、.trim()3、$.ajax() $.get() .post()4、.post() ..原创 2020-12-10 11:07:59 · 309 阅读 · 0 评论 -
MongoDB学习笔记
mongodb安装.txtSQL- 结构化查询语言- 关系数据库全都同SQL来操作1.安装MongoDB- 安装- 配置环境变量C:\Program Files\MongoDB\Server\3.2\bin- 在c盘根目录- 创建一个文件夹 data- 在data中创建一个文件夹db- 打开cmd命令行窗口 - 输入 mongod 启动mongodb服务器 - 32位注意： 启动服务器时，需要输入如下内容 mongod --storageEngine=mmapv1原创 2020-12-09 14:28:05 · 130 阅读 · 0 评论 -
node.js学习笔记
NodeNode是对ES标准一个实现，Node也是一个JS引擎通过Node可以使js代码在服务器端执行Node仅仅对ES标准进行了实现，所以在Node中不包含DOM 和 BOMNode中可以使用所有的内建对象String Number Boolean Math Date RegExp Function Object Array而BOM和DOM都不能使用但是可以使用 console 也可以使用定时器（setTimeout() setInterval()）Node可以在后台来原创 2020-12-09 14:20:27 · 164 阅读 · 0 评论 -
jQuery学习笔记05
常见效果01__表格隔行变色.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01__表格隔行变色</title> <style> div, span, p { width: 140px; height: 140px; margin: 5px; backg原创 2020-09-27 14:51:17 · 2066 阅读 · 1 评论 -
jQuery学习笔记04
测试jQuery-UI的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试jQuery-UI的基本使用</title> <link rel="stylesheet" href="jquery-ui.css"></head><body><!--1. Accordion: 手风原创 2020-09-27 14:34:35 · 633 阅读 · 0 评论 -
jQuery学习笔记03
16_筛选_查找孩子-父母-兄弟标签.html<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>16_筛选_查找孩子-父母-兄弟标签</title></head><body><div id="div1" class="box" title="one">class为box的div1</div><di原创 2020-09-27 14:26:20 · 287 阅读 · 0 评论