- 博客(54)
- 收藏
- 关注
原创 vue--常见指令
通常指令(Directives)是指带有v-属性的特殊属性。在Vue给HTML元素增加了自定义属性你,它们都是以"v-"开头了v-if:根据表达式的真假条件渲染元素<p v-if="false">kkkk</p>表示不显示v-show:根据表达式的真假切换元素的display css属性也表示不显示,不过是把display:nonev-else:与编程语言中的else一样v-if相反<p v-if="false">kkkk</p>
2020-08-02 23:16:11
281
原创 vue.js框架简单认识
vue指的是vue.js框架。一款构建用户界面的渐进式框架,它可以帮你创建可维护性和可测试性更强的代码库。Vue.js是一款流行的JavaScript前端框架,一个用于创建用户界面的开源JavaScript框架,旨在更好地组织与简化Web开发。Vue所关注的核心是MVC模式中的视图层,同时,它也能方便地获取数据更新,并通过组件内部特定的方法实现视图与模型的交互。vue你可以当成插件使用也可以当成库使用,也可以当成框架使用叫做vuex全家桶.库,插件和框架的区别?插件 : 可能就是一个非常小的功能
2020-08-01 16:25:11
1397
原创 如何解决跨越
什么是跨域?当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域为什么会出现跨域问题出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。跨域解决方法通过jsonp跨域前端页面<script> function test(data){ console.log(data) }
2020-07-26 22:57:14
392
原创 Mongodb与Mysql数据库在node.js中的应用
** 什么是Mongodb?**MongoDB是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似json的bson格式,因此可以存储比较复杂的数据类型。Mongo最大的特点是它支持的查询语言非常强大,其语法有点类似于面向对象的查询语言,几乎可以实现类似关系数据库单表查询的绝大部分功能,而且还支持对数据建立索引。什么是mysqlMySQL是一个关系型数据库管理系统,由瑞典MySQL AB 公司开发,属于 Oracle 旗下产品。
2020-07-26 22:20:13
120
原创 node.js中Express模板
什么是ExpressExpress 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性:可以设置中间件来响应 HTTP 请求。定义了路由表用于执行不同的 HTTP 请求动作。可以通过向模板传递参数来动态渲染 HTML 页面。安装Express 模板和其他的模板一样cnpm install express --save和Ex
2020-07-19 22:56:44
1243
原创 mongoDB
什么是MongoDB ?MongoDB 是由C++语言编写的,是一个基于分布式文件存储的开源数据库系统。在高负载的情况下,添加更多的节点,可以保证服务器性能。MongoDB 旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB 将数据存储为一个文档,数据结构由键值(key=>value)对组成。MongoDB 文档类似于 JSON 对象。字段值可以包含其他文档,数组及文档数组。用命令窗口创建mongodb数据网上有很多博客,这里就不写了有node.js创建数据打开mong
2020-07-19 21:53:32
106
原创 node.js接口
新建一个文件夹,在此文件夹下打开cms,或者vscode的终端,输入npm init初始化一个项目,输入一些基本信息。一直点回车就好了写node.js接口之前要了解接口文档首先先写ajax请求let xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ if(xhr.readyState == 4 && xhr.status == 200){
2020-07-12 22:30:47
537
原创 了解node.js
什么是node.jsNode.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。Node对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快,性能非常好。如何安装node.js打开官网下载链接:https://nodejs.org
2020-07-12 21:23:50
97
原创 promise
promise是什么?1、主要用于异步计算2、可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果3、可以在对象之间传递和操作promise,帮助我们处理队列Promise`对象代表一个异步操作,三种状态pendding : 挂起(等待) 处于未决阶段,表示当前事情还处于挂起状态最终结果没有出现resolved : 已处理 处于已决阶段,表现是事情已经出现了结果,这个结果是一个成功的结果,可以按照当前结果的正常逻辑顺序继续下去的结果rejected : 已拒绝 处于已决阶
2020-07-02 15:35:13
103
原创 数组去重方法
方法一 es6 […new Set(arr)]let arr=[1,23,4,5,61,1,43,41,4,4,8,9,6,43,31,31,43]; function qc(arr){ return [... new Set(arr)] } console.log(qc(arr));方法二 利用for嵌套for,然后splice去重let arr=[1,23,4,5,61,1,43,41,4,4,8,9,
2020-07-02 11:01:18
99
原创 es6----箭头函数
什么是箭头函数ES6标准新增了一种新的函数:Arrow Function(箭头函数)。箭头函数相当于匿名函数,并且简化了函数定义。箭头函数用 => 符号来定义。箭头函数基本形式let func = (num) => num;let func = () => num;let sum = (num1,num2) => num1 + num2;[1,2,3].map(x => x * x);箭头函数基本特点箭头函数this为父作用域的this,不是调用时的this
2020-06-27 22:36:49
195
原创 ES6的解构赋值
解构赋值解构赋值主要分为对象的解构和数组的解构,解构赋值,简单理解就是等号的左边和右边相等。字符串的解构赋值const str = "I am the bone of my sword"; //const [a, b, c, ...oth] = str;console.log(a); // "I"console.log(b); // " "console.log(c); // "a"console.log(oth); // ["m", " ", "t", "h",
2020-06-27 21:31:26
141
原创 jquery下使用ajax教程
一:html中ajax的使用通过一个小domo帮助大家理解ajax的使用:首页登录动态刷新验证账号是否存在,这里不从数据库抽取数据了,直接将已存在的账号写死来验证。登录页面<div class="dowebok"> <div class="logo"></div> <div class="form-item"> <input id="username" type="text" autocomp
2020-06-21 22:37:04
244
原创 TypeScript
1.什么是TypeScriptTypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个严格超集,并添加了可选的静态类型和使用看起来像基于类的面向对象编程语法操作 Prototype。C#的首席架构师以及 Delphi 和 Turbo Pascal 的创始人安德斯·海尔斯伯格参与了 TypeScript 的开发。2.支持的浏览器和平台运行于任何平台上的任何网页浏览器都可以运行 TypeScript:由于它仅仅是被编译为标准的 JavaScript,一个脚本既可以被
2020-06-21 21:32:26
206
原创 js对象属性的四大特征
创建对象var arr={ name:"zs", age:"12", sex:"男" } configurable:false,//能否使用delete、能否需改属性特性、或能否修改访问器属性、,false为不可重新定义,默认值为true enumerable:false,//对象属性是否可通过for-in循环,flase为不可循环,默认值为true writable:false,//对象属性是否可
2020-06-14 22:48:03
178
原创 初步学习AJAX
什么是AJAX?AJAX =异步JavaScript和XML。ajax的基础是XMLHttpRequest对象。所有现代浏览器支持XMLHttpRequest对象(IE5和IE6使用ActiveXObject对象)。所有现代浏览器(IE7 +,火狐,Chrome,苹果Safari和Opera)有一个内置的XMLHttpRequest对象。创建一个XMLHttpRequest对象的语法:xhr=new XMLHttpRequest();Internet Explorer (IE5 and IE6)
2020-06-14 18:50:08
110
原创 PHP的五种常用响应头
页面和服务器交互最常见的方式就是ajax,ajax简单来说是浏览器发送请求到服务端,然后服务端返回数据。text/plain 字符串服务器端: ` header('Content-Type:text/plain;charset=UTF-8');` `echo 'suc'`客户端: `if(xhr.reaposenText == 'suc){...}`text/html标签组成的字符串片段服务端设置:响应消息头 : ` header('Content-Type:text/html;ch
2020-06-14 14:31:48
1125
原创 初步学习PHP
PHP 是什么?PHP(“PHP: Hypertext Preprocessor”,超文本预处理器的字母缩写)是一种被广泛应用的开放源代码的多用途脚本语言,它可嵌入到 HTML中,尤其适合 web 开发。PHP 页面就是 HTML,只不过在其中嵌入了一些代码来做一些事情。PHP 代码被包含在特殊的起始符和结束符 <?php 和 ?> 中,使得可以进出“PHP 模式”。和客户端的 JavaScript 不同的是,PHP 代码是运行在服务端的。如果在服务器上建立了如上例类似的代码,则在运行该脚
2020-06-06 14:00:52
103
原创 网络基础知识
什么是互联网互联网(internet),又称国际网络,指的是网络与网络之间所串连成的庞大网络,这些网络以一组通用的协议相连,形成逻辑上的单一巨大国际网络。互联网始于1969年美国的阿帕网。通常internet泛指互联网,而Internet则特指因特网。因特网始于1969年的美国。是美军在ARPA(阿帕网,美国国防部研究计划署)制定的协定下,首先用于军事连接,后将美国西南部的加利福尼亚大学洛杉矶分校、斯坦福大学研究学院、UCSB(加利福尼亚大学)和犹他州大学的四台主要的计算机连接起来。这个协定由剑桥大学
2020-05-31 22:49:45
308
原创 fullPage的简单使用
fullPage.js是开源的JQuery插件库,Github地址下载之后导入<!-- 引入css --><link rel="stylesheet" type="text/css" href="fullPage/CSS/jquery.fullPage.css" /><!--fullPage.js依赖jquery--><script src="js/jquery-1.11.3.js"></script><script type=
2020-05-24 23:43:41
4517
原创 jQuery 动画
一、show()方法和hide()方法1.show()与hide()show():根据hide()方法记住的display属性值来显示元素。hide() : 将该元素的display样式改为 “none”。 //用如下代码隐藏element元素 $("element").hide(); //与用css()的方法设置display属性效果相同 $("element").css("display","none");2当把元素隐藏后,可以使用show()方法将元素的display样式设
2020-05-24 12:24:52
112
原创 原生JavaScript仿写jQuery源码-------attr()属性添加方法
ID选择器简写//首先声明大家熟悉的$函数function $(e){//用substr()函数截取e参数字符串位置,0,1值是前缀名,1是元素名称 if(e.substr(0,1) === '#'){ return document.getElementById(e.substr(1)); }else{ return document.getElementsByTagName(e) }}<di
2020-05-17 11:50:13
595
原创 初步学习jquery
什么是jquery?jQuery 是一个简洁而快速的 JavaScript 库,可用于简化事件处理,HTML 文档遍历,Ajax 交互和动画,以便快速开发网站。jQuery 简化了 HTML 的客户端脚本,从而简化了 Web 2.0 应用程序的开发。为什么使用 jQuery ?目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。引入jquery<script src="https://code.jquery.com/jquery-3.1
2020-05-17 11:17:14
110
原创 Bootstarp4---栅格系统
在Bootstrap4框架中为我提供了栅格系统来编写响应式布局。栅格系统是基于一个12列、有5种响应尺寸(对应不同的屏幕)的布局。Bootstrap4栅格系统共有五个类:、bootstarp4比bootstarp3多了一个特小和bootstarp3没有区别<div class="container"> <div class="row"> <div class="col-2 col-sm-3">1</div>
2020-05-10 19:53:38
273
原创 初步了解bootstarp4
Bootstrap4 目前是 Bootstrap 的最新版本,是一套用于 HTML、CSS 和 JS 开发的开源工具集,对于它而言,是用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap4与Bootstrap3不同源码编写的不同1bootstrap4它的源码是采用 Sass 语言编写的bootstrap3它的源码是采用 Less 语言编写的Bootstrap4与Bootstrap3不同2:栅格系统之后会写一遍栅格系统的不同Bootstrap4与Bootstrap3不同3:移动优
2020-05-10 19:32:17
211
原创 媒体查询
什么是媒体查询媒体查询可以根据不同设备(比如屏幕、打印机等)、不同属性(比如视图的宽高、手机的横屏竖屏、屏幕的分辨率等)来自动的调整元素显示的样式,可以用作响应式布局。媒体查询中的@media screen and (width: 600px)表示媒体设备是数字屏幕且 屏幕的宽度 是600px的话应用样式媒体查询中的@media screen and (min-width: 600px)...
2020-05-05 11:43:52
560
原创 弹性盒子
什么是弹性盒子?弹性盒子是 CSS3 的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。伸缩容器:设置为display:flex或display:inline-flex的元素称为伸缩容器。伸缩项目:伸缩容器的子元素称为伸缩项目注意...
2020-05-05 11:15:07
231
原创 Bootstrap3------响应式实用工具
Bootstrap 提供了一些辅助类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。大屏幕中屏幕小屏幕代码<div class="container"> <div class="row"> <div class="col-xs-3...
2020-05-04 10:00:11
144
原创 Bootstrap3------栅格系统
1.什么是栅格系统Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义类,还有强大的mixin 用于生成更具语义的布局。Bootstrap 中包含了许多预定义,在通常我们写的页面里,浏览器缩小到一定程度,页面会错位,变形,这在Bootstrap 中不会,因为它是自适应的。响应式网格系...
2020-05-04 09:40:17
438
原创 css3 transform变形
Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。初学者理解可能不到位。none:表示不进么变换;表示一个或多个变换函数,以空格分开;换句话说就是我们同时对一个元素进行transform的多种属性操作,例如rotate、scale、translate三种,但...
2020-04-26 17:30:22
849
原创 百度地图api的应用
百度地图JavaScript API GL v1.0是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。百度地图JavaScript API支持HTTP和HTTPS,免费对外开放,可直接使用。接口使用无次数限制。在使用前,您需先申请密钥(ak)才可使用。1.如何获取密钥...
2020-04-13 09:20:19
648
原创 canvas绘制时钟
1.创建canvas标签<canvas id="can2" width="500" height="500"></canvas>javascript实现功能2.获取画布canvas,获取画笔ctxvar canvas = document.getElementById("can2");var ctx = canvas.getContext("2d");3.要...
2020-04-12 20:05:21
136
原创 es6----函数的扩展
函数的扩展函数的默认值rest 参数严格模式name 属性箭头函数函数的默认值基本用法在es6之前,要想添加默认值只有加判断function log(x, y) { y = y || 'World'; console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog(...
2020-03-25 12:57:34
151
原创 es6-----let和const
一.let和const1.let命令基础用法ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。 { let a = 10; var b = 1; } console.log(a);//ReferenceError: a is not defined console.log(b);/...
2020-03-22 12:41:55
100
原创 异步加载和js时间线
Js的加载方式有异步加载和同步加载。一.同步加载同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止后续的解析,只有当前加载完成,才能进行下一步操作。所以默认同步执行才是安全的。但这样如果js中有输出document内容、修改dom、重定向等行为,就会造成页面堵塞。所以一般建议把 <script src="js/jquery.min.js"></script> &l...
2020-03-12 11:18:49
141
原创 原型链
一.什么是原型任何对象都有一个原型对象,这个原型对象由对象的内置属性_proto_指向它的构造函数的prototype指向的对象,即任何对象都是由一个构造函数创建的,但是不是每一个对象都有prototype,只有方法才有prototype。function d(){}var p=new d();d.prototype//object{}p.prototype//undefinedd.p...
2020-02-14 13:13:21
96
原创 作用域和作用域链
作用域链要了解作用域链首先要知道什么是作用域。一.什么是作用域变量或函数可以发生作用的区域即是作用域。作用域的最大用途就是隔离变量或函数,并控制变量或函数的生命周期,超过该区域的变量或函数就不能被访问。全局作用域在整个程序生命周期内都是有效的,在任意的函数内部都能访问的变量或函数拥有全局作用域。以下几种情形拥有全局作用域:1、在最外层定义的变量和函数拥有全局作用域。var out =...
2020-02-13 13:58:38
97
原创 DOM树的增删改
DOM树的增删改DOM树是结构所谓层级结构是指元素和元素之间的关系父子,兄弟解析器输出的树是由DOM元素和属性节点组成的当我们说树中包含DOM节点时,意思就是这个树是由实现了DOM接口的元素组成。这些实现包含了其它一些浏览器内部所需的属性。当各个节点组成之后像一棵树,就是DOM树。元素属性的删改查(必须是标签上有的属性)查看元素属性的值(getAttribute())首先要获取到...
2020-01-04 15:00:39
164
原创 DOM
DOM什么是DOM?DOM是网页中的用来表示文档中对象的标准模型,通过JavaScript可以对网页中的所有DOM对象进行操作,是由万维网联盟W3C组织制定的标准编程接口。每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。Document 对象是 Window 对象的一部分,可通过 windo...
2019-12-30 19:15:21
101
原创 css选择器
css选择器什么叫css选择器?最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身。css选择器的分类?ID选择器class选择器(类选择器).元素选择器伪类选择器内联样式选择器的权重值元素选择器 0,0,0,1类选择器 ...
2019-12-28 16:27:47
72
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人