每日前端实战:34# 在文本前后穿梭的旋转边框
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/qYepNv 可交互视频教程 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 ...
 4 小时前
react-redux 之bindActionCreators
最近在学react,从github上下了个star比较多的项目来学习。遇到了下面这样的代码 export const loginSuccessCreator = (userName) => { return {type: &#x2...
 4 小时前
Redux 的简单总结
Redux https://redux.js.org/ https://cn.redux.js.org/ store.getState() https://redux.js.org/api-refe… 这个函数返回获取最新的state,它不...
 4 小时前
滚动条样式修改快速查阅
作者:心叶 时间:2018-05-26 21:50 1.整体 ::-webkit-scrollbar{ /*样式代码*/ } 2.按钮 滚动条按钮会稍微麻烦点,首先提供下面的选择器可以选中按钮: ::-we...
 4 小时前
按钮样式的正确方式
如果你正在建立一个网站或一个web应用,你可能会用到按钮,也许看起来像按钮的链接。不管怎样,让这些正常展示是很重要的。 在本教程中,我们将为<a>和<button>元素以及一个自定义.btn的CSS组件创建基本样式。...
 4 小时前
用于牛客网Javascript v8引擎评测机的本地测试页面
项目地址 GitHub https://github.com/iamapig120… Gitee https://gitee.com/bysb/js-deb… 功能和界面UI等尚不完善,故欢迎提出各种意见 为什么做这个? 蓝桥赛后 =&...
 5 小时前
Vuex? 和 TypeScript 的 Webpack4.+ 尝鲜
静态类型系统能帮助你有效防止许多潜在的运行时错误,而且随着你的应用日渐丰满会更加显著。这就是为什么 Vue 不仅仅为 Vue core 提供了针对 TypeScript 的官方类型声明,还为 Vue Router 和 Vuex 也提供了...
 15 小时前
「JavaScript」带你彻底搞清楚深拷贝、浅拷贝和循环引用
一、为什么有深拷贝和浅拷贝? 这个要从js中的数据类型说起,js中数据类型分为基本数据类型和引用数据类型。 基本类型值指的是那些保存在栈内存中的简单数据段,即这种值是完全保存在内存中的一个位置。包含Number,String,Boolea...
 15 小时前
webpack源码分析之二:code-splitting
前言 code-splitting是webpack最引人瞩目的特性之一,此特性将代码分离到不同的bundle文件中。详细介绍官网code-split,这次实现则在笔者上次文件打包之上做开发。 功能分析 官网上有三种方式实现 入口起点:使用...
 15 小时前
Source Code - JavaScript - 学习优雅的编码
宁静致远。 说明 知识在不断迭代,除了学习资料,那就是学习他人,来丰富自己。 以下全是别人的源码,会标明出处,非常感谢原作者,非常感谢开源。 优雅 mitt 源码:由于源码仅约200b,所以贴出所有源码参考。 /&#x2...
 15 小时前
Event Loop - JS执行机制
依然是:经济基础决定上层建筑。 说明 首先,旨在搞清常用的同步异步执行机制 其次,暂时不讨论node.js的Event Loop执行机制,以下关于浏览器的Event Loop执行机制 最后,借鉴了很多前辈的研究文章,非常感谢,此文主要是...
 16 小时前
讲清楚之 javascript中的this
讲清楚之 javascript中的this 这一节来探讨this。 在 javascript 中 this 也是一个神的存在,相对于 java 等语言在编译阶段确定,而在 javascript 中, this 是动态绑定,也就是在运行期绑定...
 1 天前
(个人笔记)在给在线简历添加js特效过程中遇到的问题及解决方法 二
github 预览 点击菜单滚动动画首页 let top = element.offsetTop; let targetTop = top-80;//目标位置,当作终点坐标 ...
 1 天前
前端每日实战:33# 牛奶文字变换效果
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/MGNWOm 可交互视频教程 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 ...
 1 天前
【前端工程师手册】JavaScript之this的笔记
今天总结一下this。 误解 熟悉Java或者其他语言的同学看到this会想当然的认为this指向函数本身,然而在JavaScript中并不是这样子。 function func(){ console.log(this.index)...
 1 天前
React 快速上手 - 08 redux 状态管理 react-redux
今天我会快速的过一下 redux 知识,然后讨论下 适用性,最后为了让大家能快速学习,简化了官方的经典 Demo todo ,跟着我做一遍就行。 目标 了结什么是 redux 什么情况下适用 创建一个 redux 应用 安装调试插件 ...
 2 天前
.each()循环遍历子元素,对比已有元素,避免重复
以前写循环遍历习惯性用 for(){},但是这次突然觉着无从下手了。 场景一:左侧九宫格菜单(显示栏),需要遍历获取每个菜单的id,然后放到数组里。 下面是要遍历的HTML代码: <section id="menuG...
 2 天前
基于element UI 的上传插件
为了不再重复的上传文件,做了一个统一选择文件和上传文件的 基于 element UI :http://element-cn.eleme.io 演示 用法 <upload-file :uploadUrl="htt...
 2 天前
前端利用Blob对象创建指定文件并下载
一、Blob对象 Blob对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File接口基于Blob,继承了blob的功能并将其扩展使其支持用户系统上的文件。 构造函数 var aBlob...
 2 天前
mpvue 小程序如何自定义tabBar,不使用navigateTo跳转,模拟redirectTo跳转
原生tabBar tabBar: { "list": [ { pagePath: "pages/index/main", iconPath: &...
 2 天前
回到顶部