自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 js 对树形结构数据根据某一属性进行过滤 获取新的树形结构

【代码】js 对树形结构数据根据某一属性进行过滤 获取新的树形结构。

2023-05-22 15:54:37 1767 3

原创 React 组件生命周期

React 组件生命周期分为四个阶段初始化、运行中、销毁、错误处理(16.3之后)注意: 生命周期钩子函数不允许写成箭头函数初始化:constructor() * 初始化属性 , 定义状态 和 为事件处理函数绑定实例 * 初始化属性: 将父组件绑定在子组件身上的属性获取到 , 然后 通过super继承给子组件 的 porps属性上 * 定义状态 : this.state={}...

2019-07-12 20:24:39 129

原创 深拷贝与浅拷贝的区别

我们先复习一下 ECMAScript 中的数据类型基本数据类型存放在栈中(String,Numble,Boolean,Null,Undefine)存放在栈内存中的简单数据段,数据大小确定,内存空间大小可以分配,是直接按值存放的,所以可以直接访问。基本数据类型值不可变javascript中的原始值(undefined、null、布尔值、数字和字符串)与对象(包括数组和函数)有着根本区别。原...

2019-07-02 22:31:09 142

原创 vue-router基础与进阶

RouterSPA ( single page App ) 单页面应用多页面应用有多个html文件,通过a标签的连接联通各个页面缺点开发起来太冗余,编译、压缩很耗时间页面之间的跳转速度太慢单页面应用不需要刷新页面,因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我们的app主要的开发形式就是spavue路由功能...

2019-07-02 20:18:46 223

原创 Vue.cli安装,swiper,自定义指令

vue高级文章目录vue高级一、生命周期二、swiper三、自定义指令四、cli掌握要求:熟练掌握生命周期,会读,会写,会念,并了解每一个生命周期钩子的作用以及项目中的使用熟练使用swiper并了解在生命周期中如何使用能够自定义功能性的指令,并熟练掌握自定义指令中的各个钩子函数和参数的意义能够熟练掌握cli,并了解cli2 和 cli3的区别一、生命周期什么是生命周期?...

2019-06-27 16:35:34 363

原创 Vue的生命周期

Vue的生命周期分为三个阶段,分别为:初始化,运行中,销毁,一共8个钩子函数注意: 生命周期钩子函数不允许写成箭头函数初始化:beforeCreate ------------ 相亲准备前( 爸妈准备, 你根本是局外人 )组件创建前触发,目的是为了组件的生命周期 和 组件中的事件做准备数据没有获得,真实dom也没有渲染出来可以进行数据请求,提供了...

2019-06-26 16:50:21 273

原创 Vue属性验证及过滤器

