自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(49)
  • 收藏
  • 关注

原创 React-native定制化进度条 && 少半圆效果

如上所示:我需要做一个定制化的进度条,这个问题看起来不是很复杂,但是要求这个进度条结点数量可变…(效果如下)怎么做呢?? <View style={{ position: 'absolute', overflow: 'hidden', top: 30, backgroundColor: "#CBCBCB", height: 18, .

2022-03-15 20:40:49 1065

原创 将类组件重构成函数组件

const EventDetail = (props) => { // export default class EventDetail extneds React.Component{ const navigation = useNavigation(); // static contextType = NavigationContext; // 点击返回事件列表页 const goPage = () => { navigation.navigate("Home"

2022-02-24 12:13:10 526

原创 用ts+react创建项目错误汇总

4.7错误信息:Uncaught Error: Objects are not valid as a React原因:对象渲染出错,在使用context下面的value是一个对象,应该value.userName

2022-01-07 13:27:35 468

原创 JS翻转链表_链表操作常见算法题

翻转链表非递归版本:思想:让当前节点cur的next指向pre(cur的前一个节点),循环操作至链表结束。注意:需要引入变量用于保存当前节点cur.next,因为替换的基本思想是让当前节点cur.next指向pre,会污染cur.next,造成链表断连 //非递归版本var reverseList = function(head) {//初始化cur为当前节点,pre为当前节点的前一个节点,next变量用于保存//当前节点cur.next,因为替换的基本思想是让当前节点//cur.ne.

2021-11-02 17:40:54 163

原创 删除对象中指定属性

var a = { id: 18, age: 20, name: "zhagnsna", config: { sex: "nan" } };const filterarr = ["id", "name"];// 这里a是对象,里边是键值对,需要通过对象名[属性名] 找到其对应的值,属性名可以理解为特殊的下标for (key in a) { filterarr.find((item) => { if (key === item) { delete a[item];

2021-08-11 17:22:54 2424

原创 js中!和!!的区别及用法

今天在看代码的时候,看到有写.filter((item: any) => !!item.name && !!item.value)看到这个!!,脑海里蹦出一个歌词:陌生有熟悉,吓得我赶紧查了下结论:!除了逻辑运算中的中的取非之外,还可以double用来做类型判断,也就是上边的代码。!可将变量转换成boolean类型, null、undefined和空字符串取反都为true,其余都为false。!!则先将value转成取反的布尔值,将得到的布尔值再次取反,保证value的值为

2021-07-23 11:11:03 95

原创 为什么我的vscode git监听了一大堆文件?

比如我项目叫myblog,当我用vscode打开的时候,vscode自带有git监听文件,类似于快照,当我们修改文件的时候,在git分支会出现相应的更改管理,如下:但是当我用git打开myblog下的子目录,也就是weapp文件时,突然出现了几千个文件更改。 查看了下基本上都是从无到有的更改。最后发现问题是由于我对myblog做了git init使之成为git监听文件,同时对它下面的webapp也用git init导致的,此时它会把webapp当成一个新的空文件,当我们打开webapp就相当于为.

2021-06-18 12:06:29 2941 3

原创 必备的技能之———git

又到了周末啦,回顾本周在公司,感觉改代码添需求都不是什么难事,大把时间都花在git操作上,所以索性写个博客,将git中除了常用的命令之外,比较重要的命令和操作流程做个总结。也希望能为大家节约点时间。后边链接是我整理的笔记,有兴趣或者遇到问题可以看一看,遇到什么问题欢迎在评论区留言交流一次流程:应用场景:从远端库复制特定分支到本地,从本地的其他分支复制特定提交到当前分支git fetch --allgit checkout -b 0.11.0.x_zhang origin(本地对应远端.

2021-05-28 16:54:12 97

原创 为什么我的mobx写的没问题却报错?

考虑是不是你使用的mobx版本错了,最新版的mobx在语法方面做了些修改。详细可参考mobxhttps://github.com/mobxjs/mobx例如我在敲mobx教程 03案例时,即便代码没什么问题点击按钮时死活不再次加载,最后发现是新版mobx捣的鬼,我默认npm installmobx安装的是最新版6.xx,对于@observer已经做了更改,导致数据更新后无法自动渲染页面,直观感受就是既不报错按钮也不起作用这个老师在这里this指向好像也有些问题我一并改了,下面是我更改.

2021-05-11 20:57:10 710

原创 博客项目——登录功能实现

客户端(login.art)登录功能实现,表单要添加name属性,这样才能向服务器提交数据<div class="login-body"> <div class="login-container"> <h4 class="title">黑马程序员 - 博客管理员登录</h4> <div class="login"> <form action.

2021-04-08 10:08:12 394 2

原创 Error: Cannot find module ‘webpack/bin/config-yargs’ 报错原因以及解决办法

Error: Cannot find module ‘webpack/bin/config-yargs’ 报错原因以及解决办法在使用webpack打包时,着实浪费了我不少时间来解决这个问题,归根结底就是版本更新导致有些功能不支持webpack-cli 升级到了 4,不能使用 webpack-dev-server 这个命令解决方法卸载当前已安装webpack-clinpm uni webpack-cli安装指定版本3.3的webpack=clinpm i webpack-cli@3.3

2021-04-02 20:55:55 3486

原创 解决访问github慢的问题——亲测有效,速度单车变摩托

1、获取GitHub官方CDN IP地址打开https://www.ipaddress.com/查询以下三个链接的DNS解析地址① github.com② assets-cdn.github.com③ github.global.ssl.fastly.net2、修改电脑host把刚才查询到的IP地址添加到hosts文件(C:\Windows\System32\drivers\etc\hosts)3、刷新本地dns缓存打开cmd(windows键+r,输入cmd然后回车),然后在出现的对话框

2021-03-20 14:43:33 199 1

原创 基于Ajax的Todos项目——计算用户未完成数量并渲染模板中

客户端代码这里我们通过filter遍历数组和查找满足条件的结果,数组长度即就是未完成任务数量,由于增删改都要更新用户数量所以我们干脆和渲染模板一起 var strong = $('#count'); //向服务器发送ajax请求,获取已经存在的任务 $.ajax({ url: '/todo/task', type: 'get', success: function (response) {.

2021-03-19 17:17:43 90

原创 基于Ajax的Todos项目——更新任务名称

客户端代码两个事件,利用双击获取焦点,失去焦点后触发ajax请求 //修改任务名称,双击任务时触发 taskBox.on('dblclick', 'label', function () { //让任务处于编辑状态 this是label相当于拿到ul给他添加类editing $(this).parent().parent().addClass('editing'); //将任务名称显示在文本框中 .

2021-03-19 16:11:57 90

原创 基于Ajax的Todos项目——更新用户状态

客户端代码这里通过Ajax请求将状态更新信息发送到服务器,客户端根据服务器返回状态更新数组中对应的状态值(这里其实也可以直接将status值给数组) //当复选框状态改变 taskBox.on('change', '.toggle', function () { //通过方法得到当前的选中与否 is代表复选框是否选中(注意这里:不能省略)返回boolean(true,false) var status = $(this).

2021-03-19 12:24:26 127

原创 基于Ajax的Todos项目——从列表中删除任务

思路:利用事件冒泡,给ul添加点击事件,当我们点击li时,会以冒泡的形式传递上去,触发ul的绑定事件。获取所要删除的任务对应id值,分别通过ajax给服务器和客户端,服务器删除数据库对应任务,客户端删除显示列表对应任务//当用户点击删除按钮时,触发ul标签身上的点击事件 taskBox.on('click', '.destroy', function () { //要删除的任务id var id = $(this).attr('da.

2021-03-19 11:05:30 105

原创 三种访问非同源数据策略

什么是同源政策?最初同源政策是指A网站在客户端设置的cookie,B网站是不能访问的什么是同源:同源是指两个页面拥有相同的协议,端口号,域名为什么会出现同源?保证用户数据安全,最初同源政策是指A网站在客户端设置的cookie,B网站是不能访问的,随着互联网发展,同源请求越来越严格有一项规定就是不能向非同源地址发送Ajax请求,请求就会报错解决策略1.使用Jsonp解决同源限制思路:用script标签不受服务器同源政策限制,服务器返回函数调用代码(字符串),当客户端加载完成响应内容.

2021-03-18 16:41:45 254

原创 网络管理与维护—作业3

一.单选题(共1题,16.6分)1把抽象数据变换成比特串的编码规则是( )。A、抽象语法B、实际语法C、传输语法我的答案:C得分: 16.6分二.填空题(共3题,49.8分)1(1)语法和(2)语法的组合被称为表示上下文。(精准填写,不要多写字)我的答案:得分: 16.6分第一空:抽象第二空:传输2标签类class用关键字表示,有(1) (2) (3) (4)四种。请填写全大写英文。我的答案:得分: 16.6分第一空:UNIVERSA

2021-03-18 12:51:27 272

原创 博客项目——评论功能实现

构造评论集合创建规则// 引入mongoose模块const mongoose = require('mongoose');// 创建评论集合规则const commentSchema = new mongoose.Schema({ // 文章id 这里schema.types用于定义默认路径,ref是要查询的文档,这里是指要获取article id aid: { type: mongoose.Schema.Types.ObjectId, ref: 'Article' }, .

2021-03-16 18:34:15 1811 3

原创 博客项目——用户文章内容展示

客户端呈现页面(default.art 文章列表)这里我们给两个标签添加链接路径,一个是图片链接,另一个是文章标题链接。通过点击链接链接到。点击链接完成两件事,1.链接到文章内容页面(article),2.传递get请求参数id给服务器对应的article.js路由<!-- 文章列表开始 --> <ul class="list w1100"> {{each articles.records}} <li class="{{$index%2 == 0 ?'f

2021-03-16 12:51:42 332

原创 博客项目——用户文章列表展示

服务器端添加路由home路由文件(home.js)这里home是一级路由,index.js(用户文章界面展示),article.js(文章详情)是二级路由//引入express服务器const express = require('express');//创建路由对象const home = express.Router();//文章列表封面home.get('/', require('./home/index'));//文章详情封面home.get('/article', requir

2021-03-16 09:14:50 385

原创 博客项目——文章管理页面分页

服务器端代码(article.js)通过引入mongoose-sex-page的方式处理文章页面分页下面是引入方式和获得的方法返回数据。//将用户集合构造模板导入const { Article } = require('../../model/article');//导入数据库分页第三方模块const pagination = require('mongoose-sex-page');module.exports =async (req, res) => { //给服务器一个

2021-03-15 12:49:48 282

原创 博客项目——用户文章内容提交

创建文章集合规则(model文件夹下的article.js)这里required(这里接收了一个数组) ture表示为必填字段,第二个为错误信息。(这是数据再插入数据库之前数据库对数据的一个判断)作者实际是用户集合中的用户,这里通过ref将作者和用户关联(这里作者存的是用户_id)defult是默认值// 1.引入mongoose模块const mongoose = require('mongoose');// 2.创建文章集合规则const articleSchema = new mong

2021-03-14 19:14:56 163 2

原创 博客项目——文章管理页面

添加文章管理和编辑页面路由客户端核心代码(aside.art):为客户端添加链接(注意这里的链接是相对服务器访问地址localhost:3000所以写服务器对应路由即可)currentLink是实现用户点击哪个就让哪个属性选中。其中选中样式的改变:我们通过给选中的标签加active属性如何判断选中与否?通过客户访问服务器端路由给对应路由添加一个变量用于存储值,根据存储值(currentLink)得不同<div class="aside fl"> <ul class="me

2021-03-14 16:50:37 480

原创 博客项目——用户删除功能实现

用户端获取删除用户信息(user.art)在用户管理页面添加隐藏表单获取email值(注意:这里我们通过email传递给服务器,从服务器删除用户,表单提交数据以get形式提交给服务器,服务器通过req.query.(对应提交表单的name)来获取对应项的value值)<!-- 删除确认弹出框 --><div class="modal fade confirm-modal"> <div class="modal-dialog modal-lg"> .

2021-03-14 15:46:48 413

原创 博客项目——用户信息修改功能

客户端链接到对应服务器路由(user.art)首先在用户展示页面添加链接(以email参数的有无来区分添加页面和修改页面) {{each users}} <tr> <td>{{@$value._id}}</td> <td>{{$value.username}}</td> <td>{

2021-03-13 18:07:12 554

原创 博客项目——分页功能实现

服务器路由代码(userPage.js)将page(客户端以get方式传递的当前页数)和total(服务器从数据库获取并计算出的总页数)数据引入模板//引入用户模板const { User } = require('../../model/user');module.exports = async (req, res) => { //获取用户当前页数page ,用户未窜入page默认显示第一页数据 let page = req.query.page || 1; //

2021-03-13 15:16:09 284

原创 Cannot find module ‘bcrypt‘ 怎么解决

老旧模板害人呐今天使用bcrypt模板进行密码加密,也不知道模板抽了什么风,不是Cannot find module ‘bcrypt’ 就是 node-pre-gyp install --fallback-to-build(这个是找不到后使用npm install 下载bcrypt不成功报的错,即便我把bcrypt整个文件删了也是如此!)自己调试了半天,在网上看了好多文章,各种处理方法都有,可就是苦苦看不到服务器启动成功,各种飘红…最后皇天不负有心人,终于让我找到了解决的办法:在npm中发现了

2021-03-13 00:27:40 2443

原创 vscode .art文件识别为html文件

1.点击文件–>首选项–>设置在搜索栏中输入 setting,点击在setting.json中编辑2.点击在setting.json中编辑,将如下代码填入setting.json文件"files.associations": { "*.art": "html"}填写完成如下图所示2.大功告成接下来就可以愉快的编写代码啦...

2021-03-09 15:54:39 273 1

原创 使用浏览器访问nodejs服务器一堆乱码怎么办?

end方法还需要手动指定文档格式,使用express框架可以简化该繁琐步骤。将res.end方法改为res.send方法,注意使用之前要下载并导入express模板

2021-03-08 23:01:31 138

原创 MongoDB接连{ useNewUrlParser: true } 、{ useUnifiedTopology: true }警告处理

虽然没有报错但是看起来还是不爽,警告内容就是新版connect里边需要这两个参数// 引入mongoose第三方模块 用来操作数据库const mongoose = require('mongoose');// 数据库连接mongoose.connect('mongodb://localhost/playground',{ useNewUrlParser: true, useUnifiedTopology: true }) // 连接成功 .then(() => console.log(.

2021-03-05 15:48:49 1035

原创 js面向对象 函数到底要不要带括号?

正常函数调用都是要带(),但是总有些例外,令我们在代码逻辑上没错,但是所要的功能就是迟迟不出现,这就是触发事件函数引起的问题此触发事件例子中,当不写function(){} 直接写animate(span,500)会导致按钮未被点击就执行可以理解为加上()此语句的结构被破坏,又无语法错误,程序正常执行animate()实际上是一个正常函数调用,因此不点击也可以正常调用。此触发事件中当给toggleTab添加()时会导致未被点击就执行同理,加上()此语句的结构被破坏,又无语法错误,程序正常执行.

2021-03-01 23:03:06 154

原创 为什么我添加事件监听未触发就执行了?

小问题,代码写熟了自然没什么问题,因为马虎加之生疏查错了好一会下面animate写法有错,会导致未点击就执行(因为addEventListener写的有问题,所以直接调用了animate函数执行而不报错)下面是正确写法(必须要放到function中,才会触发事件后(鼠标点击)运行,否则鼠标未点击就会运行)...

2021-02-24 21:37:49 725 2

原创 CSS精灵图

今天在复习css布局的时候了解到一个有意思的背景图片使用方法——精灵图,挺简单的一个布局方式,不过使用还是蛮频繁的,。what?css精灵(CSS sprites),是一种网页图片应用处理技术。主要是指将网页中需要的零星的小图片集成到一个大的图片中。why?...

2021-02-01 18:19:53 342

原创 计网网络层自测题

1如图所示的网络中,所有交换机都启用了 STP 协议。根据图中的信息来看,交换机( )会被选为根(回答A,B,C),交换机( )的端口( )会被阻塞?(9.0分)3.0 分正确答案第一空:B第二空:A第三空:E2我的答案:第一空: B第二空: A第三空: E2二、阅读理解 (题数:2,共 66.0 分)1如图1所示,假设四台主机目前的ARP高速缓存表全部为空,根据主机A发送数据的具体通信过程,回答以下问题:(32.0分)32.0 分(1) [单选题] (

2021-01-22 10:18:44 1405

原创 操作系统题

6.在操作系统中,使计算机系统能实现进程并发执行,保证系统正常工作的机制是()A.中断B.查询C.同步D.互斥正确答案:A9.()是指从作业提交给系统到作业完成的时间间隔A.周转时间B.响应时间C.等待时间D.运行时间正确答案:A10.系统在(),发生从目态到管态的转换。A.发出P操作时B.发出v操作时C.执行系统调用时D.执行置程序状态字时正确答案:C15.()是直接存取的存储设备。A.磁盘B.磁带C.打印机D.键盘显示终端正确答案:A19.当处理器处于管态

2021-01-11 10:16:41 675

原创 JAVA复习题(十)RMI

Java远程方法调用的方案是()CORBAMTSSocketRMI我的答案:D正确答案:D在RMI中标准的机制是()桩stub架构skeleton套接字socket序列化Serialization我的答案:ABD正确答案:ABRMI除了使用javac编译外,还需要使用( )生成stub和skeletonrmiregistry.exermid.exejava.exermic.exe我的答案:D正确答案:D自定义远程服务接口需要继承(

2021-01-03 18:11:15 516 1

原创 JAVA复习题(九)GUI

1.Java中关于GUI的类库包有( )和swing。我的答案:AWT正确答案:AWT2. GUI中容器包括(frame, Dialog, Panel, Applet)我的答案:frame, Dialog, Panel, Applet正确答案:frame, Dialog, Panel, Applet3.容器布局形式有5种,分别为( )、BorderLayout、GridLayout、CardLayout、GridBagLayout。

2021-01-03 12:51:14 1256

原创 JAVA复习题(八)消息类

写在前面:未标注正确答案的是不确定答案,欢迎各位小伙伴指教以下( A )可以实现序列化消息类控制类正确答案:A序列化是( C )对象转换为字符流从字符流中提取对象对象转换为字节流从字节流中提取对象正确答案:C反序列化是( D )对象转换为字符流从字符流中提取对象对象转换为字节流从字节流中提取对象正确答案:DJava中用于序列化的类是( C )ObjectInputStr

2021-01-02 23:00:59 582 2

原创 JAVA复习题(七)UDP Socket

写在前面:未标注正确答案是不确定答案,欢迎各位小伙伴指正Java提供的UDP Socket类有(ABC)DatagramSocketDatagramPacketMulticasrSocket(DatagramPacket的子类)DatagramChannel(nio的子类)UDP可以提供( ABC )通信服务unicastbroadcastmulticastgroupcast正确答案:ABCUDP传输可应用于( BD )网络管理实时通信

2021-01-02 20:39:22 553 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除