- 博客(31)
- 收藏
- 关注
RSS订阅原创 websocket聊天室
const WebSocket=require('ws') //websocket中的w和s必须大写；const wss=new WebSocket.Server({port:3001})let num=0wss.on('connection',function connection(ws){ console.log('one client is conntected') //接收客户端的消息 ws.on('message',function(msg){
2020-10-10 10:31:15
110
原创 js继承的6种方式
想要继承，就必须要提供个父类，（继承谁，提供继承的属性）function Person(name){//给构造函数添加了参数 this.name=name; this.sum=function(){ alert(this.name) } } Person.prototype.age=10;//给构造函数添加了原型属性一.原型链继承functi
2020-09-08 17:44:21
159
原创 Vue那些事儿（组件）
Vue.js组件组件可以扩展HTML元素，封装可重用的代码可以独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：注册一个全局组件语法格式如下：Vue.component(tarName,options)其中tagName为组件名，options为配置选项。注册后可以使用以下方式来调用组件：<tagName></tagName>全局组件所有实例都能用全局组件。 <div id="app"> &l
2020-09-07 15:31:17
99
原创 Vue那些事儿（表单）
Vue.js表单可以使用v-model指令在表单控件元素上创建双向数据绑定。v-model会根据控件类型自动选取正确的方法来更新元素使用input和textarea元素使用v-model双向数据绑定：<div id="app"> <p>input 元素：</p> <input v-model="message" placeholder="编辑我...">//第一个绑定input
2020-09-06 16:13:41
115
原创 Vue那些事儿（事件处理器）
vue.js事件处理器事件监听可以使用v-on指令：点击一次，触发一次事件<div id="app"> <button v-on:click="counter+=1">增加1</button> <p>这个按钮被点击了{{counter}}次。</p> </div> <script> new Vue({ e
2020-09-06 15:05:17
82
原创 Vue那些事儿（样式绑定）
Vue.js样式绑定class与style时HTML元素的属性，用于设置元素的样式，可以用v-bind来设置样式属性。Vue.js中v-bind在处理class和style时，专门增强表达式的结果类型除了字符串之外，还可以式对象或数组class属性绑定1.将class的属性，在这里是isActive，设置为true显示所要展示的内容，false则是不显示。这里的active用于作为class名。来进行样式的写入。isActive也是在data中写入。<div v-bind:class=
2020-09-06 12:12:13
111
原创 Vue那些事儿（监听属性）
vue.js监听属性可以通过watch来响应数据的变化。使用watch来实现计数器 <div id="app"> <p style="font-size: 26px;"> {{counter}} </p> <button @click="counter++" style="font-size:25px;">点我</button> </div>
2020-09-06 10:07:29
88
原创 Vue那些事儿（计算属性）
Vue.js计算属性计算属性关键词：computed <div id="app"> {{message.split('').reverse().join('')}} </div> data:{ message:'ROUNDM' }计算属性的实例：这个例子提供的函数作为属性vm.reverseMessage的getter。vm.reverseMessage依赖于vm.message,在vm.message发生改变时
2020-09-05 23:39:36
92
原创 Vue那些事儿（循环语句）
循环语句循环使用v-for指令-v-for 指令需要以site in sites形式的特殊语法，sites是源数据数组并且site是数组元素迭代的别名 <div id="app"> <ol> <li v-for="site in sites"></li>//这里的site in sites 中的第一个site用于引下面的三个name， //第二个用于以对象名的形式写入对象数组
2020-09-05 23:10:07
142
原创 Vue那些事儿（v-if)
Vue.js条件与循环条件判断v-if条件判断使用v-if指令：<div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>1</h1> <h1>2</h1> <h1>3</h1> <
2020-09-05 22:04:07
139
原创 vue那些事儿（一）
Vue.js是什么是一套用于构建用户界面的渐进式框架被设计为可以自底向上逐层应用与现代化的工具链以及各种支持类库结合使用时，vue也可以完全能够为复杂的单页应用提供驱动。不错，它就是这么强大，让我们来一起深入探索吧！！！创建一个.html文件，然后通过如下方式引入Vue:<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script&
2020-09-04 21:26:18
118
原创 工厂模式
什么是工厂模式？大体分为三类：简单工厂模式、工厂方法模式、抽象工厂模式。简单工厂模式是由一个工厂对象来创建某一类产品的实例比如说，我来到一家书店买书，我要买编程类的书，分别是“JS高级编程，第三版，2013年出版”、“CSS世界，第一版，2017年出版”、“VUE权威指南，第一版，2018年出版”，我不用自己去找这些书，而是口头告诉给店员，让他帮我找，并且告诉我价格。这时，店员就是这个工厂对象，而返回给我的书的信息以及价格则是这个产品的实例。拿起键盘开始实现：function bookSho
2020-09-04 19:05:21
102
原创 单例模式
什么是单例模式？单例模式是只允许实例化一次的对象类，即一个类只有一个实例，可以作为命名空间管理，也可以用来管理静态变量，甚至可以说，某个模块无论创建多少次，只要在窗口中只能存在一个的这样的模块，都能用单例模式来封装。封装在一个对象中，作为全局都可以使用:var codeManager = { utils: { util1: function () {}, util2: function () {} }, doms: { create: function (domNo
2020-09-03 22:07:42
95
原创 js五种设计模式
1.js工厂模式var lev=function(){ return "嘿哈"; }; function Parent(){ var Child=new Object(); Child.name="李小龙"; Child.age=20; Child.lev=lev; return Child; };
2020-09-03 21:09:02
138
原创 node.js（三）之模块系统
Node中的模块系统使用Node变形而应用程序主要就是在使用Ecmascript语言和浏览器一样，在Node中没有Bom和Dom核心模块文件操作的fshttp服务操作的httpurl路径操作模块o操作系统信息第三方模块art-templete必须通过npm来下载才可以使用什么是模块化文件作用域，文件模块作用域通信规则加载require导出exports加载requirevar自定义变量名=require（'模块'）作用：执行被加载模块中的代码得到被加载模块
2020-09-03 16:55:48
79
原创 那些你必须知道的Git干货
什么是版本控制？便于管理多人协同开发项目的技术本地和集中式版本控制本地版本控制像我们自己本地电脑上做的备份或快照等，记录每次更新，适合个人使用集中版本控制集中就是把数据保存到服务器上，便于多人协同开发，存在风险，需要备份分布式版本控制-Git分布式相比于集中式的最大区别在于开发者可以提交到本地，每个开发者通过拷贝一个完整的GIt仓库，可以查看所有版本历史，可以离线在本地提交，在连网时push即可，不会因为服务器就损坏或者网络问题，造成不能工作的情况，同时只要一个用户的设备没有问题就
2020-09-03 15:47:01
136
原创 JavaScript笔试代码（三）
1.已知有字符串foo=”get-element-by-id”,写一个function将其转化成驼峰表示法”getElementById”var str="get-Element-by-id"; function combo(msg){ //通过指定分隔符对字符串进行切片,返回数组 var arr=msg.split("-"); for(var i=1;i<arr.length;i++){ arr[i]
2020-09-02 21:39:42
203
原创 JavaScript之醍醐灌顶篇（三）
21.JavaScript是一门什么样的语言，它有哪些特点？是一种直译式脚本语言动态类型弱类型基于原型内置支持类型，广泛用于客户端的脚本语言兼容于ECMA标准基本特点1.是一种解释型性脚本语言2.多用于页面交互3.可以直接嵌入HTML中4.写成单独的js文件有利于结构和行为的分离22.JavaScript的数据类型都有什么？基本数据类型：string,boolean,null,undefined,number引用数据类型：object，Array，Function23.判断
2020-09-01 20:46:57
72
原创 JavaScript通俗易懂之秒懂版（二）
11.如何判断当前脚本运行在浏览器还是node环境中？this===window？‘brower’:‘node’;通过判断global对象是否为window，如果不为window，当前脚本没有运行在当前浏览器。12.javascript的typeof返回那些数据类型object，string，Boolean，number，undefined，function13.例举3种强制类型转换和2种隐式类型转换?强制：.转换为数值类型：Number(mix)、parseInt(string,radix)
2020-09-01 11:43:30
114
原创 JavaScript面试题（一）
1.eval是做什么的？它的功能是把对应的字符串解析成js代码并运行90## 2.什么是window对象？什么是document对象？window对象是指浏览器打开的窗口document对象是document对象的一个只读引用，window对象的一个属性3.null，undefined的区别？null 表示一个对象是“没有值”的值，也就是空；undefined 表示一个变量声明了但是没有实例化undefined不是一个有效的json，而null是undefined的类型是undefin
2020-09-01 08:47:54
144
原创 CSS（二）
1.水平垂直居中的几种方式flex方式display：flex;align-height:center;justify-content:center;绝对定位和负边距position：absolute；top:50%;left:50%;margin-left:-50%;//设置宽度的一半margin-top:-50%;//设置高度的一半css3的transform属性position: absolute;top: 50%;left: 50%;transform:
2020-08-31 17:51:37
133
原创 CSS（一）
1、阐述清楚浮动的几种方式父级div定义高度height父级div定义overflow：hidden定义width，不定义height结尾处加空div标签clear：both2、解释css sprites，如何使用？作用：把网页中一些背景图片整合到一张图片文件中利用css的background-image，background-repeat，background-position的组合进行背景的整合优点：节约带宽，提高了用户的加载速度和用户体验3、请列举jQuery中的选择器：#
2020-08-31 15:50:16
71
原创 HTML面试题（二）
为什么要初始化样式？由于浏览器的兼容问题，不同的浏览器对标签的默认样式值不同，如果不进行初始化，浏览器之间有显示差异。简述readonly与disabled的区别？readonly只针对input和textarea有效。disabled对所有的元素都有效，但是使用disabled后，将不能以get和post请求进行提交一个页面从输入url到页面加载显示完成，这个过程都发生了什么？当发送一个url请求时，浏览器开启线程处理请求，同时启动dns查询，获得请求对应的IP地址。通过tcp三次
2020-08-30 12:29:00
817
2
原创 AJax
什么是AJAX?AJAX=异步javascript和XML是一种用于创建快速动态网页的技术AJAX可以使网页实现异步更新，意思就是在不重新加载整个网页的情况下，对网页的某部分进行更新AJAX工作原理（图）AJAX是基于现有的Internet标准XML HttpRequest对象（异步的与服务器交换数据）JavaScript/DOM(信息显示/交互）css(给数据定义样式)XML(作为转换数据的格式)AJAX常用几大函数及方法对象loadXMLDoc()函数XMLHttpR
2020-08-30 10:38:44
89
原创 node.js(二)
解析执行JavaScript创建JavaScript脚本文件定位到文件所在位置输入node，执行对应的脚本文件注意：文件名千万不要以node命名文件的读取//1.使用fs读取模块var fs=require('fs');//2.读取文件fs.readFile('./data/1.js',function(err,data){if(err){ console.log("文件读取失败");}else{ console.log(data.toString());}})文件写
2020-08-27 21:34:01
112
1
原创 node.js(一)
1、Node.js是什么？答：Node.js既不是框架，也不是语言，它是一个平台，2、Node.js中的JavaScript没有dom和bomEcmascript在node中JavaScript环境为JavaScript提供了一些服务器级别的API文件的读取网络服务的构建网络通信http协议node.js的作者把Google 的V8引擎移植出来，开发了一个独立的JavaScript运行环境，因为Google 的解析js速度是最快的Node能做什么？web服务器后台命令行
2020-08-27 20:32:17
79
原创 HTML面试题（一）之通俗易懂
1、image 标签上title属性与alt属性的区别是什么？答：title属性主要用于标识名称，用于解释说明，也可以用于鼠标放置在上面进行提示作用，alt属性主要用于在图片加载不出来的时候，在图片加载位置进行解释说明；2、请写出至少5个HTML5新增的标签，并说明其语义和应用场景？ - heander:主要用于文本的解释区域，比如定义文章的头， - section:定义文档中的节，footer：定义文档的底部，描述文章的页面，比如作者信息，nav：定义导航链接的部分aside：定义页面
2020-08-27 18:07:04
218
原创 2020-07-15
用闭包实现99乘法表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> (function () { for(var i=1;i<=9;i++){ for(var j=1;j<=i;j
2020-07-15 19:25:47
80
原创 2020-06-29
**跨浏览器的事件处理程序(各种浏览器均可兼容）**面试必备@<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>跨浏览器事件处理程序</title></head> <body> <button id="mybtn">点击我</button> ...
2020-06-29 23:38:56
907
8
原创 2020-06-29
一定要记得的书写事件的流程（很重要）** 1 .事件对象 button2.事件对象绑定一个事件类型3.事件句柄**** 三种事件绑定方式 **<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件定义</title></head><body> <button onclick
2020-06-29 23:30:44
189
原创 2020-06-29
我是来自陕西省商洛市的一名小青年。出生于1998年。在2017年高考后，被西安航空学院录取。目前是就读于西安航空学院电子信息工程专业，虽然只是一个普通二本学校，但是因为是高考失利，我更加清楚地认识到自己的不足，也是我更加勤奋，所以我在大学期间不仅加强基础课知识，而且着重在专业课方面下足功夫。目前我是大三，想借CSDN社区这个平台，当自己学到一些东西的时候，会在这里更新博客，同时也希望通过博客来记录自己的成长。如果有一天自己也能在这个行业有所建树的时候回过头来看看自己的经历，我想，那也会是一份美好的回忆
2020-06-29 14:29:56
197
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人