- 博客(50)
- 收藏
- 关注
RSS订阅
原创 js基础
js基础知识之常规语句一.js中的运算符分为三类：①算数运算符 ② 逻辑运算符 ③ 比较运算符运算符含义a++滞后自增++a提前自增/除法运算%取模（余数）x+=yx=x+y+①运算字符②字符串连接符==两个等号表判断===三个等号表绝对相等（数据类型，数值等均相等）...
2019-08-07 10:53:39
233
原创 es63---async函数
异步编程，可以执行多个promise函数 function getName(){ const promise=new Promise(function(resolve,reject){ try{ setTimeout(resolve,1000,"张三"); } catch(er...
2020-01-31 19:54:30
272
原创 react基础事件&小案例
一.事件的绑定与参数传递事件的绑定① 方法不加括号事件带括号会自动执行方法普通执行事件不带括号 this.方法 将函数改为箭头函数② 方法加括号this.方法.bind(this) 用bind将当前的this传过去③在constructor 中写 this.方法=this.方法.bind(this)事件的参数传递默认最后一个参数为事件的执行参数可以用到 e.target ...
2019-12-18 20:03:11
256
原创 react
一.React环境搭建1.安装nodejs2.在cmd检查版本 node –v 在安装完node之后npm页会自动安装 检查版本 npm –v3.安装脚手架 cnpm install -g create-react-app 或者 npm install –g create-react-app4.文件中创建项目create-react-app dem01(创建名称)5.npm ...
2019-12-14 20:02:22
149
原创 ejs--嵌入式js模板引擎
1.理解ejs① 什么是模板引擎，为什么要用模板引擎循环遍历数据显示实现数据与试图分离（即html结构与数据分离）②ejsEJS是一个javascript模板库，用来从json数据中生成HTML字符串EJS 是一套简单的模板语言，将JavaScript 代码生成 HTML 页面。EJS 只是普通的 JavaScript代码。(可将js代码嵌入到html中且这些js代码可被解析成...
2019-12-06 11:46:42
914
原创 node--stream&EventEmitter
Stream 是一个抽象接口，Node 中有很多对象实现了这个接口。例如，对http 服务器发起请求的request 对象就是一个 Stream，还有stdout（标准输出）Node.js，Stream 有四种流类型：Readable - 可读操作。Writable - 可写操作。Duplex - 可读可写操作.Transform - 操作被写入数据，然后读出结果。所有的 St...
2019-12-01 22:51:50
261
原创 一段简单代码的理解
变量定义为一个函数，调用这个函数的时候，变量名后边加括号即可后边的那个括号就相当于变量定义的那个函数 var num=function(){ console.log(1); }; num(); 输出1，相当于执行变量后边那个函数一个函数作为另一个函数的参数时，只需要将它的函数名传进去 var getjson=function(callback){ ...
2019-12-01 20:16:21
270
原创 node模块--http&url&fs&path
前端做后台，轻量级开发，后台接口。例如app小程序一.配置node环境① 用node -v和npm -v来检测node环境② 安装Nodejs开发插件二.http模块node之http模块 ，提供流处理api，用来创建服务器1.了解http传统的 HTTP 服务器是由 Aphche 、 Nginx 、 IIS 之类的软件来搭建的，但是 Nodejs 并不需要， Nodejs 提供...
2019-11-25 18:34:55
309
原创 mysql数据库
一.mysql类型结构性数据库 以表的形式来存储数据二.安装mysql若安装不成功：一定要把文件删除干净，只卸载mysql是没有用的① 卸载mysql② c盘programfiles文件删除mysql③ 去找隐藏文件 prgramData，删除mysql文件④ 重新安装mysql隐藏文件：电脑文件 组织 文件夹和搜索选项 查看 显示隐藏文件安装时碰到如下界面，将编码格式改为u...
2019-11-24 17:52:12
171
原创 vue组件与生命周期，Vue缓存
知识点splice(index,num) 从哪个索引开始，移除几个值fieldset是一种框架标签，如下图所示，legend必须写在fieldset中<fieldset> <legend>用户代办事项</legend></fieldset>案例主要是代码的模块化封装，当前案例写数据缓存每次载入的数据一刷新就没有了...
2019-11-14 21:11:24
1007
原创 vs code中Vue代码格式化
VSCode自从更新之后，vue文件的html代码格式化就失效了，原因在于都采用了 prettier 来格式化，而配置文件中 vetur.format.defaultFormatter.html 这个配置项的值为"none"，我们需要对它重新进行设置。一.安装插件扩展里边直接搜索Vetur插件，点击安装就可以二.更改设置文件->首选项->设置，搜索vetur，按如下图示将ve...
2019-11-11 17:39:56
930
2
原创 Vue事件以及获取dom元素
事件对象和事件修饰符<template> <div id="app"> <!-- Vue 事件 以及获取dom元素（虚拟） v-on:事件类型 简写@事件类型 v-once 一次性数据绑定 changes 执行的方法可以不带括号 若方法有参数 --> <b...
2019-11-11 12:12:11
3862
原创 Vue静态资源目录及常用指令
开始写代码前，先将vue中App.vue页面原有的内容清空，清空后如下静态资源目录在项目上可以配置public 或者static为静态资源目录1.静态资源目录的访问可以在网页代码中访问静态资源目录<div id="app"> <img src="public/logo.png" alt=""> </div>或者网页网址栏直接访问2...
2019-11-07 21:34:21
839
原创 Vue ---项目环境安装及基本概念
①可以去百度搜索插件名称eg: es6文件不支持 百度搜索 VSCode es6插件② 设置里边有键盘快捷键，需要什么快捷键，可以去里边找③ 取消注释 ctrl+/④ 设置里边的用户代码片段 里边会有新建全局代码片段，也有这个软件已经写好的代码⑤ 创建文件之后，页面中打一个"!"叹号，代码片段就会出来⑥ html页面浏览器运行，鼠标右键，Open in Default Browser...
2019-11-05 21:00:34
343
原创 es62---promise异步编程
/* *es7 两个异步方法 * 同步异步 * js 里面获取异步的值 可以通过回调函数 以及事件 * * 处理异步 有解决方案 promise对象 * promise对象相当容器 产生的结果是异步结果 里面封装的是异步编程 * promise async * */{ /* * 创建promise异步编程 * resolve r...
2019-11-04 21:44:30
173
原创 MVVM原理
首先了解一下MVCModel：数据模型，用来存储数据View：视图界面，用来展示UI界面和响应用户交互Controller：控制器(大管家角色)，监听模型数据的改变和控制视图行为、处理用户交互接下来介绍MVVMMVVM模式和MVC模式一样，主要目的是分离视图（View）和模型（Model），优点简白点说就是开发越来越简单下图是MVVM原理图：三者之间交流原理：数据访问层(Mode...
2019-11-04 10:50:39
1415
原创 Less语法
是一种动态样式语言LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承， 运算， 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。1.less文件的引用rel 中一定要加/less，不然会报系统错误 <link rel="stylesheet/less" href="cs...
2019-10-27 10:08:00
268
原创 es61---ES6 语法---箭头函数,扩展运算符，异常处理
面试题中一般会让你用es6去写一些算法，考验你对es6语法的熟练度一.let和const命令es5 var 关键字 声明变量es6 ：① const 常量（只能读取 不能修改 只读）② let 普通变量 声明的变量只能在当前的代码块内部有效 不能提前声明③ 代码块 {} 简称代码块 作用域undefined 声明了却没有值is not defined 既...
2019-10-17 17:30:43
421
原创 jQuery2---AJAX
getjQuery.get(url, [data], [callback], [type])url:待载入页面的URL地址或接口远程API路径data:发送url路径的 Key/value 参数。（若读取数据就不需要发送，可写可不写）callback:载入成功时回调函数。type:返回内容格式，xml, html, script, json, text, _default。在本地服务器...
2019-10-06 13:15:05
125
原创 手机移动端相关适应
手机移动端自适应不同的屏幕可以自适应 viewport 手机屏幕视口 width=device-width 屏幕宽等于视口宽 initial-scale=1.0 默认放大比例1.0 maximum-scale=1.0 最大比例1.0 minimum-scale=1.0 最小比例1.0 手机触屏 ...
2019-09-27 22:08:46
137
原创 jQuery1---基本语法
jQuery是一个快速、简洁的JavaScript框架。倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。...
2019-09-25 08:47:46
275
1
原创 JS22---js缓存 cookie Storage
cookie 缓存用户信息cooki是一些数据，存储于你电脑上的文本文件中。在检查里边的Application Storage 中可以查看cookie理解：当用户访问web页面时，他的名字可以记录在cookie中。在用户下一次访问改页面时，可以在cookie中读取用户访问记录。cookie的有效期expires：该数据在电脑上保存多久。path参数为cookie的路径js中读取c...
2019-09-22 17:18:40
310
原创 JS21---播放器
标签 video标签属性 src 文件路径 autoplay自动播放 loop循环播放controls控制条可以通过h5给video提供的API 视频播放的功能：播放 暂停 快进 快退 进度条 时间 音量 全屏播放在网站上看到的视频一般都是远程路径，本地路径浏览器兼容会有的属性用不了h5里边自带进度条 <progress></progress> <i...
2019-09-20 13:15:11
203
原创 JS20---JS中添加矢量图标 iconfont
①阿里矢量图标库中找到你所需要的图标，添加至购物车，然后选择添加至项目 确定键后下载至本地，是一个压缩包形式②将压缩后的文件复制到编程文件中（不可以直接移动文件到编程文件中）③header中写link 将图标文件链接到编程代码中<link rel="stylesheet" href="icon/iconfont.css">④使用字体图标<span class="ico...
2019-09-19 18:15:50
1331
原创 JS19---js原生ajax
前后端分离项目 请求API（程序应用级 接口）API：请求后端服务器的一个接口调用的结果 - - -后台数据返回主要用open和sendXMLHttpRequest对象是ajax的基础：用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。src上写的程序的接口 写法跨域原理（为什么会有跨域）解决跨域的方法 cros jsonp异步请...
2019-09-17 19:18:23
266
原创 JS17---js跳转页面的三种方法
一.a标签target="_blank" 页面在新窗口中打开history对象 <a href="https://www.baidu.com">1111</a> <a href="https://www.baidu.com" target="_blank">1111</a> //页面在新窗口中打开 <a hr...
2019-09-14 21:26:51
231
原创 JS15---js中的模式
一.工厂模式实例化对象 返回对象优点：解决创建多个对象的问题缺点：所创建的对象类型都一致，没办法区分对象的类型 function factory(name1,sex1,age1){ var obj=new Object(); //实例化对象 obj.name=name1; obj.sex=sex1; obj.age=age...
2019-09-04 09:38:53
522
原创 JS14---arguments对象
函数参数列表对象一.特性1.arguments对象和Function是分不开的。2.因为arguments这个对象不能显式创建。3.arguments对象只有函数开始时才可用。二.callee 属性1 callee 属性是 arguments 对象的一个成员，仅当相关函数正在执行时才可用。2. callee 属性的初始值就是正被执行的 Function 对象。实现匿名的递归函数。v...
2019-09-03 18:04:14
122
原创 JS13---正则
一.正则表达式怎么使用正则：根据表达式匹配到我们所需的东西① 正则.test(值) 返回值为true或falsevar str="12345";var reg=/^[0-9]{5}$/console.log(reg.test(str)); //true② 值.match(正则) 返回值为 null 或 集合console.log(str.match(reg)); //["...
2019-08-28 22:08:44
160
原创 JS12---javascript实现验证码
HTML内容<style> .a { width: 200px; height: 50px; display: inline-block; border: solid 1px black; background: url("img/bg.png") no-repeat 100% 100%; ...
2019-08-23 15:50:09
213
原创 JS11---javascript实现轮播图
一.淡入淡出HTML内容<style> .a{ width: 400px; height: 300px; margin: auto; position: relative; } .imglist{ width: 400px; height: 300px; ...
2019-08-23 15:46:44
151
原创 JS10---javascript实现钟表
一.html内容<style> .clock{ width: 600px; height: 600px; position: relative; margin: auto; background: url("img/2.jpg") no-repeat; } .clock>di...
2019-08-17 20:21:23
293
原创 JS9---js内置对象---三大计时器
js内置对象window(顶级对象) history location document内置对象Date Math String Array一. window1.①window.alert();②window.confirm(); 带确认取消的提示框③window.prompt(); 带输入框的提示框2.js中的全局变量，也在window中（可以通过window. 出来）...
2019-08-16 20:34:35
369
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人