- 博客(14)
- 收藏
- 关注
原创 用原生的JS写AJAX
ajaxajax可以在网页不重新加载的情况下与服务器交换数据。示例:利用ajax取到本地json文件中的数据let xhr=new XMLHttpRequest(); xhr.open("get","js/data.json",true);//第一个值是请求方式,第二个值是URL地址,第三个是否异步 xhr.onreadystatechange=function(){ if(this.readyState==4&&this.status==200)
2020-12-15 19:09:31 98
原创 js中的异步处理(JSONP)
关于js中的同步和异步我在这里简单说一下js中的同步跟异步。JS是一门单线程语言,代码自上而下执行,就是说只有前面任务完成了后面的任务才能继续。而异步不一样,异步就像多开了一个线程,能够同时做两件事情,最基础的两个异步函数就是setInterval和setTimeout,定时器跟延时器。实例://定时器,每隔三秒钟打印一个“我好帅”setInterval(()=>{console.log("我好帅")},3000)//延时器 三秒钟之后打印“我好帅”setTimeout(()=&
2020-12-14 20:38:47 357
原创 关于js中的一些节点操作
什么是节点进行节点操作前我们应该知道什么是节点,节点就类似下面这个文档树:什么是节点操作,学过js的基本都进行过节点操作 如:function $(min) { let jie; if (min.indexOf(".") != -1) { jie = min.substring(1) return document.getElementsByClassName(jie)
2020-12-14 20:03:32 229
原创 Vue.js(五)计算属性及初识组件
计算机属性计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。计算属性(computed) vs 方法(methods)我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。方法: 当使用方法时,每一次页面重新渲染对应的方法都会重新执行一次计算属性:值会存到缓存中,只要它依赖的data的值不发生变化,那
2020-12-06 18:58:09 119
原创 node.js文件流
文件流内存中数据和磁盘文件数据之间的流动创建文件流读取文件流1、格式fs.createReadStream(path,[options])path :获取文件的路径options:可选配置项encoding:编码方式start:起始字节end:结束字节highWaterMark:每次读取的数量示例:let fs = require("fs");const rs = fs.createReadStream(path,{ encoding:'utf-8', h
2020-11-18 16:57:08 202
原创 node.js 模块:fs模块
模块化处理每一个js文件都是一个模块,需要暴露才能让其他js模块引入使用;因为每一个js文件都是一个闭包作用域,避免全局变量污染。require函数用于引入模块示例:引入fs模块const fs=require('fs')fs模块(文件系统)用于操作系统文件1、readFile读取文件内容示例://引入fs模块const fs=require('fs');let path="./test.txt"// 第一个参数 文件的地址 // 第二个为字符集// 第三个是回调函数,其中
2020-11-18 16:04:10 202
原创 node.js全局对象
node.js 安装进入node官网下载安装包:https://nodejs.org/zh-cn/安装教程:https://www.runoob.com/nodejs/nodejs-install-setup.html用node服务器运行js文件:找到js文件所在的文件夹,按住shift键点击鼠标右键,然后点击在此处打开命令窗口。然后输入:node 想运行的文件夹名全局对象 (global)1、settimeout 延时器setTimeout(()=>{ console.l
2020-11-18 14:40:18 156
原创 MySql查询后续部分
数据查询基础部分1、IN子查询IN子查询用于进行一个给定值是否在子集查询结果集中的判断表达式 IN (子查询)(子查询):只能返回一列数据对于比较复杂的查询可以使用嵌套子查询示例:SELECT *FROM sellWHERE 用户号 IN (SELECT 用户号 FROM members WHERE 姓名='张三');...
2020-11-15 17:23:00 390
原创 MySql基础增删改查
增、删、改、查1、增加数据我们可以通过 INSERT或 REPLACE 语句向表中插入一行或多行数据单行插入:INSERT INTO 表名(列名1,列名2,列名三) VALUES('数据1','数据2','数据3');多行插入:INSERT INTO 表名(列名1,列名2,列名三) VALUES('数据1','数据2','数据3'),('数据1','数据2','数据3');如果是全部数据插入列名是不需要写的2、删除数据使用DELETE语句删除数据DELETE FROM
2020-11-15 00:52:30 372
原创 Vue.js(四).数据绑定跟侦听
v-model双向数据绑定(又叫双向链路),只能用于表单元素示例: <div id="app"> <input type="text" v-model="msg"/> </div> let vm = new Vue({ el:"#app", data:{ msg:"", }, })vue实例里面的数据根据表单的数据改变而改变1、v-
2020-11-14 19:36:17 117
原创 Vue.js(三).修饰符
v-on修饰符事件修饰符.stop调用 event.stop,阻止事件冒泡<!-- 此时只弹出button --><div id="app"> <div @click="alert('div')"> <button @click.stop="alert('button')">点击</button> </div></div>const vm = new Vue({ el: '#app',
2020-11-14 17:57:45 101
原创 Vue.js(二).两个重要指令
vue指令 对于上一篇文章的补充1、v-cloak指令这个指令保持在元素上直到关联实例结束编译可以解决闪烁的问题和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕 [v-cloak] { display: none; } <!-- {{ message }}不会显示,直到编译结束 --> <div v-cloak> {{ message
2020-11-13 17:13:25 95
原创 Vue.js(一).vue入门
##vue基础1、下载vue.jsvue官网:https://cn.vuejs.org/v2/guide/ 直接下载文件2、引用:跟引入jquery一样,利用script标签映入3、使用
2020-10-29 20:38:36 145 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人