- 博客(35)
- 收藏
- 关注
RSS订阅原创 localStorage、sessionStorage、cookie
前端浏览器本地存储的方式有三种，分别是cookie的生命周期是永久的，存放数据大小一般为5MB，不参加和服务的通信，不能跨浏览器使用。应用场景：历史记录、登录仅在当前会话下有效，关闭页面或者浏览器后被消除。存放数据大小一般为5MB, 不能参与于服务器的通信，不能跨浏览器使用。页面之间的传值，敏感账号的一次性登录。cookiecookies数据存储在浏览器，单个cookie数据不能超过4k;cookie 的信息会在 http 请求的时候携带到服务器，可在。
2024-04-28 10:45:45
834
原创 node.js 模版引擎
模版引擎一、什么是模版引擎：模版引擎是为了使用户界面与业务逻辑（内容）分离而产生的，它可以生成特定格式的文档，用于网站的模版引擎就会生成一个标准的文档就是将模版文件和数据通过模版引擎生成一个htmlwen文档。常见的模版引擎： art-templateart-template不仅在能在浏览器使用也可以在node中使用。二，art-template使用2.1、安装npm install art-template// 该命令在那执行就会把包下载到哪里，默认会下载到node_model目录
2024-04-15 15:55:52
526
1
原创 服务端渲染 --- 模板引擎
一、Apach 替换页面的内容template.html<table> <thead> <tr> <th onclick="javascript;sortTable(0);">名称</th> <th class="detailsColumn" onclick="javascript:sortTable(1);"> 大小 </th> <th class="detailsColum
2024-04-15 15:53:47
253
原创 Promise对象
一、理解一层一层向内嵌调用的方法，给拉成一串调用的方法。每个调用都会返回一个this,也就是返回自身，然后带着上一次调用的结果，进入下一个嵌套调用的环节。二、promise 基本使用$.ajax({ url: "", success: function(data) { $.ajax({ url: "", success: function(data) {} }) }})...
2024-04-15 15:34:23
774
1
原创 javaScript 事件循环 Event Loop
javaScript 是单线程的编程语言，只能同一时间内做一件事情，按照顺序来处理事件，但是在遇到异步事件的时候，js线程并没有阻塞，还会继续执行，这又是为什么呢？
2024-04-08 15:54:09
801
原创 javaScript中原型链
__proto__指向原型对象的原型对象，也就是Object, Object也是对象，所有，Object也有__proto__指向Object的原型对象为null， 这就是原型链。指向原型对象，原型对象里有个constructor就是构造函数，构造函数的prototype指向原型对象，因为原型对象也是对象，所以原型对象也有。2、将空对象的 __proto__连接到该函数的 prototype。js 的对象分为普通对象和函数对象。3、将函数的this指向新创建的对象。
2024-04-03 16:09:50
379
原创 设计模式 -- 发布订阅模式
订阅者把自己想订阅的事件注册到调度中心，当发布者发布该事件到调度中心，也就是该事件触发时，由调度者统一调度订阅者注册到调度中心的处理代码。从建构上看，无论是MVC还是MVVM.都少不了发布订阅模式的参与，而且javaScript本身也是一门基于事件驱动的语言。这种机制类似于发布-订阅模式，允许组件之间进行松散耦合的通信。在javaScript 中我们一般使用事件模型来代替传统的发布订阅模式。DOM 事件， js简单的发布订阅模式。通用的一种封装，实现了订阅、发布、取消。Veu中使用发布订阅。
2024-04-03 10:26:44
542
原创 数组去重和扁平化
1、数组的扁平化将多维数组变成一维数组const arr = [1, [2,3], [4,5, [6,7]], 8]// 使用Fflat();const res1 = arr.flat(Infinity);// 使用正则const res2 = JSON.stringify(arr).replace(/\[|\]/g, ').split(',');// 正则改良版const res3 = ...
2023-11-24 16:25:14
56
原创 react组件 --- 基础
目标:1.用函数创建组件2.使用class创建组件3.给react元素绑定事件4.能够使用state和setState()5.处理事件中的this指向问题6.使用受控组件??? 方式处理表单一. react组件介绍使用react就是在使用组件组件表示页面的部分功能特点: 可复用性 独立 可组合二 . react组件的创建方式2.1. 使用函数创建组件使用js的函数(或者箭头函数)创建的组件函数名必须以大写字母开头函数组件必须有返回值, 表示该组件的结构如果函数返回nul
2021-12-20 19:51:52
348
原创 JSX基础使用
一、JSX基本使用1.1 createElement()问题1、繁琐不简洁2、不直观、无法一眼看出结构3、不优雅，用户体验感不爽1.2 JSX简介JSX: JavsScript XML优势： 声明式语法，更加直观、与HTML结构相似，学习成本低1.3 使用步骤1、使用JSX创建react元素const title = <h1>hello JSX!!!</h1>2、使用ReactDOM.render()方法渲染react元素到页面中ReactDOM.rende
2021-12-15 21:22:40
1353
原创 react初试
一、react概述1.1 什么是reactReact是一个用于构建用户界面的javaScript库。用户界面： HTML页面React主要用于写HTML页面或者构建web应用如果从MVC的角度来看，React仅仅是视图层（V）,也就是只负责试图的渲染，并非提供了完整的（M）和（C）的功能。1.2 react特点1、声明式2、基于组件（最重要）3、学习一次，随处使用二、react基本使用2.1 安装命令：$ npm install react react-domreact包是核心，
2021-11-30 21:44:45
433
原创 this指向问题
一、函数有六种调用方式1、普通函数 普通函数this指向windowfunction fn() { console.log(this) // window}2、对象的方法. 指向函数的调用者var obj = { fn: function() { console.log(this) // obj }}3、构造函数. this指向cc实例对象function star() {}// 构造函数原型对象的方法的this依然指向调用的实例对象star.protot
2021-07-09 21:08:18
106
原创 webpack基础用法
一、webpack概述webpack是前端项目构建工具(打包工具),可以解决当前web开发中面临的困境。作用： 友好的模块化支持、代码压缩混淆、处理js兼容问题、性能优化。webpack基本使用1、安装webpacknpm install webpack webpack-cli -D2、在 webpack.config.js的webpack 配置文件3、在webpack的配置文件中，初始化如下配置：module.exports = { // mode指定构建模式（development/
2020-11-23 21:13:14
247
原创 vue父子组件生命周期函数加载顺序
一、生命周期钩子vue实例在被创建时都要经历过一系列的初始化过程，设置数据监听、编译模版、将实例挂载到DOM并载数据变化时更新DOM等。同时在这个过程中也会运行一些叫生命周期钩子的函数。...
2020-10-28 21:40:59
462
2
原创 node.js根据不同的请求数据返回不同数据
一、创建服务var http = require('http')// 1、创建Servervar server = http.createServer()// 2、监听request 请求事件，设置请求处理server.on('request',function(req,res){ console.log('收到请求，请求路径是'+ req.url) res.write('hello...
2020-10-24 23:18:00
174
原创 vuex
组件之间的传值，父子组件： v-bind属性绑定的子向父组件传值： v-on 事件绑定兄弟组件之间共享数据 EventBus$on 接收数据的那个组件$emit 发送数据的那个组件一、Vuex是什么？vuex实现全局状态（数据）管理的一种机制，可以方便的实现组件间的数据共享。二、 vuex基本使用1、安装npm install vuex --save2、导入vuex包import Vuex from "vuex"Vue.use(Vuex)3、创建store对象const s
2020-10-20 00:11:44
172
3
原创 vue组件传值
vue组件的作用域是相对独立的，因此组件与组件之间的传值就相当的重要。vue组件与组件之间的关系可简单概括为：父子组件、兄弟组件、隔代组件类型一：父传子：父组件向子组件传值通常采用绑定属性的方法。子组件通过props数组获取父组件的数据。1、一个组件可以直接渲染vue里data中的数据。2、子组件不能直接渲染父组件的数据。3、如果子组件想要引用父组件的数据，父组件可以在引用子组建的时候...
2020-10-19 22:23:53
249
原创 vue-router
一、安装路由 vue-routernpm install vue-router --save二、在模块工程中使用它- 导入路由对象，并调用Vue.use(VueRouter)- 创建路由实例，并且传入路由映射配置- 在vue实例中挂载创建的路由实例配置路由信息router/index.jsimport VueRouter from 'vue-router';// 通过Vue,use(插件)，安装插件Vue.use(VueRouter);// 创建VueRouter对象const ro
2020-07-12 22:58:55
123
原创 设置Content-Type类型实战
结合fs发送文件数据Content-Type需要设置charset字符编码，只有字符才需要设置。// 引入httpvar http = require("http");var fs = require("fs");// 创建var server = http.createServer()server.on("request"， function(req, res) { var url = req.url if（url === "/"）{ res.end("") fs.readFil
2020-07-09 00:40:10
1731
原创 响应内容content-type
var http = require("http")var server = createServer()server.on("request", function(req, res) {// 在服务端默认发送的数据是utf-8编码的内容// 但是在浏览器不知道你是utf-8的内容// 浏览器不知道服务器响应内容的时候，会按照当前操作系统的默认编码去解析。// 中文操作系统默认是gbk// 正确的做法就是配置服务器响应内容格式。 console.log("收到请求") // res.e
2020-07-07 09:47:49
167
原创 vue组件
一、组件组件化： 从Ui界面的角度划分 （方便ui的重用）模块化： 从逻辑的角度来划分（方便代码的分层开发，保证每个功能模块职能单一）二、定义组件方式一<script> Vue.extend({ template: '' // 通过template属性，指定组件要展示的html结构 }) Vue.component('MyCom1', com1) Vue.com...
2020-07-05 19:45:30
661
原创 node构建服务器
一、http模块node中提供了专门的核心模块，// 加载http核心模块var http = require("http")// 使用http.CreateServer()创建一个web服务器。var server = http.createServer()// request 请求参数处理函数需要接收两个参数，// request 请求对象// 请求对象可以获取客户端的一些请求信息，如请求路径。server.on('request', function(request, respons
2020-07-05 19:45:11
104
原创 node.js中的js
一、EcmaScript中 ： 没有DOM、BOM二、 核心模块node为javascript 提供了很多服务器级别的API,这些API绝大多数都被包装到一个具名的核心模块中了，例如文件操作fs核心模块，http服务构建http模块、path路径操作模块、os操作系统模块。。。核心模块在使用的时候需要引入 var fs = require('fs') var http = require...
2020-06-21 21:36:59
111
原创 JS的常用内置方法
一、字符串var str = 'hello word'// charAT(index) :返回指定位置的字符串console.log(str.chartAT(1)) // e// indexOf() : 检索字符串(返回索引字符所在的下标)console.log(str.indexOf(hell)) // 0console.log(str.indexOf(w)) // 6con...
2020-04-23 23:01:07
446
原创 正则表达式
一、正则表达式正则表达式是用于匹配字符串的组合模式。二、正则表达式的作用匹配、替换、表单验证三、创建正则表达式<script>// 利用RegExp对象来创建 正则表达式 var repexg = new RegExp(/123/) // 利用字面量创建 正则表达式 var rg = /123/; console.log(rg.test(123)) // 用test...
2020-02-25 23:40:50
103
原创 对象拷贝
一、浅拷贝1.1、浅拷贝指只拷贝一层，更深层次级别的只拷贝引用<script>var obj = { id: 1, name: 'andy' msg:{ age: 16 }} var o = { for(var k in obj) { // k 是属性名 obj[k]是属性值 // 将对象obj中的值拷贝给对象o o[k] = obj[k] }}...
2020-02-20 20:24:39
214
原创 闭包
一、闭包闭包指有权限访问另一个函数作用域变量的函数。<script>function fn() { var num = 10 function fun { console.log(num) } fun()}fn() // fn为闭包函数</script>二、闭包函数的作用延伸了变量的作用范围<script>function ...
2020-02-12 23:19:38
101
原创 高阶函数
高阶函数是对其他函数进行操作的函数，他接收函数作为参数或将函数作为返回值输出。形式一：<script>function fn(callback) { callback&&callback();}fn(function(){alert('hi')})</script>形式二：<script>function fn() { r...
2020-02-10 00:05:19
77
原创 javascript严格模式
javascript除了提供正常的模式外，还提供了严格模式，ES5的严格模式是采用有限制的javascript变体的一种方式，即在严格条件下运行的Js代码。严格模式在IE10以上版本浏览器才会支持，旧版本浏览器会被忽略。一、严格模式对正常javascript语法做了一些更改；1、消除了javascript语法的一些不合理、不严谨之处，减少一些怪异行为。2、消除代码运行的一些不安全之处，保证...
2020-02-09 23:48:31
71
原创 如何把本地项目放到gitLab中去
一、注册gitLab账号gitLab官网二、在gitLab中创建一个新项目三、在自己的电脑上安装git (mac系统)安装好后输入$ git 出现如下提示表示安装成功四、在自己的电脑上在终端进入本地项目的目录分别输入刷新git,查看你放上去的项目。...
2019-10-29 18:33:38
1243
原创 mac系统创建Vue项目
注意事项：需要在terminal (终端) 内输入 sudo -s 进入 root 权限，然后输入密码。一、在官网下载Mac版本的node.js安装好后，运行。$ npm -vv12.10.0检查是否安装成功。二、安装webpack(这里必须是在root目录下才能安装成功)$ sudo npm install webpack -g三、安装vue-cli$ sudo c...
2019-10-24 18:04:08
4770
原创 echart初级入门教程
ECharts是由百度团队开发的，可高度个性化定制的数据可视化图表库。一个纯javascript的图表库。兼容（IE8/9/10/11，Chrome，Firefox，Safari等）主流浏览器，可以运行在PC和移动设备上。一、echart的安装使用。1、获取echarts1.1、最直接的方法是在 ECharts 的官方网站中挑选适合您的版本进行下载，不同的打 包下载应用于不同的开发者功能与...
2019-09-06 20:45:43
1915
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人