20200623 前端开发日报

web前端性能优化(2);JS基础知识总结(三):原型、原型链;WebGL学习(一)– 使用WebGL绘制一个点;JS中 Number()方法的两种用法;Vue 阻止事件冒泡;第十届|前端跨端跨平台开发;实现自定义 Webpack Loader;web前端性能优化(1)

  1. web前端性能优化(2)

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

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

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

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

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

  4. JS中 Number()方法的两种用法

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

  5. Vue 阻止事件冒泡

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

  6. 第十届|前端跨端跨平台开发

    本届前端早早聊由刘芳(宋小菜),Jim(滴滴),子洋(政采云),晟怀(阿里巴巴),保哥(DCloud),JJ(京东),别针(天猫精灵)进行分享 随着互联网商业形式愈加多元,前端形态也愈加丰富。例如在移动端跨平台上有RN、Flutter、uni-app、taro、ionic等,桌面端跨平台有electron。 前置背景 VUE.js 是一套用于构...

  7. 实现自定义 Webpack Loader

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

  8. web前端性能优化(1)

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

  9. 深入JavaScript系列02–this关键字

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

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

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

  11. JavaScript网页截屏方法,你get到了嘛?

    之前我曾写过如何将Canvas图形转换成图片和下载canvas图像的方法,这些都是在为这个插件做技术准备。 技术路线很清晰,将网页的某个区域的内容生成图像,保持到canvas里,然后将canvas内容转换成图片,保存到本地,最后上传到微博。 我在网上搜寻到html2canvas这个能将指定网页元素内容生成canvas图像的javascript工具...

  12. JavaScript定时器越走越快的问题

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

  13. nodejs中使用mysql

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

  14. Vue 中作用域 CSS 的那点事

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

  15. 在vue中使用better-scroll

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

  16. Webpack 简单配置Vue

    npm init 初始化项目,会生成package.JSON. 此时项目就拥有装有的node_modules运行环境。 安装相应的包 npm i webpack vue vue-loader, 并根据提示安装需求的依赖包。如css-loadervue-template-complier vue无法在浏览器中直接运行,将vue组件挂载到js,然后通过webpack将js、css、图片等所有资源进行打包。 ...

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

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

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

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

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

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

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

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

  21. javascript优化插入排序算法

    这次优化排序算法呢是为了在优先队列中使用这个算法。 我从网络上随便复制一种排序算法,随便找的,首先看看他的实现。 function Insertion(arr) { let len = arr.length; let preIndex, current; for (let i = 1; i < len; i++) { preIndex = i - 1; current = arr ; while...

更多内容请关注公众号【前端开发博客】每日更新
20200623 前端开发日报

原文:20200623 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20200623.html)