slot 作用域插槽旧: slot-scope使用流程在组件的模板中书写slot插槽,并将当前组件的数据通过 v-bind 绑定在 slot标签上在组件使用时,通过slot-scope = “slotProp” 来接收slot标签身上绑定的数据通过 slotProp.xxx 就可以进行使用了```javascript <!DOCTYPE html>...

2019-06-26 16:45:34 190

原创 php连接数据库

1.连接数据库(conn.php)<?phpheader("content-type:text/html;charset=utf-8");$mysql_conf = array( 'host'=>'localhost:3306',//本机用户名和端口号 'db_user'=>'root', //用户名 'db_pwd'=>'',//密码 ...

2019-06-26 11:06:21 242 2

原创 php基本语法

PHP概述PHP(外文名:PHP: Hypertext Preprocessor,中文名:“超文本预处理器”) 是一种免费开源的服务器端脚本程序。利于学习,使用广泛,主要适用于Web开发领域。扩展名:.php约定:文件的命名改成拼音或者英文的。Apache服务器。(端口号定义,http协议,开启和关闭)WampServer软件/LampServerWampServer是一款由法国人开发...

2019-06-26 10:55:31 202

原创 vue中$emit()和$on()使用

组件通信为什么要进行组件通信?组件可以说是一个具有独立功能的整体,但是当我们要将这些组件拼接在一起时,这些组件相互之间要建立联系,这个联系我们就称之为通信组件通信的方式有以下几种( 王者级 )父子组件通信使用props来实现子父组件通信自定义事件非父子组件通信ref链: 可以实现非父子组件的通信,但是如果层级太多,就比较繁琐了 $attrsbus事件总线...

2019-06-25 17:40:59 451

原创 虚拟dom && diff算法

虚拟dom && diff算法虚拟dom是什么?所谓的Virtual dom,也就是我们常说的虚拟节点,它是通过JS的Object对象模拟DOM中的节点,然后再通过特定的render方法将其渲染成真实的DOM的节点。 eg: var vdom = { tag: 'div', attr: { className: 'box' }, conten...

2019-06-24 11:33:05 139

转载 vue初步认识

vue初步认识前端发展历史htmlhtml [1990]----> html5 [2008.1.12]csscss 1.0 1996css 2.0 1998css 3.0 2001EcmaScript1997年诞生2015 EcmaScript 20152016 EcmaScript 2016 dart语言 vs javascript随着前端项目的逻辑越来越复杂和难以...

2019-06-21 17:45:57 199

原创 axios和fetch

框架级的数据请求axios ( 第三方库 — 别人封装好的库 )fetch ( javascript 原生提供 )vue这边的数据请求的发展vue-resource ( Vue 以前自己封装使用的请求类库 ) ,但是 vue-resource作者已经放弃更新了vue-resource 作者推荐我们使用 axiosvue-resource 用法 和 axios 相似度 ...

2019-06-21 17:43:03 259

转载 前后端分离架构:Web实现前后端分离,前后端解耦

一、前言”前后端分离“已经成为互联网项目开发的业界标杆,通过Tomcat+Ngnix(也可以中间有个Node.js),有效地进行解耦。并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务(多种客户端,例如:浏览器,车载终端,安卓,IOS等等)打下坚实的基础。前后端分离(解耦)的核心思想是:前端Html页面通过Ajax调用后端的RestFul API并使用Json数据进...

2019-06-21 17:38:13 554

转载 net的socket

1.net的socket (思想)SocketServer.jsconst net = require('net')const server = new net.createServer()let clients = {}let clientName = 0server.on('connection', (client) => { client.name =...

2019-06-21 16:53:39 878 1

原创 token使用方法(加密cookie)

token的使用场景无状态请求保持用户的登录状态第三方登录(token+auth2.0)token使用流程先安装openssl( https://blog.csdn.net/sunhuansheng/article/details/82218678 )先安装perl重启电脑进行 C:\Perl64\eg以管理员身份运行 perl --help报错( perl没...

2019-06-21 16:42:56 873 1

原创 框架级的数据请求

框架级的数据请求axios ( 第三方库 — 别人封装好的库 )fetch ( javascript 原生提供 )vue这边的数据请求的发展vue-resource ( Vue 以前自己封装使用的请求类库 ) ,但是 vue-resource作者已经放弃更新了vue-resource 作者推荐我们使用 axiosvue-resource 用法 和 axios ...

2019-06-21 11:38:22 97

转载 前端开发规范

前端的开发规范本文主要从以下几个方面来概述前端的开发规范目录构建规范前端命名规范前端工作规范开发文档的书写规范1. 前端目录构建规范我们从命名原则、根目录、业务逻辑等方面进行目录构建1.1 命名原则:- 简洁明了(如下:) * src 源代码 * img 图片资源 image images * js JavaScript脚本 * dep 第...

2019-06-18 10:45:35 92

原创 前端的异步流程,npm脚本,express-generator

昨日作业:前端的异步流程传统的原生异步回调函数事件使用异步流程工具( 别人封装好的东西 )es6 PromisePromise 是异步编程的一种解决方案,比传统的解决方案–回调函数和事件--更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了语法,原生提供了Promise所谓Promise ,简单说就是一个容器,里面保存着某个未来才回结束...

2019-06-12 16:53:05 313

原创 Node的安装,Windows下常用的命令行操作

Node 简介客户端的JavaScript是怎样的什么是 JavaScript?+是一个脚本语言+运行在浏览器(浏览器的js解析内核 v8)+实现用户的交互 (interactive)变量 赋值 循环 逻辑 判断 分支 对象 函数。。。。dom 操作bom 操作ajaxJavaScript 的运行环境?+浏览器内核解析内核 es6浏览器中的 ...

2019-06-12 11:19:33 623

原创 http爬虫,前端模块化,Node.js跨域

http爬虫 + http web服务器渲染数据发送前台 + 中文乱码服务器:​ 可以运行在服务端一个网站(站点)​ 种类:​ \1. web服务器( 静态服务器 ) ,可以运行在浏览器中的服务器​ \2. api服务器 ( 后端接口 ) 后端语言暴露一个数据接口,用于前端数据请求( ajax fetch ) Node.js中原生创建web服务...

2019-06-12 11:13:37 184

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除