- 博客(17)
- 收藏
- 关注
RSS订阅原创 移动端适配
现在市场上有两种适配方案，分别是flexible适配和vw适配。flexible适配已经渐渐被抛弃了（官方建议不要再使用），以后都是通过vw来进行适配。但是还是有些项目中是在用flexible来做适配的。下面先说flexible适配，rem是相对于ui结构中的font-size来决定的。 flexible适配实现如下： 1.安装amfe-flexible插件yarn add amfe-flexible/...
2021-12-07 16:51:25
480
1
原创 自定义过滤器
当一些数据我们需要将它转换处理成另外一种数据类型的时候，我们就可以使用过滤器。使用过滤器的步骤如下：1.过滤器分为两种 1.一种是使用filters局部注册，这种过滤器使用场景就是只有当前组件中有一些数据需要转换的时候这个时候才会使用局部过滤器。 2.一种是使用filter全局注册，这种全局过滤可以看开发这需求定义。2.全局注册过滤器，先准备一个filters文件夹（你也可以在main.js中直接定义）。然后再index.js文件夹中引入你需要转换成对应数据形...
2021-12-03 17:38:14
1080
原创 全局自动注册指定文件夹下的组件
注册组件除了以上讲述的Vue.component和Vue.use以后还有一种高级写法，他也是基于Vue.use方法下的一种注册方式。全局自动注册指定文件下组件的方法如下：1.读取指定文件夹2.拿到所有需要注册的组件路径 这里需要我们知道一个小知识点，就是当我们有一个函数fn,我们可以使用fn.xxx=xx 给函数传参数。这是打印的req.keys()返回的结果3.导入组件 req函数有一个特性，就是当我们向req函数中传...
2021-12-03 13:49:39
741
原创 使用Vue.use注册全局组件
我们一般使用的是Vue.components方法注册组件，使用Vue.use注册外部安装包使用Vue.use注册全局组件，分为两种情况。Vue.use(js对象/函数，参数)，这里的第一个参数是导入过来的注册组件的文件。1.当Vue.use的第一个参数是一个js对象，那么就需要用install方法,install方法中有两个参数，第一个参数就是Vue，第二个参数就是Vue.use方法的第二个参数就是在上述图中向外导出的是个对象，因此在main.js文件中使用Vue.use注册该文件中的组
2021-12-02 21:57:23
1396
原创 vue指令及基本使用
插值表达式别名：声明式渲染/文本插值作用：在dom元素中插入vue变量语法：{{vue变量}} 又称胡子语法好处：动态的将数据插入页面中//将vue变量name插入到h3标签中<h3>{{name}}</h3>//obj是vue数据中的对象，将obj对象中的age变量插入到p标签中<p>{{obj.age}}<p>注意点：插值表达式只能在双标签中使用v-bind指令作用：动态给属性设置属性值好处：我们可以将数.
2021-10-22 22:00:22
315
原创 带你玩转Ajax
jQuery中的Ajax浏览器中提供的XMLHttpRequest用法比较复杂，所以jQuery对XMLHttpRequest进行了封装，提供了一系列Ajax相关的函数，极大的降低了Ajax的使用难度。jQuery中发起Ajax请求的最常用的三个方法：$.get()， $.post()，$.ajax()。$.get()函数的语法jQuery中的$.get()函数的功能单一，专门用来发送get请求，从而将服务器上的资源请求到客户端进行使用$.get('url',[data],[callb
2021-10-15 15:42:27
96
原创 带你了解Ajax
先了解一下客户端和服务器分别扮演着的角色服务器：存放和对外提供资源客户端：获取和消费资源客户端与服务器之间的通信过程浏览器查看通信过程的使用步骤资源的请求方式客户端请求服务器时，请求方式有很多种，最常见的两种请求方式分别为get和post请求get请求通常用于获取服务器端资源（向服务器要资源）post请求通常用于向服务器端提交数据（向服务器发送资源）ajax概念Ajax的全称是Asynchronous javascript And XML（异步Jav...
2021-10-14 21:55:27
334
1
原创 最佳jwt详细教程
先谈一谈为什么有Session认证机制还需要用到jwt认证机制。 Session 认证机制需要配合 Cookie 才能实现。由于 Cookie 默认不支持跨域访问，所以，当涉及到前端跨域请求后端接口的时候，需要做很多额外的配置，才能实现跨域 Session 认证 注意： 当前端请求后端接口不存在跨域问题的时候，推荐使用 Session 身份认证机制 前端需要跨域请求后端接口的时候，不推荐使用 Session 身份认证机制，推荐使用 JWT 认证机制 jwt
2021-10-13 22:08:52
960
1
原创 带你了解路由
路由的概念 路由就是映射关系 根据不同的用户 URL 请求，返回不同的内容 本质：URL 请求地址与服务器资源之间的对应关系 Express中的路由 在 Express 中，路由指的是客户端的请求与服务器处理函数之间的映射关系 Express 中的路由分 3 部分组成，分别是请求的类型、请求的 URL 地址、处理函数 app.METHOD(PAST,HANDLER)Express中路由的例子//匹配get请求，且请求地址为'/'app..
2021-10-12 21:47:14
106
原创 带你了解中间件
在nodejs中的express服务器中，中间件是非常重要的。客户端每次发送请求携带数据到服务器的时候，中间会层层处理然后才会到达路由中，最后在路由中才会将经过层层处理过后的数据响应给客户端，在这中间的处理就是由中间件处理的。中间件概念：中间件就是特指在业务流程中的中间处理环节。生活中中间件的实例：Express中间件的调用流程当一个请求到达Express的服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理。Express中间件的格式Express中间件，本质上就是..
2021-10-11 21:29:58
550
原创 jsonp原理实现过程
jsonp的作用：就是解决跨域问题。jsonp原理：通过script的src属性发送get请求，服务器接收请求，以函数调用的形式将数据携带回来。注意点：jsonp只能实现get请求的跨域。验证jsonp的实现原理需要以下几步：1.我们需要准备一个html文件和javascript文件2. 初始化javascript文件//导入expressconst express=require('express')//实例化一个服务器const app=express()//.
2021-10-10 21:22:01
228
原创 初识express
作为一个前端人员学习node就是为了能够了解后端，服务器与客户端之间的交互。想要有交互，我们就要开启web服务器，通过nodejs中内置的http模块来开启一个web服务器是有些繁琐的，这时候就会想到express，express是专门用来创建服务器的。Express的概念与本质官方概念：Express是基于node.js平台，快速，极简，开放的web开发框架。通俗理解：Express的作用和node.js内置的http模块类似，是专门用来创建服务器的。本质：就是npm上的第三方包，提供了快
2021-10-09 21:57:58
147
1
原创 初识包及其基本使用
首先我觉得作为一个前端人员来说，包这个东西很重要。他会帮助我们提高开发效率，缩短了大量的开发时间。所以我觉得认识包和会基本使用包很重要，当然想要自己去发个包，可以参考我上篇文章。包的概念在nodejs中第三方模块又叫做包，他们两个指向的是同一个东西，只是叫法不一样而已。包的来源不同于nodejs中的内置模块和自定义模块来说，包是有第三方个人和团队开发出来的，免费供程序员使用的，nodejs中的包都是免费且开源的。包的作用由于nodejs的内置模块只提供了一些底层的api，因此导致基于
2021-10-08 21:35:47
184
原创 手把手教你发个包
虽然现在大部分的包在npm官网上都可以找到，在遇到一些自己觉得很好的功能的时候，能够自己将这个功能打个包将他发布到网上，我觉得对于自己精神层面来说是有极大的成就感的，并且俗话说“技多不压身”，能多个技能何乐不为呢？明确自己的需求也就是这个包，自己要实现什么样的功能。初始化包的基本结构新建一个项目文件，作为包的根目录 在项目文件中新建三个文件 生成一个包管理的配置文件package.json //初始化package.js文件在目标文件夹下打开终端敲如下命令可以快速的生成一个基本配置
2021-10-07 22:02:17
160
原创 模块化的理解
模块化概念模块化是指将一个复杂问题，自顶向下逐层把系统划分为若干模块的过程。对于整个系统来说，这些模块可组合，分解和更换的单元。对于编程领域的模块化就是遵守固定的原则，将一个大文件拆分成多个独立且相互依赖的小模块。在我看来就是将项目中每一个功能都给封装起来，而在node.js中就是将每一个功能封装在自定义模块。模块化的好处提高了代码的复用性 提高了代码的可维护性 可以实现按需加载 防止变量污染模块规范CommonJS 规范：nodejs中遵守的就是commonjs规范。 ES6 模
2021-10-06 19:54:03
1097
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人