- 博客(35)
- 资源 (8)
- 收藏
- 关注
RSS订阅
原创 利用 Ajax 技术实现验证码
利用 Ajax 技术实现验证码您所在网上观看的验证码其实这些就是我们写出来的。下面我将讲解 Ajax 制作验证码的教程这个 body 部分就是 页面中的效果还有样式。样式表里的讲解类选择器 ok 为 绿色字体 表示 验证成功的颜色类选择器 err 为 红色字体 表示 验证失败的颜色元素选择器 img 表示 设置了一个小手图标 还有一个相对定位距顶部5像素页面元素中的讲解...
2020-03-18 12:51:31
1536
2
原创 学会如何封装js数组的功能api
学会如何封装js数组的功能api1、封装 find 方法官方给出的 find 调用方式array.find(function(currentValue, index, arr),thisValue)利用 Array原型我们也可以封装出// prototype 原型链 后续方法名字自定义Array.prototype.muddyFind = function(arg){ // 判断参数是否是函数 if (typeof arg !== 'function') { throw
2021-05-24 13:36:59
258
原创 JS Symbol.Iterator 迭代器
JS Symbol.Iterator 迭代器简洁遍历迭代器 const arr = [1, 2, 3, 4, 5, 6] // 执行一个迭代器 赋值给 iterator 变量 const iterator = arr[Symbol.iterator](); // 使用 while 循环 先执行一次 let next = iterator.next() while (!next.done) { console.log(next.value)
2021-05-22 15:42:09
603
转载 js 使用for循环画出99乘法表
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl
2021-05-14 14:24:33
221
原创 如何更深层理解JavaScript的浅拷贝与深拷贝
浅拷贝与深拷贝浅拷贝和深拷贝都只针对于引用数据类型，浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存；但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象；区别：浅拷贝只复制对象的第一层属性、深拷贝可以对对象的属性进行递归复制；浅拷贝因为浅复制只会将对象的各个属性进行依次复制，并不会进行递归复制，而 JavaScript 存储对象都是存地址的，所以浅复制会导致 obj.arr 和 shallowObj.arr 指向同一块内存地址
2021-04-21 21:29:34
154
1
原创 HTML5+CSS3 语义化概念
一、HTML如何理解HTML语义化？所有的布局标签都使用 div, 并且标题列表都是用div所有的布局都通过语义化标签来决定标题就是标题 h1~h6段落就是段落 p列表就是使用 ol ul li内联文本就是使用 span语义化的特点让人更容易读懂代码(增加代码的可读性)让搜索引擎更容易读懂(SEO)内联元素 & 块级元素display : block / table 块级 有 div p h1~h6 ul ol li 等display:i
2021-04-21 20:36:14
154
原创 Node - 模板引擎 artTemplate
一、 模板引擎的基础概念1 模板引擎模板引擎是第三方模块。让开发者以更加友好的方式拼接字符串，使项目代码更加清晰、更加易于维护。// 未使用模板引擎的写法varary =[{name:'张三',age:20}]; varstr ='<ul>'; for(vari =0;i <ary.length;i++){ str +='<li>\ <span>'+ary[i].name +'</span>\ <span>'+ary
2020-05-30 18:08:58
170
原创 mongoDB由浅入深讲解_概念解析
一、 数据库概述及环境搭建1、 为什么要使用数据库⚫ 动态网站中的数据都是存储在数据库中的⚫ 数据库可以用来持久存储客户端通过表单收集的用户信息⚫ 数据库软件本身可以对数据进行高效的管理http://www.czxy.com/article?id=1http://www.czxy.com/article?id=2 2、 什么是数据库数据库即存储数据的仓库，可以将数据进行有序的分门别类的存储。它是独立于语言之外的软件，可以通过API去操作它。常见的数据库软件有：mysql、mongoD
2020-05-28 23:12:09
209
原创 Node.js-服务器的原理以及HTTP协议
一、 服务器端基础概念1 网站的组成网站应用程序主要分为两大部分：客户端和服务器端。客户端：在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑。2 Node网站服务器能够提供网站访问服务的机器就是网站服务器，它能够接收客户端的 请求 ，能够对请求做出 响应 。 3 IP地址互联网中设备的唯一标识。IP是Internet Protocol Address的简写，代表互联网
2020-05-22 23:15:24
376
原创 Node.js模块化开发以及模块加载机制
一、Node.Js模块化开发1 JavaScript开发弊端JavaScript在使用时存在两大问题，文件依赖 和 命名冲突 。2 生活中的模块化开发3 软件中的模块化开发一个功能就是一个模块，多个模块可以组成完整应用，抽离一个模块不会影响其他功能的运行。4 Node.js中模块化开发规范Node.js规定一个 JavaScript文件 就是一个模块，模块 内部定义的变量和函数 默认情况下在 外部无法得到模块内部可以使用 exports对象进行成员导出 ， 使用 require方法 导
2020-05-22 10:42:39
245
原创 超实用Node js 概论
一、 Node 开发概述1 为什么要学习服务器端开发基础· 能够和后端程序员更加紧密的配合· 网站业务逻辑前置，学习前端技术需要后端技术支撑（Ajax）· 扩宽知识视野，能够站在更高的角度审视整个项目2 服务器开发要做的事情· 实现网站的业务逻辑· 数据的增删改查3 为什么选择Node· 使用JavaScript语法开发后端应用· 一些公司要求前端工程师掌握Node开发· 生态系统活跃，有大量开源库可以使用· 前端开发工具大多基于Node开发4 Node是什么Node是一个..
2020-05-20 10:57:59
167
原创 最全面 - Nodo.js 基础概念
一、 Node 开发概述1 为什么要学习服务器端开发基础· 能够和后端程序员更加紧密的配合· 网站业务逻辑前置，学习前端技术需要后端技术支撑（Ajax）· 扩宽知识视野，能够站在更高的角度审视整个项目2 服务器开发要做的事情· 实现网站的业务逻辑· 数据的增删改查3 为什么选择Node· 使用JavaScript语法开发后端应用· 一些公司要求前端工程师掌握Node开发· 生态系统活跃，有大量开源库可以使用· 前端开发工具大多基于Node开发4 Node是什么Node是一个..
2020-05-19 23:00:29
406
原创 Angular-常用指令核心概念、路由跳转与传参
常用指令 自定义指令 路由模块的使用一、常用的指令组件与指令关系：组件就是一个带有模板内容的指令metaData(元数据):每一个类都有自己的元数据,元数据告诉 Angular 如何处理一个类（就是装饰器中的配置对象），就像组件类要通过selector告诉angular要想调用该组件就得用这个选择器的名字属性型指令：修改元素的外观或者行为0、事件绑定<any (eventName)="handleEvent()"></any>1、属性绑定<any [a.
2020-05-18 10:39:30
342
原创 React的核心概念—— Jsx、 Component、 Props、 Refs、 State
前端的3大主流框架：vue、angular、reactReact的核心思想：组件化React的核心概念：组件/jsx/props/state/refs一、React的概述ui = user interface 用户界面what?React是由facebook出品的，用来渲染ui的js库，指的是我们可以通过组件来构建ui（和vue、angular、ionic组件树），定位就是用来实现ui的。why?①数据操作太频繁VDOM 虚拟DOM，尽量的降低操作DOM的成本②代码维护成本很高单向.
2020-05-17 19:18:12
552
原创 认知 Angular 的架构与其深层概念
Angular架构模块： @NgModule({ imports:[], declarations:[], providers:[] })组件：一个可被反复使用的，带有特定功能的视图@Component({ selector:'login', template/templateUrl:'', providers:[], styleUrls:[]})模板内容模板内容就是html，只不过支持指令、(),[],[()]、{{}}元数据 metaDat.
2020-05-13 18:26:14
138
原创 Vue 组件中的data为什么是个函数？
Vue 组件中的data为什么是个函数?如果说 vue 组件中的 data 变为跟 vue 实例 一样的 这样 对象写法首先 他的控制台 会进行报错那么 要想让他不报错 我们就会把它改成 函数返回数据写法那么 问题来了 为什么 我们 不能在组件中 把data数据 写成对象形式的呢？直观原因他会在控制台进行error 报错我们还有 另外俩种写法:第一种,在data函数返回调用时...
2020-05-07 16:07:20
704
原创 关于 React表单受控元素的解决方案
在我们写 React 组件中的表单的时候 通常都是直接写一个 value 然后 如果 直接 把 value 属性添加到input元素中那么 他将会在控制台中报错然而这种情况并不是我们想要得到的,以下有俩种解决方案:第一种: 把这个元素变成 非受控元素 render:function(){ return ( <form action=""> ...
2020-05-03 23:40:24
363
原创 关于 Ionic4 对 NavController 进行跳转传递参数的 解决方案 (NavParams)
首先我们先确认好 传送方,接收方传送方 demoSend 的 template：<ion-header> <ion-toolbar> <ion-title>传送方</ion-title> </ion-toolbar></ion-header><ion-content> ...
2020-04-29 12:23:14
2047
原创 关于 Ionic4以上版本 对 Navigation 实现页面跳转的 解决
原先我们常用的是 navController.push() 进行跳转 对于 ionic 的升级操作 ，在源码中并没有 push()这个方法取而代之的是 自定义 路由跳转:引入 Navcontroller 组件import { NavController } from '@ionic/angular';对 NavController 进行初始化 命名为 nav constructor(...
2020-04-29 11:01:56
563
原创 关于ionic 4 版本对ion-Modal 模态窗的更改 无需 指定 ViewController
Ionic 4 对 ion-Modal 进行了 更改 致使 viewController 不能 够在 @Ionic/angular 中声明.对于 模态窗的关闭按钮 ，可以直接在 import { ModalController } from "@ionic/angular";进行 dismiss()；以下看图:这个页面为 视图 View 页面 只显示出 点击按钮import { Compon...
2020-04-28 15:02:38
532
原创 细品 Vue 自定义指令 Directive
自定义指令 Directive除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。来个实例，当页面加载时，该input元素将获得焦点：// 注册一个全局自定义指令 `v-focus`Vue.di...
2020-04-24 15:00:47
459
原创 Vue 零基础小白学习指南(附教程)
Vue 框架什么是框架 框架指一套非常优秀可被反复使用的代码.(软件半成品)框架优势 (a) 提高了代码的复用率 (b) 降低模块之间的耦合度(学子商城 耦合度高(密)) (c) 提高开发速度 (d) 提高代码质量what?Vue开发者是尤雨溪，是受到angular启发，是一个实现UI层的渐进式的js框架版本:v 2.5.1where饿了么,滴滴,阿里特点...
2020-04-24 00:49:27
4478
原创 关于 Angular seesion 跨域 返回null 的问题
问题：在 angular httpClient 向服务器 发送 get请求时 返回这类情况时解决:需要在 服务器端 进行 header 定义 Origin 和 Credentials第一步:跨域的允许主要由服务器端控制。服务器端通过在响应的 header 中设置 Access-Control-Allow-Origin 及相关一系列参数，提供跨域访问的允许策略。第二步:对应客户端的 x...
2020-04-23 22:03:03
199
原创 Angular 设计原则与设计模式概论 And 启动流程和开发
Angular 框架 主流应用概述一、软件设计原则和设计模式我们已经具备使用html/css/js/h5/c3,可以完成基本的需求，要想实现大型的商业项目，希望①清楚在软件领域中的设计原则和设计模式②掌握主流框架（Vue/Angular/React）的使用框架？是一套优秀的代码，可以被反复使用。提高了开发速度、提高了代码的质量。学习框架？①目标②框架的基本架构：有什么东西、...
2020-04-19 22:41:16
880
原创 Vue最全面安装 Vue cli 项目 安装 Vue 脚手架环境
脚手架安装与部署项目流程1:依赖软件 nodejs 6.xx1.1： 下载nodejshttp://nodejs.cn/download/https://npm.taobao.org/mirrors/node/X86 适用 32 windowsX64 适用 64 windows1.2: 下一步下一步安装目录: 不要中文不要有空格c:/program files/nod...
2020-04-17 23:58:40
546
原创 大爆炸！50种语言写Hello, World
当我们学习一门新的语言时，“Hello, World!“通常是我们所写的第一个程序。相信作为一名程序员的你，职业生涯中至少完成了一个“Hello, World!“程序。程序员一般也都会使用多门语言，甚至有多数人都会使用十几种语言。甚至有一个名为TTHW的指标来衡量一个程序员接触一门新的编程语言时，成功写出“Hello, World!“并运行所需要的时间。然而，如果我问你，你会用多少种编程语言写...
2020-03-20 23:11:09
341
原创 什么是 Ajax？——Ajax 核心要领
AJAX名词解释1、同步在一段时间内，只能做一件事情同步访问：在访问服务器时，客户端只能等待服务器的响应，不能做其他事情，用户体验非常差代表场合：1、输入网址访问页面2、a标记的默认跳转3、submit按钮的表单提交2、异步在一段时间内，能同时做多件事情。异步访问：在向服务器发送请求时，不耽误用户在网页上做其他的操作代表场合:1、用户名的重复验证2、聊天室3、...
2020-03-20 12:15:16
185
原创 彩票！彩票！！利用JS技术实现双色球编号
彩票！彩票！！利用JS技术实现双色球编号相信大家都买过彩票吧，彩票呢，几乎都是用计算机技术实现的你，那么既然我们是学前端的，就一定知道前端是和 网页打交道的，很多人都从网上抢过票，那么这个票号就是利用随机数生成的。这样的数字号，是由JS数组随机生成的，下面我来介绍如何制作: //补: 其实数组也有indexOf，用法和str.indexOf完全一样！ function bal...
2020-03-20 12:08:22
2007
原创 Ajax 入门要领 （Asynchronous Javascript And XML）——阿贾克斯
一、HTTP协议1、作用 规范了数据是如何打包的，以及数据时如何传递的2、Message 消息/提交 Message指的是在HTTP客户端与服务器间传递的数据块 分类： 1、Request Message：客户端向服务器发送的请求消息 2、Request Message：服务器端根据客户端的请求消息，返回给客户端的响应消息3、请求消息(Request Mes...
2020-03-18 11:53:46
253
原创 JQ 事件处理程序 与 详细介绍 (书写方式)
事件处理程序① 事情源JS 方式:document.getElementById(" id ");JQ 方式:$("#id");②事件JS 方式:document.getElementById(" id ").onclick;JQ 方式:$("#id").click;区别:JQ 事件可以不用 带 on③事件处理程序JS书写方式:document.getElementById("...
2019-12-30 11:30:11
235
原创 Jquery 与 JS 的区别
回顾JS的痛点① Window.onload 事件有个事件覆盖的问题，我们只能写一个。② 代码容错性差。③ 浏览器兼容性问题。④ 书写很繁琐，代码量多。⑤ 代码很乱，各个页面到处都是。⑥ 动画效果，很难实现。JQuery 解决问题JQ 解决了上面的所有问题。JQuery 的基本使用带有 min 的文件：它是压缩过的版本。区别：我们开发过程中，会用未压缩的版本，或者压缩的项目上...
2019-12-30 11:15:59
137
原创 纯CSS遮罩层特效
纯CSS众所周知就是只用CSS实现特效！在这里注释一下：图片需要自己添加！这篇文章只详解CSS特效！ .demo{ padding: 30em; width: 360px; height: auto; } /* 背景颜色 渐变； 边框圆角 ；相对定位；多余边框隐藏；鼠标指针变成小手*/ .box{ background: linear-gradi...
2019-10-26 08:42:18
692
原创 小白学习HTML基础
HTML基础HTML顾名思义超文本标记语言，Hyper Text Makeup Lanuage。（文本，图片，音频，视频，动画等）W3C标准包括结构化标准语言（XHTML、XML）；表现标准语言（CSS）；行为标准语言（DOS,ECMASCRIPT）;单独呈现的标签（空元素）《!DOCTYPE html》 声明HTML（H5标准）《meta charset=“utf-8”》设置编...
2019-10-18 19:47:39
108
原创 Office 办公——Word
Office——办公巨头Microsoft——Word、Microsoft——Excel、Microsoft——PPT今天这节课我们来讲一下Microsoft——Word这个办公软件！*Word 众所周知它是一个文档编辑器，编辑一些课件一些讲解类型的文章。Microsoft Office Word是微软公司的一个文字处理器应用程序。它最初是由Richard Brodie为了运行DOS的I...
2019-10-13 19:19:30
1002
原创 零基础小白学习前端【MM教程】
零基础小白学习前端【MM教程】HTML-超文本标记语言，是一种创建网页的标记语言！未来IT属于年轻人，HTML属于我们！可能有许多人认为学习WEB前端就要熟悉英语，我来讲解下，学习WEB前端只要能认清代码原件，记住单词就能通熟！学习前端的三大方向：①找好自己合适的编程软件：Adobe DreamweaverWebstormHbuidernotpaid++vs code其实前期...
2019-10-11 08:00:39
539
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人