SVG 和 CSS3 实现一个超酷爱心 Like 按钮
在现代网页中，我们经常可以在一些文章、视频和图片页面上找到”Like”按钮，并且通过点击该按钮来表示自己对该内容的喜欢或者不喜欢。大部分”Like”按钮是纯文本按钮或者图片按钮，如果你想让它们具有特别的动画特效，那么我们就需要用到CSS3或者JavaScript了。本文给大家带来一个带有爱心散列动画 ...
JavaScript の querySelector 使用说明
本文记录，JavaScript 中 querySelector 的使用方法。小白贡献，语失莫怪。 // 两种 query 的 method (方法) document.querySelector(selectors); document.querySelectorAll(selectors); 为什 ...
1.初始Vue
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>初识Vue</title> <!-- 引入Vue --> <script type="text/javascript" src="./js/vue.js"></script> ...
小程序字节转GBK及UTF8
前段时间在Android原生搞的BLE扫码枪又要移植到小程序上来。本以为小程序不支持BLE的，结果一搜，还真支持-_-|| 。 蓝牙部分问题不大，遇到的主要问题是，小程序环境如何对字符编码进行判断以及如何进行编码转文字的问题。 扫了一阵，搜到了TextDecoder。结果小程序环境不支持……。 随后 ...
这几种方法帮你快速实现回到页面顶部
背景介绍 当页面内容很多的时候，用户可能会一直往下滑动页面。但是当他想返回页面顶部进行其他操作时，他可能需要不断滚动鼠标滚轮，这就导致用户体验将很差。鉴于这种情况， “回到顶部”这一功能便出现了。 如今在我们浏览网站的时候，常常能遇见“回到顶部”这个按钮。目前主流的回到页面顶部分表现为两种，一种是直 ...
【笔记】【JavaScript】JSchallenger-set对象-练习笔记
前言 【笔记内容】 关于JSchallenger中Set对象题目的复盘 本人的提交、以及做题时的思路 分析作者答案 涉及的知识快速了解，注意：并不深入分析具体知识，只是围绕题目展开 【笔记目的】 帮助本人进一步了解Javascript的Set对象以及涉及的方法 对自己做题后的复盘，进一步了解自己的不 ...
JavaScript知识总结 基础篇
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. new操作符的实现原理 new操作符的执行过程： （1）首先创建了一个新的空对象 （2）设置原型，将对象的原型设置为函数的 prototype 对象。 （3）让函数的 this 指向这个对象，执行构造函数的代码（为这个新对象添加属性 ...
让交互更加生动！有意思的鼠标跟随 3D 旋转动效
今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现： 简单分析一下，这个交互效果主要有两个核心： 借助了 CSS 3D 的能力 元素的旋转需要和鼠标的移动相结合 本文，就将讲述如何使用纯 CSS 实现类似的交互效果，以及，借助 JavaScript 绑定鼠标事件，快速还原上述效果。 纯 ...
es2016 - 求幂运算符号 **
求幂 (**) - JavaScript | MDN GitHub - tc39/proposal-exponentiation-operator: Progress tracking for ES7 exponentiation operator 求幂运算符，一种将指数应用于基数的数学计算。已有的 ...
javascript中的this分析
函数中的this 在标准函数中，this引用的是把函数当成方法调用的上下文对象，这时候通常称其为this值（在网页的全局上下文中调用函数时，this指向window）。 这个this值到底引用哪个对象，必须到函数被调用的时候才能确定，因此这个值在代码执行过程中可能会变。 箭头函数中的this 在箭头 ...
uni-simple-router
uni-simple-router 专为uniapp打造的路由器，和uniapp深度集成 通配小程序、App和H5端 H5能完全使用vue-router开发 模块化、查询、通配符、路由参数 使 uni-app实现嵌套路由（仅H5端完全使用vue-router） uniapp用到了很多vue的api， ...
前端周刊：2022-9 期
前端周刊：2022-9 期 前端开发 网络视频的防盗与破解 网络视频（Web 视频）是指利用 HTML5 技术在浏览器中播放的视频，这类视频资源通常可以被随意下载，某些行业（比如教培行业）如果希望保护自己的视频资源不被下载，就需要对视频做防盗链处理。 Vue 组件复用问题的一个解决方法 关于 vue ...