特牛生活网

20200623 前端开发日报

每日开发周报
  • web前端性能优化(2)

    相比于对小图进行iamge sprite,在模块化开发模式下,当前更主流的方案是将小图转化为DataURLs。 什么是Data URLs? Data URLs是一种以 data: 为前缀的协议(scheme)。通过这个协议,内容创作者可以向文档中嵌入小文件。所以,Data URLs也被称为“文件中的文件”。Data URLs之前被称为“Data URIs”, 后来这个名字被WHATW

  • JS基础知识总结(三):原型、原型链

    “ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货! 上一篇 JS基础知识总结(二)主要了介绍深拷贝、浅拷贝的基础知识,本文将介绍JS原型、原型链的有关内容。 1.原型

  • WebGL学习(一)– 使用WebGL绘制一个点

    WebGL,是一项用来在网页上绘制和渲染复杂三维模型,并允许用户与之交互的技术。 传统意义上,只有高配置的计算机或者专用的游戏机才能渲染三维图形,WebGL技术结合了HTML5和JavaScript,允许开发者在网页上创建和渲染三维图形。 从传统意义上,为了显示三维图形,开发者需要使用C或者C++语言,辅以专业的计算机图形库

  • JS中 Number()方法的两种用法

    JS中,调用Number()主要有两种方式,一是作为一个 function 将任意类型的数据转换成数值,二是作为一个类,通过new 生成一个数值对象。 其中第一种方式更常用。 用法一:function Number(value) 将一个任意类型的数据转换成数值,无法转换的则返回 NaN,转换规则类似于类型隐式转换,与 parseFloat 略有差异。

  • Vue 阻止事件冒泡

    Vue 阻止事件冒泡 by: 授客 QQ : 1033553122 开发环境 Win 10 element-ui  "2.8.2" Vue 2.9.6 事件冒泡简介 如下图,当我们点击页面某个元素时,会产生点击事件,事件由外到内,逐层递进(事件捕获阶段,途中的1->2->3->4),当目标元素捕捉到目标事件时,会响应事件,并

  • 实现自定义 Webpack Loader

    webpack loader 是用于编译源文件为目标文件,默认情况, webpack 只能编译打包 JavaScript 文件,其他文件则需要特定 loader 进行加载,如: css 文件模块,加载器为 css-loader (配合 style-loader 或者 MiniCssExtractPlugin.loader ) less 文件模块,加载器为 less-loader (配合预处

  • web前端性能优化(1)

    为了方便描述,本文会将“web前端性能优化”简称为“性能优化”。 在阅读英文文章时,偶尔会发现有小标题显示 TL;DR 或者 tl;dr。网上英文解释有两种,一种是Too long;Don't read,另一种是Too long;Didn't read。意思是:“文章太长了,读不下去了”。常用在英文长文中的摘要标题,显示整篇文章的精华或总结。 什么是性能

  • 深入JavaScript系列02–this关键字

    “ “You know nothing Jon Snow” this关键字 “ “你不知道的JavaScript学习笔记02” 概念 定义:当一个函数被调用时,会创建一个执行上下文。这个执行上下文会包含函数在哪里被调用(调用栈)、函数的调用方式、传入的参数等信息。this就是这个记录的一个属性,会在函数执行的过程中用到

  • 轻松掌握纯前端js框架—VUE

    无论现在的你处于什么状态,是时候对自己说:不为模糊不清的未来担忧,只为清清楚楚的现在努力。 复制代码 由于小编时间经历有限,所了解所有VUE的知识分为私企与大家分享,内容如有处处还请您点拨,指正。TEL/V:15200025778 本期主要内容 什么是VUE 如何使用VUE MVVM 绑定语法 指令 一. 什

  • JavaScript定时器越走越快的问题

    之前在项目中写了定时器来做循环播放,但是总是会有越走越快的问题,开始是以为前后的HTML代码拼接的有问题,时间紧急的情况下反复改了很多也没什么效果,后来发现是js定时器的问题,在这里记录一下。 (setinterval)多次初始化 使用js定时器(setinterval)首要的问题就是要记得清除,即调用(clearInterval)方法,

  • nodejs中使用mysql

    const mysql = require('mysql') 复制代码 3.书写数据库的匹配项 // 数据库的配置选项 const options = { host: 'localhost',//主机名 user: 'root',//用户 password: '123456',//密码 port: 3306,//端口号 database: 'student'//要操作的数据库 } 复制代码 详细参数配置见 4.实例链接数据

  • Vue 中作用域 CSS 的那点事

    前言 首先,我们来回忆一下「CSS 作用域」这一概念,它的本质是通过让每一个选择器成为一个「unique」的存在,这样就自然而然地形成了作用域。 而提到「Vue」中「作用域 CSS」,我想大家应该立即想到以 scoped 的方式形成的带有作用域的 css 。但是,值得一提的是,在「Vue」中还支持了一种「作用域 CSS」,

  • 在vue中使用better-scroll

    什么是 better-scroll better-scroll 是一个移动端滚动的解决方案,它是基于 iscroll 的重写,它和 iscroll 的主要区别在这里。better-scroll 也很强大,不仅可以做普通的滚动列表,还可以做轮播图、picker 等等。 复制代码 better-scroll的滚动原理 不少同学可能用过 better-scroll,出现最多的问题是: 复制代码

  • 另辟蹊径搭建阅读React源码调试环境-支持所有React版本细分文件断点调试

    若要高效阅读和理解React源码,搭建调试环境是必不可少的一步。而常规方法:使用react.development.js和react-dom.development.js调试,虽然方便,但无法知道每段代码属于哪个细分文件,所以本文将介绍一种取巧的

  • MPVue没有人用了吗?要不有空你也来看一下…

    首先欢迎大家关注我的掘金,也算是对我的一点鼓励,毕竟写东西没法变现,能坚持下去也是靠的是自己的热情和大家的鼓励。 本篇文章我在使用 MPVue 框架负责开发小程序一路的猜的坑与心得,希望对你们有帮助... 希望能帮助大家,同时希望大家点赞支持一下, 源码地址 ! MPVue MPVue 是一个使用

  • 茴字的四种写法——如何在React Hook中获得最新的state

    今天的这个问题也源于生活(工作)。在我们刚开始使用React hook的时候,经常会遇到这样的情况:我需要在某个异步请求/事件监听中更新我的state的值,并拿着更新好的state去做什么事情。这个时候有可能就会遇到

  • Vue.js——作用域 CSS 的那点事

    而提到「Vue」中「作用域 CSS」,我想大家应该立即想到以 scoped 的方式形成的带有作用域的 css。但是,值得一提的是,在「Vue」中还支持了一种「作用域 CSS」,即「CSS Module」

  • 标签: