- 博客(28)
- 收藏
- 关注
RSS订阅原创 TCP和UDP的区别。(绝对通俗，绝对易懂)
作为一名最，最，最不喜欢背书的而言，理解一下TCP和UDP的区别确实为难我了。灵光一动突然知道了应该怎么去理解了。下面请看重点下面这一段是我copy了下牛客别人的简单总结，一起来看看。（1）TCP是面向连接的，udp是无连接的即发送数据前不需要先建立链接。（2）TCP提供可靠的服务。也就是说，通过TCP连接传送的数据，无差错，不丢失，不重复，且按序到达;UDP尽最大努力交付，即不保证可靠交付。 并且因为tcp可靠，面向连接，不会丢失数据因此适合大数据量的交换。（3）TCP是面向字节流
2020-10-16 21:56:04
3454
2
原创 JS几大操作符详解！
继昨天写完一片基本数据类型后，发现自己写的有点糟糕，今天我要，尽量写好一点。然后，屁话不说 了，直接开始。。一元操作符一元操作符，(只能操作一个值) 。看了一下书，emmm，又是好多东西，算了算了，还是稍微精准定位一下。首先理解下递增递减操作符咯，很简单，看下面var age = 12;age++; // 13age--; // 12var cc = 54;++cc; // 55--cc; // 54 这个例子学过的应该都会。自增一个自
2020-10-15 16:29:10
255
原创 一起来了解数据类型(也许通俗易懂)
我是一个菜鸡，笔试完一家公司，笔试完后的我就傻掉了。于是开始奋笔疾书，记录一下，也不知道会不会更全。话不多说直接放代码。首先我看到typeof操作符：声明了但是没有赋值和没有声明的变量，两种都是undefined。然后呢，undefined本身也是undefined。var cc;var ccc;console.log(typeof ccc); // undefinedconsole.log(typeof cccc); // undefinedconsole.log(typeof undef
2020-10-14 23:59:00
702
2
原创 伪类和伪元素的区别
伪元素：CSS伪元素用于将特殊的效果添加到某些选择器语法： selector:pseudo-element {property:value;}语法解释： 创建了一个文档数外的元素；区别： 伪元素为DOM树没有定义的虚拟元素本质： 创建了一个有内容的虚拟容器使用： 只能同时使用一个伪元素规范： 双冒号表示 ::伪类：CSS伪类是用于向某些选择器添加特殊的效果。语法： selector:pseudo-class {property:value;}语法解释： 操作对象是文档树中..
2020-09-24 11:37:15
101
原创 js继承------组合继承
组合继承又叫做伪经典继承是指： 将原型链和借用构造函数的技术组合到一块，发挥二者之长的一种继承模式。其背后的思路是： 使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承既通过在原型上定义方法实现了函数复用，又能够保证每个实例都有它自己的属性。 function SuperType(name) { this.name = name; this.color = ['red', 'blue', 'green'] } // 创建
2020-09-23 11:53:20
1254
原创 借用构造函数 call()方法
call()方法fun.call(thisArg, arg1, arg2, ...)thisArg: 当前调用函数this的指向对象arg1,arg2: 传递的其他参数简单了解完call()后放在代码中更全面的认识一下function SuperType() { this.colors = ['red','blue','green'] console.log(this.colors) }/* 按照以往我们会通过SuperType() 来调用函数*/Super
2020-09-22 22:59:19
826
1
原创 构造函数，原型对象，原型链
构造对象的三种方法实例成员和静态成员构造函数的问题构造函数原型 prototype在ES6之前，对象不是基于类创建的，而是用一种称为构造函数的特殊函数来定义对象和它们的特征构造对象的三种方法首先，创建对象的三种方式如下```js// 1. 利用 new Object() 创建对象var obj1 = new Object();// 2. 利用 对象字面量创建对象var boj2 = {};// 3. 利用构造函数来创建对象function Star(uname, age) {.
2020-09-22 10:49:45
348
原创 css------ cursor属性： 光标的样式
复制代码，粘贴到.html中，查看不同设置的光标的样式<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p><span style="cursor:auto">au
2020-08-31 12:25:53
221
原创 CSS------animate动画总结,及各个浏览器支持
有关css的动画属性如下@keyframesanimationanimation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimation-directionplay-state对每一个属性的属性以及包含的值做如下介绍@keyframes定义一个动画,@keyframes定义的动画名称用来被animation-name所使用如<div&
2020-08-30 21:28:58
987
原创 html之meta
复习了下meta标签，发现关于移动端viewport和移动端的像素等问题还是存在疑惑，保存几个关于meta的详细解释的博客连接存储。name=“viewport”移动前端开发之viewport的深入理解http-equiv = “X-UA-Compatible”关于IE浏览器的特殊属性值常用meta整理菜鸟教程meta详细整理...
2020-08-29 10:34:16
69
转载 CSS绘制三角形--border法
1.实现一个简单的三角形使用css盒模型中的border (边框) 即可实现如下所示的三角形：实现原理:在为元素添加border的时候，border的样子；假设有如下代码：<div></div>div { width: 50px; height: 50px; border: 2px solid orange;}效果图：这是我们平常使用border最普遍的情况——往往只给border一个较小的宽度（通常为1-2px）；然而这样的日常用法就会容易
2020-08-26 22:55:05
158
转载 用vscode编写微信小程序几个好用的插件和设置
1·minapp支持微信小程序标签、属性的智能补全，并且提示中包含文档内容（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）。2.wechat-snippet这个插件主要的功能就是代码辅助，代码片段自动完成，可以作为上个插件的补充。3.wxml这款插件用于将wxml代码进行高亮显示，并且提供代码格式化的功能，可将代码格式化为较易阅读的样式。有了上面这几款插件，便可以开始高效地撸代码了。至于代码的调试以及效果的查看，当然还是得打开微信开发者工具。将编辑器隐藏，调
2020-08-24 11:43:46
2074
原创 微信小程序-----获取登录数据的三种方式
第一种存在代码冗余推荐使用第二种<!-- 这是wxml文件 --><view> <input value="{{ username }}" bindinput="usernameInput" placeholder="请输入用户名"> </input> <input value="{{ password }}" bindinput="passwordInput" placehol
2020-08-23 19:08:22
788
原创 git的使用命令
使用前配置配置提交人姓名以及邮箱git config --global user.name 提交人姓名git config --global user.email 提交人邮箱查看git配置信息：git config --list 基本使用初始化仓库git init查看分支git branch 创建dev分支git branch dev切换到dev分支git checkout dev创建并切换到dev分支git checkout -b dev合并 dev分支
2020-08-21 17:42:41
66
原创 vue，全局写入时间过滤器
// 时间过滤器Vue.filter('dateFormat', function(originVal) { const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() +1 + '').padStart(2, '0') const d = (dt.getDate() + '').padStart(2, '0') const hh = (dt.getHours
2020-08-21 15:35:50
106
原创 Vue中加载使用富文本编辑器组件
利用命令行npm install vue-quill-editor --save安装此依赖或是在vue ui界面中通过添加依赖-> 运行依赖 ,搜索 vue-quill-editor 进行安装。安装成功后：进行如下全局配置在main.js 中进行全局配置import Vue from 'vue'// 导入富文本编辑器// 使用前需要安装vue-quill-editor依赖import VueQuillEditor from 'vue-quill-editor'// requi
2020-08-21 15:30:36
512
转载 element新版本级联选择器高度问题
element新版本级联选择器下拉框估计忘设高度了吧，当循环数据过多时，下拉框很长。解决方法：在全局样式中设置.el-cascader-menu { height: 300px;}
2020-08-19 20:56:10
531
原创 关于webpack的基本使用---(含配置vue组件加载器)
一、html-webpack-pluginhtml-webpack-plugin 是生成预览页面，即使用npm run dev 时默认显示页面的设置，步骤如下：安装命令npm install html-webpack-plugin -D修改webpack.config.js 文件头部区域，添加如下配置信息：// 导入生成预览页面的插件，得到一个构造函数const HtmlWebpackPlugin = require('html-webpack-plugin')const htmlPlu
2020-08-16 12:51:17
246
原创 项目中安装和配置webpack
打开项目目录终端，输入命令:npm install webpack webpack-cli -D然后在项目根目录中，创建一个 webpack.config.js 的配置文件用来配置webpack, 在 webpack.config.js 文件中编写代码进行webpack配置，如下：module.exports = { mode:"development" // 可以设置为development(开发模式), production(发布模式)}补充：mode设置的是项目的编译模式.
2020-08-15 18:55:03
252
原创 Node.js体验ES6模块化环境配置
Node.js中通过babel体验 ES6 模块化具体流程如下：安装babel相关模块，命令行中输入npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node继续安装npm install --save @babel/polyfill项目根目录创建 babel.config.js, 并在内部输入const presets = [ ["@babel/env", {
2020-08-15 17:58:43
254
原创 jsonp----解决同源限制
jsonp的作用使用 JSONP 解决同源限制问题了解同源限制什么是同源如果两个页面拥有相同的协议、域名和端口，那么这两个页面就属于同一个源，其中只要有一个不相同，就是不同源。ajax请求限制：比如现在有一个A网站、有一个B网站，A网站中的 HTML 文件只能向A网站服务器中发送 Ajax 请求，B网站中的 HTML 文件只能向 B 网站中发送 Ajax 请求，但是 A 网站是不能向 B 网站发送 Ajax请求的，同理，B 网站也不能向 A 网站发送 Ajax请求。同源政策的
2020-08-06 17:18:25
100
原创 ajax请求，直接放代码
创建一个简单的入门ajax// 1.创建ajax对象var xhr = new XMLHttpRequest();// 2.告诉Ajax对象要向哪发送请求，以什么方式发送请求// 1)请求方式 2)请求地址xhr.open('get', 'http://localhost:3000/index');// 3.发送请求xhr.send();// 4.获取服务器端响应到客户端的数据xhr.onload = function (){ console.log(xhr.responseText)
2020-08-06 16:49:59
123
原创 gulp以及相关插件内容
gulp下载gulp第三方模块以及全局下载gulp-cli 工具npm install gulpnpm install gulp-cli -g功能描述在项目根目录下建立gulpfile.js文件重构项目的文件夹结构 src目录放置源代码文件 dist目录放置构建后文件在gulpfile.js文件中编写任务.在命令行工具中执行gulp任务gulp提供的方法gulp.src(): 获取任务要处理的文件gulp.dest()：输出文件gulp.task()：建立gulp
2020-07-28 23:34:50
69
原创 npm install安装速度慢甚至下载不下来？快来使用npm的国内镜像吧，摆脱速度慢
很多还是我们利用npm install 下载安装模块和包特别慢，下面安利一下下面的内容，希望不知道的朋友们可以采纳呀。首先，命令行利用npm 全局下载安装 nrmnpm install -g nrm 下载好后输入nrm ls有一个 * 号表示当前使用的npm源 这里面的内容就是一些国内的镜像，我用的是taobao的镜像，所以接下来输入nrm use taobao再利用此命令进行检查是否切换到nrm ls切换成功，此时再用npm install 下载安装就是国内的taobao的
2020-07-28 15:15:55
743
原创 Node.js用到的几个系统模块概述 (fs文件读写，path路径拼接，http搭建一个简单的服务器)
文章罗列了个人用到的一些有关nodejs的编程的模块有需要自查，希望有帮助。此文档只有三个，后续还会继续更新其他的第三方模块注： 涵盖了个人的一些简单理解，非官方，如需官方可进入npm官网查看fs : 用于读取文件，写入文件的操作//导入fs模块const fs = require('fs'); //读取文件内容fs.readFile('./app.js', 'utf-8', (err, data) => { // 验证时错误还是正确 if (err) { //报错的时候运行此
2020-07-28 14:50:56
277
原创 MongoDB连接时候出现提示： DeprecationWarning: current URL string parser is deprecated.
js中的代码如下所示，结果node.js运行时报错const mongoose = require('mongoose');mongoose.connect('mongodb://localhost/playground') .then(() => console.log('数据库连接成功')) .catch(err => console.log(err, '数据库连接失败'))错误提示：(node:11540) DeprecationWarning: current URL st
2020-07-26 13:01:34
811
转载 PowerShell：因为在此系统上禁止运行脚本，解决方法
文章转自鲸鱼啊：https://www.jingyua.com.在自己编PowerShell脚本的时候突然遇到这个问题：无法加载文件 C:\Users\DH\Desktop\cs\rename.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。CategoryInfo : SecurityError: (???? []，ParentContai
2020-07-25 11:22:57
841
原创 Node.js安装可能出现的错误
2502 2503错误失败原因： 系统账户权限不足，没有相应的管理员权限使用会报出2502 2503错误。遇到这样的操作时，有如下解决方法:以管理员身份运行powershell 命令行工具,输入安装包命令 msiexec /package C:\Users\zwc\Downloads\node-v12.18.3-x64 (1).msiWin键 + R 用管理员身份打开命令行，输入上述安装包命令Node.js环境安装失败解决方法失败原因： Node安装目录写入环境变量失败node
2020-07-25 09:53:21
1704
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人