- 博客(33)
- 收藏
- 关注
RSS订阅原创 Vue 数据响应式
Vue2 侦测数据变化使用的是 Object.defineProperty() 方法，通过定义对象属性上的 get 和 set 方法，在 get 方法中收集观察者，在 set 方法中通知观察者们进行更新视图或处理其他事务
2022-02-28 01:04:13
3762
1
原创 MediaSourceExtension
Media Source API，正式称为Media Source Extensions (MSE)，提供了基于web且不依赖插件播放流媒体的功能。使用MSE，可以通过JavaScript创建媒体流MediaSource，并使用<audio>和<video>元素播放。
2022-02-19 15:16:52
2030
1
原创 Node.js 搭建TCP服务器
概述TCP协议就是位于传输层的协议。Node.js在创建一个TCP服务器的时候使用的是net（网络）模块。创建TCP服务使用Node.js创建TCP服务器，首先要引用net模块，之后使用net模块的createServer方法就可以创建一个TCP服务器.使用TCP服务器的listen方法就可以开始监听客户端的连接.server.listen(port[,host][,backlog][,callback]);port参数为需要监听的端口号，参数值为0的时候将随机分配一个端口号。host为服务
2021-09-19 16:43:55
1319
原创 Node.js 创建 WebSocket 服务
Node.js 创建 WebSocket 服务一、什么是WebSocketWebSocket 是一种网络通信协议。WebSocket 协议在2008年诞生，2011年成为国际标准。所有浏览器都已经支持了。它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。二、客户端API使用简单实例var ws = new WebSocket("wss://echo.websocket.org");// 实例对象的onopen属
2021-09-19 16:42:34
698
原创 前端二进制系列三：Blob 和 ArrayBuffer
前言：上一篇讲的请求网络图片得到ArrayBuffer对象或Bold对象通过处理转换得到 Bold URL 后放到img元素显示，本文将介绍什么是Bold、ArrayBuffer一、Blob API1. 简介Blob（Binary Large Object）表示二进制类型的大对象。Blob（Binary Large Object）表示二进制类型的大对象。在数据库管理系统中，将二进制数据存储为一个单一个体的集合。Blob 通常是影像、声音或多媒体文件。在 JavaScript 中 Blob 类型的对象表
2021-04-05 01:06:35
3107
原创 前端二进制系列二：前端网络图片预览
一、网络下载图片 -> 图片预览上文主要讲了本地获取图片进行预览，我们也可以通过 Fetch API 从网上从网络上获取图片，然后在进行图片预览。当然对于网络上可正常访问的图片地址，我们可以直接把地址赋给 img 元素显示，这是最常见的使用方式，并不需要通过 fetch API 绕一大圈。但如果在显示图片时你需要对图片进行特殊处理，比如解密图片数据时，你就可以考虑在 Web Worker 中使用 fetch API 获取图片数据并进行解密操作。现在使用 fetch API 获取我的掘金头像，具
2021-04-04 15:21:47
717
原创 前端二进制系列一：选择本地图片预览
一、FileReader API1. FileReader 简介在支持 FileReader API 的浏览器中，我们也可以利用该 API 方便实现图片本地预览功能。FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。注：FileReader仅用于以安全的方式从用户（远程）系统读取文件内容 它不能用于从文件系统中按路径名简单地读取文件。要在JavaScript中按路径名读取文件，应使用
2021-04-04 02:46:28
600
1
原创 Mongodb在Linux Centos上的安装和使用
安装Mongodb创建.repo文件，生成mongodb的源vi /etc/yum.repos.d/mongodb-org-4.0.repo添加以下配置信息并保存（这里使用阿里云的源）[mngodb-org]name=MongoDB Repositorybaseurl=http://mirrors.aliyun.com/mongodb/yum/redhat/7Server/mongodb-org/4.0/x86_64/gpgcheck=0enabled=1使用yum安装Mo
2020-10-25 14:15:20
85
原创 服务器(Liunx/centos)环境部署
安装githttps://git-scm.com/download/linux使用yum安装gityum install git -y // 安装但是用yum安装的版本是1.x的版本，比较老，使用过程会出现问题。不推荐这样直接安装,建议使用下面办法。方法一：安装所需软件包yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel -yyum install gcc perl-ExtUtils-Mak
2020-10-25 14:10:43
75
原创 Canvas的JS操作基本功
创建 Canvas 画布Canvas没有设置宽高，那么会自动创建一个 300 * 150 的画布（单位默认为 px）。可以通过html属性设置或JS 属性设置 width、height。不要使用 CSS 设置，CSS的宽高设置会影响canvas的宽高比例。如下代码为用html属性设置。<!DOCTYPE html><html lang="en"><head&...
2019-10-07 23:15:49
3114
原创 微信小程序视图层学习随记
WXMLWXML是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。其能力：数据绑定{{msg}}列表渲染 wx:for="{{objList}}" wx:for-item="obj" wx:for-index="idx"条件渲染 wx:elif="{{view == 'WEBVIEW'}}"模版模版外标签 <template name="staffNam...
2019-08-14 17:08:18
191
原创 Web前端UI组件设计
注：内容来自奇舞学院前端星课程如何UI组件设计结构设计：分析组件UI的布局，用相应的dom元素设计html结构API设计：设计JavaScript API来实现交互效果API设计原则...
2019-06-18 02:33:41
2097
转载 互联网协议入门
互联网协议入门作者：阮一峰原文地址：http://www.ruanyifeng.com/blog/2016/06/dns.html一、概述1.1 五层模型互联网的实现，分成好几层。每一层都有自己的功能，就像建筑物一样，每一层都靠下一层支持。用户接触到的，只是最上面的一层，根本没有感觉到下面的层。要理解互联网，必须从最下层开始，自下而上理解每一层的功能。如何分层有不同的模型，有的模型分七层，有的分四...
2018-07-09 17:29:49
96
转载 JS中的this关键字
原文：深入理解javascript原型和闭包（10）——this 在函数中this到底取何值，是在函数真正被调用执行的时候确定的，函数定义的时候确定不了。因为this的取值是执行上下文环境的一部分，每次调用函数，都会产生一个新的执行上下文环境。 this有以下四种使用场景。情况1：构造函数 所谓构造函数就是用来new对象的函数。其实严格来说，所有的函数都可以new...
2018-07-03 23:28:33
283
原创 JS上下文环境
参考文章：深入理解javascript原型和闭包系列——王福明一、执行上下文1.什么是“执行上下文”先看demo console.log(a);//undefined console.log(b);//undefined console.log(fun1);//fun1函数体 console.log(fun2);//undefined var c="ccc"; fun1(c)...
2018-07-03 01:10:15
1339
原创 JS作用域
参考文章：理解 js的作用域--SevenJS作用域面试题总结--蓝眼睛~~一、JavaScript 作用域 1.在 JavaScript 中, 对象和函数同样也是变量。 2.在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。 3.JavaScript 函数作用域: 作用域在函数内修改。 4.只有全局作用域和函数作用域，并没有块作用域，for(var...
2018-07-02 17:25:06
280
原创 JS中的session和cookie区别
简单理解cookie/session机制:http://www.sohu.com/a/207801015_114819JS学习之cookie和session:https://segmentfault.com/a/1190000011844051js中的session与cookie机制:https://blog.csdn.net/ttx_laughing/article/details/53019...
2018-07-01 23:30:22
5626
2
原创 Node.js web服务 基础入门
一、node.js背景介绍1.node.js是服务端单独运行js文件的一个平台。 node.js提供了很多js后端开发的代码库。2.node.js和脚本js代码区别：2.1以前js文件是纯前端脚本语言，由浏览器解析运行2.2node帮助我们把js脚本脱离浏览器单独拿出来，当做一门语言来进行运行3.3node.js不能执行javascript中的BOM和DOM操作，只能...
2018-04-07 23:55:00
191
原创 SASS/SCSS的学习归纳
一、sass简介一种CSS的预处理器。Sass扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass生成良好格式化的CSS 代码，易于组织和维护。sass和scss区别:sass使用严格的sass语法，不使用大括号和分号scss使用大括号和分号，与less基本相同（推荐使用）二、scss环境搭建1.安装ruby语言环境，直接解压ruby工具到c盘根目录2.配置ruby的环境变量，...
2018-04-04 15:31:37
331
原创 JavaScript 动画案例分析
一、onScroll事件1.用处：是页面滚动条滚动事件，当页面滚动条滚动时候，自动触发2.从属于window对象，事件应绑定到window对象上二、scrollTop和scrollLeft1.含义： scrollTop指的是向上滚动头部高度 scrollLeft指的是向左滚动的宽度2.注意：兼容性不好，不同浏览器的scrollTop/scrollLeft属性从属对象不一chrom浏览...
2018-03-19 18:46:01
767
原创 JavaScript BOM操作
一、BOM定义1.全称：browser object model（浏览器对象模型）2.BOM提供了独立于内容而与浏览器窗口进行交互的接口3.window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的4.区别：DOM:操作当前文档中的节点 BOM:操作当前浏览器本身的一些属性二、window的方法属性1.window对象常用方法：1.1 alert、confirm、prompt：弹出提...
2018-03-19 16:45:57
243
原创 JavaScript DOM操纵和DOM事件
一、DOM定义：docuemnt object model文档对象模型Document:文档，当前html整个页面的内容Object:对象，把当前文档中的一些标签转化为js对象来进行操作Model：当前文档结构的节点关系二、DOM-标签对象转换方式 对象获取方式：getElementById 根据标签ID，getElementsByName 根据标签name属性，getElementsByTa...
2018-03-06 20:15:50
328
原创 JavaScript语言基础
JavaScript语言基础一、JavaScript编写基本格式说明1、行内写法（javascript:具体代码流程），一般用于调试2、HTML嵌入式写法：通过标签囊括3、外部js文件引入写法：通过标签方式引入Script标签三个属性：type:当前语言类型：text/javascrip;language:注明当前script代码块类型：javascript jscript v
2017-11-25 23:38:36
300
原创 HTML+CSS基础+web前端编码规范
一.HTML页面骨架1.常用html标签：文件标记标签：head、title、body排版标记标签：p、br、hr、center、div字体标记标签：stronger、b、i、u、H1、H2、H3、H4、H5、H6、font清单标记标签：ol、li、ul、dl、dt、dd表格标记标签：table、tr、td、th表单标记标签：form、input、select、opti
2017-10-31 00:09:44
631
原创 JAVA线程知识
一、线程基础1）概念：程序、进程、线程 程序：通过编程语言编写的一组指令集合 进程：正在运行的程序 线程：进程执行中的执行基本单元关系：程序和进程：1：0…n进程和线程：1：1…n 注：一个进程一定会有一个线程，即main方法 2）线程实现方式i. 自定义一个类，来extends继承Thread，重写run方法，并构造当前类的对象，通过调
2017-07-12 21:38:21
210
原创 阶段性测验遗漏知识点
1.内部类：①普通内部类：创建对象：外部类.内部类 对象名 = 外部类对象名.new 内部类（）;class A{ classB{} classstatic C{} publicvoid test(){ classD {}}}②静态内部类：创建对象： 外部类.内部类 对象名 = new 外部类.内部类（）;
2017-07-11 20:19:13
240
原创 Java关键字
定义：Java的关键字对Java的编译器有特殊的意义，他们用来表示一种数据类型，或者表示程序的结构等，关键字不能用作变量名、方法名、类名、包名和参数。static 静态特点：1.类的静态区是公共的，所有该类对象都共有。2.在类外部通过类名访问static属性或方法，不用通过创建对象来访问static的属性和方法。区分static 和 非 static ：1.调用
2017-05-15 21:32:42
160
原创 Java制作网络聊天室（section1）
java写聊天室需要用到多线程、IO（输入输出）、网络编程,对此也有初步的认识。一、多线程概念：多线程是指一个程序中有多条并发执行的线索，每条线索都被称作一个线程，他们交替执行，彼此间可以通信。在写聊天室时用户用输入和输出的功能，如果输入和输出都写在主函数没有使用线程，那么程序可能因为等待输入而阻塞，无法输出消息，所以需要用多线程来实现。注：Java中的多线程是一种抢占机制
2017-05-07 16:13:53
580
原创 java制作PVP五子棋游戏
编写五子棋游戏需要处理的问题：①、下棋时黑白棋子颜色的交替处理（定义Color类全局变量color来保存颜色标记，当下完一个棋子时颜色变换）②、点击棋盘时让棋子落在离点击处最近的交叉点上（判断点击棋盘上的坐标和棋盘上交叉点的坐标的距离）③、不能让棋子在同一个交叉点重复下棋 （创建int类二维数组 chess_flag[][]来记录棋盘上的下棋情况，0表示无棋子，1
2017-05-07 15:19:16
749
原创 Java制作画图板（阶段二）
① Panel是一个面板类，用于将窗体分为几个模块，把窗体上的组件分到各个模块中， JPanel draw_panel = new JPanel();//创建画图面板 //添加面板到窗口frame.add(draw_panel); ② 写画图板的画笔和橡皮时需要按住拖动鼠标来画出鼠标移动轨迹，需要用MouseMotionL
2017-04-14 23:58:14
434
原创 Java制作画图板（未完成）
① ActionListener用于接收操作事件的侦听器接口。对处理操作事件感兴趣的类可以实现此接口，而使用该类创建的对象可使用组件的 addActionListener方法向该组件注册。在发生操作事件时，调用该对象的 actionPerformed方法。 ActionListener action_listener = new ActionListener(){/
2017-04-10 22:55:57
326
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人