拥有前端标签的文章

js 获取当前日期

JS获取当前日期var myDate = new Date();myDate.getYear();        //获取当前年份(2位)myDate.getFullYear();    //获取完整的年份(4位,1970-????)myDate.getMonth();  &nb
阅读全文

vue3.0体验版本使用说明

准备工作下载与引入下载体验版apinpm i @vue/composition-api引入与使用 1. 在main.js中要引入全部的api   import VueCompositionApi from '@vue/composition-api'  Vue.use(Vue
阅读全文

CSS的黑暗模式-filter

这是一个绝对不费吹灰之力的方法,将已经开发好的网站转换为支持黑暗模式。话不多说,我们开始吧! ?以这个新闻应用为例现在添加魔术CSShtml[theme='dark-mode'] {  filter: invert(1) hue-rotate(180deg); }瞧!你完成了 ✌实现黑暗模式说明现在,让我们试着理解下面发生了什么。
阅读全文

12 个炫酷背景特效库【网页特效】

1.particles-bg地址:https://github.com/lindelof/particles-bg效果:2.particles-bg-vue地址:https://github.com/lindelof/awesome-web-effect这是一个基于VUE的粒子动画组件。3.jquery.ripples地址:https://github.com/sirxemic/jquery.ri
阅读全文

JavaScript 中的事件委托

为什么要进行事件委托?首先实现一个小功能:在单击 HTML 的按钮后,把消息输出到控制台。为了实现这个小功能,你需要选择按钮,然后再用 addEventListener() 方法来附加事件监听器:<button id="buttonId">Click me</button><script>  
阅读全文

12 种使用 Vue 的最佳做法

1.始终在 v-for 中使用 :key在需要操纵数据时,将key属性与v-for指令一起使用可以让程序保持恒定且可预测。这是很有必要的,这样Vue就可以跟踪组件状态,并对不同的元素有一个常量引用。在使用动画或Vue转换时,key 非常有用。如果没有key ,Vue只会尝试使DOM尽可能高效。 这可能意味着v-for中的元素可能会出现乱序,或者它们的行为难以
阅读全文

彻底理解服务端渲染SSR原理

本人主要从个人角度介绍了对服务端渲染的理解,读完本文后,你将了解到:什么是服务端渲染,与客户端渲染的区别是什么?为什么需要服务端渲染,服务端渲染的利弊是什么?如何对VUE项目进行同构?原文地址 欢迎star服务端渲染的定义在讲服务度渲染之前,我们先回顾一下页面的渲染流程:浏览器通过请求得到一个HTML文本渲染进程解析HTML文本,构建DOM树解析HTML的同时,如果遇到内联样式或者样式脚本,则下载
阅读全文

vue-cli4+webpack移动端框架搭建

这是基于 vue-cli4 实现的移动端框架,其中包含项目常用的配置,组件封装及webpack优化方法,可供快速开发使用。技术栈:vue-cli4 + webpack4 + vant + axios + less + postcss-px2rem源码 github.com/Michael-lzg…// 安装依赖 npm install // 本地启
阅读全文

js 数组骚操作

随机排序1、生成随机数遍历数组,每次循环都随机一个在数组长度范围内的数,并交换本次循环的位置和随机数位置上的元素                function randomSort1(arr) {  for (let i = 0,
阅读全文

ES6 结构赋值的应用

(1)交换变量的值let x = 1;let y = 2; [x, y] = [y, x];上面代码交换变量x和y的值,这样的写法不仅简洁,而且易读,语义非常清晰。(2)从函数返回多个值函数只能返回一个值,如果要返回多个值,只能将它们放在数组或对象里返回。有了解构赋值,取出这些值就非常方便。/
阅读全文
首页 12 末页 共 18 条记录