0

js实现函数防抖与节流

概念理解 防抖:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。 节流:规定在一个单位时间内,只能触发一次函数。如果这个单位时间内触发多次函数,只有一次生效。 js函数防抖与节流的区别: 函数防抖是某一段时间内只执行一次,而函数节流是间隔时间执行。 个人踩坑 1、通过理解函数防抖与 ...

蓓蕾心晴 发布于 2020-05-22 17:28 评论(0)阅读(77)
0

Vue的computed和watch的使用和区别

一、computed: 模板内表达式非常便利,可用于简单计算,当模板内放入太多的逻辑时,模板会过重且难以维护;可以使用computed替代 计算属性是基于它们的响应式依赖进行缓存的,当依赖的响应式数据发生改变时,计算属性才会改变; 如果时非响应式(未在data中声明)数据,计算属性是不会发生改变的; ...

xsk-walter 发布于 2020-05-22 16:22 评论(0)阅读(37)
0

前端三大主流框架React、Vue、Angular的对比

前言 每个框架都不可避免会有自己的一些特点,从而会对使用者有一定的要求,这些要求就是主张,主张有强有弱,它的强势程度会影响在业务开发中的使用方式。 一、Angular,它两个版本都是强主张的,如果你用它,必须接受以下东西: 必须使用它的模块机制 必须使用它的依赖注入 必须使用它的特殊形式定义组件(这 ...

前端-发际线还在 发布于 2020-05-22 16:01 评论(0)阅读(113)
0

封装属于自己的axios请求

摘要 axios是一个基于promise的HTTP库,可以用于浏览器中进行AJAX请求处理。在项目中,为了实现通用性,封装了一个axios请求。 axios封装 1、配置环境变量 // 根据不同环境变量选择不同的接口服务器域名 export const BASE_URL = process.env. ...

请给我一杯冰可乐 发布于 2020-05-22 15:45 评论(0)阅读(46)
0

Ref实现导航滚动定位

摘要 在开发项目中时常有点击跳转滚动到锚点的需求,最简单的锚点定位就是给一个a标签,a标签的href = ‘#锚点’,然后给需要跳转的锚点一个id = ‘锚点’。参考最简单的锚点跳转实现方式,在React中使用useRef来实现跳转锚点的功能。 功能具体步骤 1、创建空的Ref import Rea ...

请给我一杯冰可乐 发布于 2020-05-22 15:18 评论(0)阅读(32)
0

利用Vue这些修饰符帮我节省20%的开发时间

为了方便大家写代码,vue.js给大家提供了很多方便的修饰符,比如我们经常用到的取消冒泡,阻止默认事件等等~。 目录 表单修饰符 事件修饰符 鼠标按键修饰符 键值修饰符 v-bind修饰符(实在不知道叫啥名字) 表单修饰符 填写表单,最常用的是什么?input!v-model~而我们的修饰符正是为了 ...

前端-发际线还在 发布于 2020-05-22 14:49 评论(0)阅读(61)
1

SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(二):引入 element-ui 定义基本页面显示

前提: (1) 相关博文地址: SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境:https://www.cnblogs.com/l-y-h/p/12930895.html (2)代码地址: https://github.com/lyh ...

累成一条狗 发布于 2020-05-22 09:34 评论(0)阅读(82)
8

Deno会在短期内取代Node吗?

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/what-is-deno-and-will-it-replace-nodejs-a13aa1734a74 Deno是什么? Deno v1.0.0已于5 ...

葡萄城技术团队 发布于 2020-05-22 08:57 评论(3)阅读(759)
0

作用域链

JavaScript是基于==词法作用域==的语言:通过阅读包含变量定义在内的数行源码就能知道变量的作用域。全局变量在程序中始终都是有定义的。==局部变量在声明它的函数体内以及其所嵌套的函数内始终是有定义的。== 如果将一个局部变量看做是自定义实现的对象的属性的话 ,那么可以换个角度来解读变量作用域 ...

HIIM 发布于 2020-05-21 22:40 评论(0)阅读(34)
0

小程序框架原理之渲染流程及通信流程

MINA MINA 是在微信中开发小程序的框架。其目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 MINA 提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,核心是一个响应的数据绑定系统。整个系统分为视图层(Vi ...

WahFung 发布于 2020-05-21 22:38 评论(0)阅读(243)
0

webpack系列-webpack初识与构建工具发展(一)

为什么需要构建工具? 转换 ES6 语法 转换 JSX CSS 前缀补全/预处理理器器 压缩混淆 图⽚片压缩 前端构建演变之路 ant + YUI Tool grunt gulp、fis3 webpack、rollup、parcel 为什么选择 webpack? 社区⽣生态丰富 配置灵活和插件化扩展 ...

风雨后见彩虹 发布于 2020-05-21 20:20 评论(0)阅读(92)
0

JS实现PC端URL跳转到对应移动端URL

在做移动端网站时,有时因技术问题或其他原因无法制作响应式版面,而移动端页面只能放到子目录下,但是手机端通过搜索引擎进入网站电脑端子页面,无法匹配到移动端页面,使得用户体验很不好,即影响排名也影响转化。这里有一个js代码可以实现用户使用手机访问电脑端,自动跳转到对应手机页面。举例:一个pc页面http ...

X1ao怪兽 发布于 2020-05-21 18:28 评论(0)阅读(26)
0

Vue SSR 即时编译技术

当我们在服务端渲染 Vue 应用时,无论服务器执行多少次渲染,大部分 VNode 渲染出的字符串是不变的,它们有一些来自于模板的静态 html,另一些则来自模板动态渲染的节点(虽然在客户端动态节点有可能会变化,但是在服务端它们是不变的)。将这两种类型的节点提取出来,仅在服务端渲染真正动态的节点(se ...

前端-发际线还在 发布于 2020-05-21 16:11 评论(0)阅读(6)
0

用正则匹配富文本中的文本,并替换其内容

问题描述: 有这样的一段字符串: "<p class='test' id='wise'>123 4>5<6 789<br>hello<span title='hello' style='width: 200px;height:100px;' src='//www.wisewrong.com/img/ ...

Wise.Wrong 发布于 2020-05-21 15:40 评论(0)阅读(87)
0

10个Vue开发的技巧

路由参数解耦 一般在组件内使用路由参数,大多数人会这样做: export default { methods: { getParamsId() { return this.$route.params.id } } } 在组件中使用 $route 会使之与其对应路由形成高度耦合,从而使组件只能在某些特 ...

前端-发际线还在 发布于 2020-05-21 15:23 评论(0)阅读(111)
0

SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境

一、简介 1、项目介绍 (1)基本介绍 使用 vue 以及 element-ui 搭建一个 后台管理系统的模板。 当然,这类模板网上有很多,可以直接下载使用。 写这个项目的目的,纯属练手(写的比较糙)。 【layuiAdmin 后台管理模板:(付费)】 https://www.layui.com/a ...

累成一条狗 发布于 2020-05-21 15:06 评论(0)阅读(120)
0

js使用sessionStorage、cookie保存token

1、Token:token是客户端频繁向服务器端请求数据,服务器频繁的去数据库查询用户名和密码进行对比,判断用户名和密码正确与否,并作出相应的提示,在这样的背景下,token便应运而生了。 2、使用token的目的:token的目的是为了减轻服务器的压力,减少频繁的查询数据库。 3、在前端请求后台的 ...

子钦加油 发布于 2020-05-21 14:14 评论(0)阅读(63)
0

[书籍精读]《深入浅出Node.js》精读笔记分享

写在前面 书籍介绍:本书由首章Node介绍为索引,涉及Node的各个方面,主要内容包含模块机制的揭示、异步I/O实现原理的展现、异步编程的探讨、内存控制的介绍、二进制数据Buffer的细节、Node中的网络编程基础、Node中的Web开发、进程间的消息传递、Node测试以及通过Node构建产品需要的 ...

小磊哥er 发布于 2020-05-21 00:22 评论(0)阅读(83)
1

Notification API,为你的网页添加桌面通知推送

Notification 是什么 MDN: Notifications API 的 Notification 接口用于配置和向用户显示桌面通知。这些通知的外观和特定功能因平台而异,但通常它们提供了一种向用户异步提供信息的方式。 其实,MDN 的说明已经可以让我们很清楚知道 Notification ...

WahFung 发布于 2020-05-20 22:24 评论(0)阅读(390)
0

通俗易懂的Deno 入门教程,一看便会

一、Deno 简介 Deno 是一个 JavaScript/TypeScript 的运行时,默认使用安全环境执行代码,有着卓越的开发体验。Deno 含有以下功能亮点: 默认安全。外部代码没有文件系统、网络、环境的访问权限,除非显式开启。 支持开箱即用的 TypeScript 的环境。 只分发一个独立 ...

前端-发际线还在 发布于 2020-05-20 20:24 评论(0)阅读(237)