- 博客(47)
- 收藏
- 关注
RSS订阅原创 await + aysn 实现异步操作
异步操作出现的问题1）回调地狱2）try catch//引入模块const fs = require(‘fs’);1：解决回调地狱/** * @method * @description 异步读取文件 * @param {path} 路径 * @return {promise} */function readFile(path) { return new Pr...
2019-12-31 09:41:58
389
原创 列的约束
1：主键约束（primary key）1)每一个表格内只能有一个健被设置为主键2）主键约束标识标识表格数据的唯一存在3）主键约束当前的列不能为null,并且值不能重复。alter table tableName add constraint 主键名字 primary key(列名字)添加后可以通过**desc 表名字**查看表的描述±---------±------------...
2019-10-12 13:26:23
576
原创 vue指令
1：v-bind和v-onv-bind绑定属性,v-on绑定事件可以绑定class ,style<div v-bind:class ='[red,blue]'></div><div v-bind:class ='{red:true,blue:false}'></div><div v-style='{width:dwith}'>...
2019-09-23 11:04:20
117
原创 vue第一个实例
第一个vue实例有如下结构 <div id="app"> {{1+1}} --> {{[1,2,3,4]}} 这里必须分开 {{ {a:1,b:2} }} {{2*5}} {{10/2}} {{2>3?2:3}} {{a}} <...
2019-09-22 15:56:11
159
原创 函数的作用域
函数的作用域指的是属于这个函数的全部变量都可以在整个其范围内使用以及 复用。函数隐藏的内部实现将函数和函数隐藏，符合软件开发中的最小暴露原则，比如一些api的设计，它的好处 就是1）规避冲突，可以规避同名标识符；2）现在的模块管理器的实现作为我们模块化开发的工具。函数和函数 表达式的区别：是 他们的名称标识符将会绑定在何处，函数表达式将函数绑定在（）内。匿名函数（没有函数名称的表达式...
2019-09-18 07:38:55
115
原创 mysql基本语句
数据库本质是保存文件 ，数据永久的保存。分为关系型型数据库 sql非关系型数据库。nosqlsql查询语言（structred Query Langeuage）1：DDL数据定义语言（data Definded Language）用来定义数据库中的对象（database table…）create创建 drop 删除 alter修改1)先在mysql数据库创建一个数据库名；字母不...
2019-09-16 15:23:21
484
原创 cli3配置跨域了（了）
最近在用前端获取后端数据的时候频繁的跨域，网上也查了不少，始终是有问题，先是在node后端设置cors,可是get请求正常，post请求还是出问题，真让人头????。解决方法首先这是我的配置文件module.exports = { publicPath: "/",//根路径 outputDir: "dist",//输出目录 assetsDir: "assets", ...
2019-09-15 00:01:09
233
原创 mongobd一（什么是mongodb）
写在前面的：目前数据库分为关系型数据库和——————————————————————————————————1：简介mogodb一个基于愤怒不是文件存储的数据库，他是一个介于关系型数据库和非关系型数据库的产品...
2019-09-01 14:51:00
165
原创 node + express + mogodb实现数据的增删改
写在前面的：利用node+express+mogoodb事件数据交互前端框架采用的是mvc模式（导致服务器臃肿，建议mvvm框架，但了解mvc框架也是很有必要）实现点击添加按钮增加数据到数据库，并且页面随之变化，删除同理———————————————————————————————————1准备工作1）创建mogodb数据库集群，配置相关信息（白名单和安全等等）。2）安装node、e...
2019-09-01 01:02:11
202
原创 跨域访问资源（详细）
1：那些东西属于网络资源js（s文件是允许被跨域请求的）、css、图片等等，src属性的资源都是可以被跨域请求的，href大多可以被跨域请求的额。2：那些资源算跨域请求的资源1：后端接口的数据2：其他域的coolik3:其他域的缓存3：怎么算跨域，什么叫其他的域页面的协议、域名、端口有任意一个不一样就算跨域。4：跨域发生在哪里首先我们要知道（1）：即使跨域了，请求也可以发出去。...
2019-08-25 18:14:54
3383
原创 服务器是什么、打开网页的方式有什么
服务器：严格说，服务器是一台计算机，这台计算机就是提供服务的。但是：我们常常说的服务器，指的是服务容器，不是服务器。服务容器：是一个程序，此程序可以监听一个端口，读取文件，并且返回。如果我们想要通过访问服务器（服务容器）的方式我们自己写的页面，就得装一个服务容器的程序。（一般编辑器都会带的）访问网页的几种方式1：地址栏输入网址2：location.href = “http://www....
2019-08-25 17:42:21
749
原创 cookie与session
1：cookie（1）：cookie是有限制的，有域名的限制，百度只能在自己的域名下设置cookie,不能设置在淘宝的域名下。（2）：由服务器生成，是存放于浏览器的，可是设置过期时间的，cookie保存在浏览器，存放在各自的域名下（3）：coolie分为内存cookie和硬盘cookie,内存cookie在浏览器关闭就消失，硬盘cookie可长时间保存,除非用户手动清理。模拟登陆百度的过程...
2019-08-25 14:26:04
80
原创 get和post的真正区别
1：首先要 看基于什么前提的，如果没有任何的前提都没有，只考虑语法和理论上的http协议，get和post几乎没有区别，只有名字不一样。2：如果基于RFC规范的。（1）理论上GET 和POST 具有相同语法，但是有不同的语义，get用于获取数据，post用来发送数据，其他方面没有区别。（2）实现上的：各个浏览器是rfc的实现者。1）：get在url可见的，post不现实在url中出现（ur...
2019-08-23 22:48:55
307
原创 HTTP协议(网络基础四)
HTTP协议分为请求：Request请求头数据体请求方式 +url + 协议版本host:访问的域名connection:keep-aliveuseragent:标识浏览器类型，现在很乱。响应：response+message响应头+数据体协议版本+状态码+messagecache-control: max-age=315360000缓存时间content-encodin...
2019-08-18 01:08:15
401
原创 五层网络模型
1：物理层：主要定义物理设备如何传输数据，机器的硬件，网卡端口，网线等。2：数据链路层在通信的实体间建立数据链路连接，比如最基础的数据传输数据流，可以自己选择二进制或者ASCII码形式等。3：网络层：为数据在结点之间传输创建逻辑链路，告诉发送方和接收方的ip(ip协议)4：运输层：向用户提供可靠的端到端（end-to-end）服务;包含TCP/UDP;5：应用层：服务于软件，帮我们实现了H...
2019-08-18 00:44:40
299
原创 网络基础（3）Dns域名解析
话说这天小星的女朋友不在家，于是他打来了浏览器输入了xxx.com，美滋滋的观看了起来，看着看着突然想到为什么输入www.xxx.com就可以得到这个网页的视频呢？信息怎么传到自己的手机呢？于是开始丢掉手中的卫生纸，去查阅资料。当我们输入一个网址的时候，1：检查自己的浏览器，是否有该网址对应的ip地址，如果没有就向本机的host文件夹（c：windows/systems32/drivers/e...
2019-08-12 00:15:29
199
原创 网络基础一（局域网）
首先了解下“计算机”冯诺依曼式算机：包含电脑、手机、平板等一类产品。运算器：CPU（逻辑运算）,GPU(显卡）。存储器：内存（整数运算） GPU(浮点型运算)。存储器：内存：（断电数据清空，读写速度很快）硬盘（辅存）：数据持久化，读写速度，相对 较慢，成本低。控制器：主板上的一些硬件。输入设备：键盘鼠标，麦克风，网口。输出设备：显示器、耳机、网口。两台三台、计算机设备通过网线形...
2019-08-10 00:37:24
132
原创 nextTrick的作用
最近再做vue项目时要在请求到数据后获取，结果报错。dom位undeifined。用了nextTick之后解决，因为获取的时候得到了数据层，并没有渲染，所以获取失败。vue.nextTick( [callback, context] )概念在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。原理：vue更新dom是异步的执行，当监听到数据...
2019-08-08 18:24:57
4929
原创 多行文本溢出打点
首先单行文本溢出打点方法（三件套）div{width:100%;overfllow:hidden;text-overflow:ellipsis;white-space:nowrap;}-wenbkit-line-clamp文字占几行box-orient 属性规定框的子元素应该被水平或垂直排列。horizontal为水平多行文本打点div{width: 100px;ddisp...
2019-08-08 18:15:39
493
原创 消除默认滚动条
：解决隐藏滚动条的方法再小程序开发的时候如果使用scroll-view 会出现默认滚动条::webkit-scrollbar{width:0;height:0;color:transparent }：：webkit-scrollbar{display:none;}!!可以去掉横向的滚动条，右侧默认滚动条不起作用。...
2019-08-08 17:59:51
907
原创 wx-if与hidden的区别
因为 wx:if 之中的模板也可能包含数据绑定，所以当 wx:if 的条件值切换时，框架有一个局部渲染的过程，因为它会确保条件块在切换时销毁或重新渲染。同时 wx:if 也是惰性的，如果在初始渲染条件为 false，框架什么也不做，在条件第一次变成真的时候才开始局部渲染。相比之下，hidden 就简单的多，组件始终会被渲染，只是简单的控制显示与隐藏。一般来说，wx:if 有更高的切换消耗而 ...
2019-08-08 17:55:46
499
原创 微信小程序的页面路由
一、微信小程序以栈的形式维护了当前的所有页面， 当发生路由切换的时候，页面栈的表现如下初始化：新页面入栈打开新页面：新页面入栈页面重定向 ：当前页面出栈，新页面入栈；页面返回：页面不断出栈，直到目标返回页Tab 切换：页面全部出栈，只留下新的 Tab 页面重加载：页面全部出栈，只留下新的tab页面（可以使用wx.getCurrentPages）获取当前栈二、不同的路由方式的页面申明...
2019-08-08 16:53:03
235
原创 微信小程序与页面 的生命周期
1:小程序的声明周期注册小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。其中onLaunch>onShow>onHide2:page页面的声明周期onLoad: function(options) {// 页面创建时执行},onShow: function() {// 页面出现在前台时执行},onReady: function() {// 页...
2019-08-08 16:18:04
125
原创 微信小程序的全局配置
打开page.json1：pages:[]配置页面路径每一个路径必须是String类型写入后回自动生成wxml wxxss js json 文件2：window（全局的默认窗口）（1）navigationBarBackgroundColor：导航栏的背景颜色；类型HexColor（十六进制色码）（2）navigationBarTextStyle：导航栏的标题颜色String 仅支...
2019-08-08 15:40:53
3063
原创 移动端事件学习（1）
移动端事件学习（1）1：基础事件touchstart 手指按下事件touchmove 移动 类似mousemovetouchend 手指抬起最好要用事件添加函数，不要用on2：移动端与pc端事件的区别（1）触发点不同pc端 ：mousemove 不需要鼠标按下，但必须要在绑定的元素身上mouseup：必须要在元素身上移动端：touchmove:必须要手指按下，之后不...
2019-06-22 23:06:09
203
原创 js常用排序
1：冒泡排序原理：两两比较每次选出一个最大的，将他处于数组的最后一位。内层循环中两两比较，如果当前元素大于下一位元素就交欢位置；数组中有6个元素,比较5次就够了。外层循环中，循环5次，每次都选出一个最大的值。二、选择排序外层循环的每一次结束，选出一个最小的值的index,并且与当前值交欢。适用于数据量较小的排序。三、快速排列选择一个基准数值，比它小...
2019-06-22 23:05:53
71
原创 MVVM 与 MVC
MVVM(Model-View-ViewModel)即 模块 视图 视图模型module指的是原始数据view代表显示曾 即所展示的页面vm就是将数据转化程页面的工具（桥梁），同时还可以将view层转化成数据层（module），实现的方式就是双向数据绑定，vue极具代表（v-modle）MVVM的视图和模型通过ViewModel来通信，ViewModel通常要实现一个observer观察...
2019-06-22 22:57:17
91
原创 vuex是什么
每一个 Vuex 应用的核心就是 store（仓库）。“store”就是一个容器。Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。store中的getter st...
2019-06-22 22:19:42
109
原创 vue的是什么
来自端方文档的解释：是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。1:什么是虚拟dom先来了解下浏览器的渲染过程，解析html构建dom树–》解析css构建ccs树—》...
2019-06-22 21:09:19
359
原创 vue中封装form插件
我们知道网页开发中很多的地方都要重复的利用form表单的input输入，今天就来分一个InputGroup插件。此插件目前应用于输入手机号获取验证码注册或登陆。1：在组件中用一个div包裹input、button、、错误提醒的dom元素。2：在props中定义接受父级传过来的值3：进行数据绑定其中#emit(‘xxx’,xxx)用于事件处理，子集向父级传值。5：在父级中使用组件...
2019-06-19 21:57:21
1286
2
原创 强制缓存与协商缓存
在前端开发中，合理的使用缓存可以节增强网站性能和用户体验。1：强制缓存（http1.1）server端在响应头（response headers）中规定了对资源文件缓存时间，方式。在浏览器第一次访问服务器取到数据之后，在过期时间之内不会再去重复请求。如图,强制缓存通过 response Headers 中的Cache-Control 响应头来实现返回200。Cache-Contro...
2019-06-15 00:50:43
282
原创 移动端布局
一：移动端与pc端的区别1：系统pc: windows//mac（区别不大)移动端：ios/android/windows（有区别）2:浏览器pc:区别很大(像ie系列的兼容问题)移动端：区别不大（因为移动端的大多数浏览器的内核都是webkit）3：分辨率（尺寸）pc 有区别移动端 区别很大二、像素概念css像素（逻辑像素）...
2019-06-13 23:02:27
91
原创 二叉树介绍
一、二叉树1：概念计算机科学中，二叉树是每个结点最多有两个子树的树结构。通常子树被称作“左子树”（left subtree）和“右子树”（right subtree）。二叉树常被用于实现二叉查找树和二叉堆。2：分类1：平衡二叉树：任意一个节点其左节点的层数与右节点的层数相差不超过12：完全二叉树：除了叶子节点(没有子节点) 之外每个节点都有两个子节点...
2019-06-13 22:51:20
263
原创 三次握手，四次挥手
三次握手Client发送连接，请求报文 Sever端接受连接后回复ACK报文，并为此次连接分配资源。 Client端接受到ACK报文后也向Sever端发送Ack报文，并分配资源，这样Tcp连接就建立了。四次挥手CLIENT端发起中断请求，也就是发送FIN报文，即：Client端表示没有数据发送到服务端了，但是如果服务端还有数据没有发送完，就不着急关闭了。可以继续发送数据。 S...
2019-06-13 22:44:22
66
原创 ajax的优缺点
优点：1：没有必要每次都更新数据Ajax最大的优点就是能在不刷新整个页面的情况下维持与服务器通信2：异步于服务器进行通信使用异步的方式与服务器通信，不打断用户的操作3.前端与后端负载均衡将一些后端的工作移到前端，减少服务器与带宽的负担4.基于规范被广泛支持不需要下载浏览器插件或者小程序，但需要客户允许JavaScript在浏览器上执行。5.界面与应用分离Aj...
2019-06-13 22:43:48
80
原创 http和https的主要区别
HTTP协议传输的数据都是未加密的，也就是明文的，因此使用HTTP协议传输隐私信息非常不安全，为了保证这些隐私数据能加密传输，于是网景公司设计了SSL（Secure Sockets Layer）协议用于对HTTP协议传输的数据进行加密，从而就诞生了HTTPS。简单来说，HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，要比http协议安全。 HTTPS...
2019-06-13 22:43:18
82
原创 es6入门
1:为甚么要下载bable-core(核心),---功能是什么babel-core的作用是把js代码解析成ast(抽象语法树),方便各个插件分析语法进行相应的处理，像一些语法在低版本的浏览器是不支持的，如箭头函数等等；这种语言层面的不兼容之恶能通过代码转化成ast，分析其语法后准换成低版本的js；所以要安装babel-core。2：下载babel-preset-env的作用，...
2019-06-13 13:16:51
352
原创 vue传值(子向父 && 父向子)
1:父级向子集传值方法（1）子组件接受一个数组 <div id="app"> <mycom :title='title' :contnt ='content'></mycom> </div> const vm = new Vue({ el: "#app", d...
2019-06-13 13:07:29
1905
原创 git上传代码到github（详细）
1:准备工作（1）github注册--》不讲了确保自己安装的是高版本（2）下载git管理工具（傻瓜式）https://git-scm.com/（3）任意目录下右键出现 git bush hear并点击输入 ssh-keygen -t rsa -c 你的邮箱 ,一路回车（4）：成功后输入ssh ,如下图则已经生产ssh密钥，在自己的user下找到ssh文件下...
2019-06-13 13:02:23
213
原创 watch 与 copputed的区别
1：copputed:计算属性，尽管以函数的形式声明，但是调用的时候是使用属性调用的。概念：核心的意义在于派生，就是根据自己以有的属性产生一个新的属性，就是计算属性。计算属性允许我们对指定的视图，复杂值计算，这些值将绑定到依赖项值缓存，只在需要时候更新。在 Vue 中计算属性是基于它们的依赖进行缓存的， 而方法是不会基于它们的依赖进行缓存的。从而使用计算属性要比方法性 能更好。...
2019-06-12 14:25:56
244
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人