web前端性能优化（2）；JS基础知识总结（三）：原型、原型链；WebGL学习（一）– 使用WebGL绘制一个点；JS中 Number()方法的两种用法；Vue 阻止事件冒泡；第十届|前端跨端跨平台开发；实现自定义 Webpack Loader；web前端性能优化（1）
-
相比于对小图进行iamge sprite，在模块化开发模式下，当前更主流的方案是将小图转化为DataURLs。 什么是Data URLs? Data URLs是一种以 data: 为前缀的协议（scheme）。通过这个协议，内容创作者可以向文档中嵌入小文件。所以，Data URLs也被称为“文件中的文件”。Data URLs之前被称为“Data URIs”, 后来这个名字被WHATW…
-
“ 关注 前端开发社区 ，回复”1″即可加入 前端技术交流群，回复 “2”即可免费领取 500G前端干货！ 上一篇 JS基础知识总结（二）主要了介绍深拷贝、浅拷贝的基础知识，本文将介绍JS原型、原型链的有关内容。 1.原型 …
-
WebGL，是一项用来在网页上绘制和渲染复杂三维模型，并允许用户与之交互的技术。 传统意义上，只有高配置的计算机或者专用的游戏机才能渲染三维图形，WebGL技术结合了HTML5和JavaScript，允许开发者在网页上创建和渲染三维图形。 从传统意义上，为了显示三维图形，开发者需要使用C或者C++语言，辅以专业的计算机图形库…
-
JS中，调用Number()主要有两种方式，一是作为一个 function 将任意类型的数据转换成数值，二是作为一个类，通过new 生成一个数值对象。 其中第一种方式更常用。 用法一：function Number(value) 将一个任意类型的数据转换成数值，无法转换的则返回 NaN，转换规则类似于类型隐式转换，与 parseFloat 略有差异。 …
-
Vue 阻止事件冒泡 by: 授客 QQ ： 1033553122 开发环境 Win 10 element-ui "2.8.2" Vue 2.9.6 事件冒泡简介 如下图，当我们点击页面某个元素时，会产生点击事件，事件由外到内，逐层递进（事件捕获阶段，途中的1->2->3->4），当目标元素捕捉到目标事件时，会响应事件，并…
-
本届前端早早聊由刘芳(宋小菜)，Jim(滴滴)，子洋(政采云)，晟怀(阿里巴巴)，保哥(DCloud)，JJ(京东)，别针(天猫精灵)进行分享 随着互联网商业形式愈加多元，前端形态也愈加丰富。例如在移动端跨平台上有RN、Flutter、uni-app、taro、ionic等，桌面端跨平台有electron。 前置背景 VUE.js 是一套用于构…
-
webpack loader 是用于编译源文件为目标文件，默认情况， webpack 只能编译打包 JavaScript 文件，其他文件则需要特定 loader 进行加载，如： css 文件模块，加载器为 css-loader (配合 style-loader 或者 MiniCssExtractPlugin.loader ) less 文件模块，加载器为 less-loader （配合预处…
-
为了方便描述，本文会将“web前端性能优化”简称为“性能优化”。 在阅读英文文章时，偶尔会发现有小标题显示 TL;DR 或者 tl;dr。网上英文解释有两种，一种是Too long;Don’t read，另一种是Too long;Didn’t read。意思是：“文章太长了，读不下去了”。常用在英文长文中的摘要标题，显示整篇文章的精华或总结。 什么是性能…
-
“ “You know nothing Jon Snow” this关键字 “ “你不知道的JavaScript学习笔记02” 概念 定义：当一个函数被调用时，会创建一个执行上下文。这个执行上下文会包含函数在哪里被调用（调用栈）、函数的调用方式、传入的参数等信息。this就是这个记录的一个属性，会在函数执行的过程中用到 …
-
无论现在的你处于什么状态，是时候对自己说：不为模糊不清的未来担忧，只为清清楚楚的现在努力。 复制代码 由于小编时间经历有限，所了解所有VUE的知识分为私企与大家分享，内容如有处处还请您点拨，指正。TEL/V：15200025778 本期主要内容 什么是VUE 如何使用VUE MVVM 绑定语法 指令 一. 什…
-
之前我曾写过如何将canvas图形转换成图片和下载canvas图像的方法，这些都是在为这个插件做技术准备。 技术路线很清晰，将网页的某个区域的内容生成图像，保持到canvas里，然后将canvas内容转换成图片，保存到本地，最后上传到微博。 我在网上搜寻到html2canvas这个能将指定网页元素内容生成canvas图像的javascript工具…
-
之前在项目中写了定时器来做循环播放，但是总是会有越走越快的问题，开始是以为前后的HTML代码拼接的有问题，时间紧急的情况下反复改了很多也没什么效果，后来发现是js定时器的问题，在这里记录一下。 （setinterval）多次初始化 使用js定时器（setinterval）首要的问题就是要记得清除，即调用（clearInterval）方法，…
-
const mysql = require(‘mysql’) 复制代码 3.书写数据库的匹配项 // 数据库的配置选项 const options = { host: ‘localhost’,//主机名 user: ‘root’,//用户 password: ‘123456’,//密码 port: 3306,//端口号 database: ‘student’//要操作的数据库 } 复制代码 详细参数配置见 4.实例链接数据…
-
前言 首先，我们来回忆一下「CSS 作用域」这一概念，它的本质是通过让每一个选择器成为一个「unique」的存在，这样就自然而然地形成了作用域。 而提到「Vue」中「作用域 CSS」，我想大家应该立即想到以 scoped 的方式形成的带有作用域的 css 。但是，值得一提的是，在「Vue」中还支持了一种「作用域 CSS」，…
-
什么是 better-scroll better-scroll 是一个移动端滚动的解决方案，它是基于 iscroll 的重写，它和 iscroll 的主要区别在这里。better-scroll 也很强大，不仅可以做普通的滚动列表，还可以做轮播图、picker 等等。 复制代码 better-scroll的滚动原理 不少同学可能用过 better-scroll，出现最多的问题是： 复制代码 …
-
npm init 初始化项目，会生成package.json. 此时项目就拥有装有的node_modules运行环境。 安装相应的包 npm i webpack vue vue-loader， 并根据提示安装需求的依赖包。如css-loadervue-template-complier vue无法在浏览器中直接运行，将vue组件挂载到js，然后通过webpack将js、css、图片等所有资源进行打包。 …
-
另辟蹊径搭建阅读React源码调试环境-支持所有React版本细分文件断点调试
若要高效阅读和理解React源码，搭建调试环境是必不可少的一步。而常规方法：使用react.development.js和react-dom.development.js调试，虽然方便，但无法知道每段代码属于哪个细分文件，所以本文将介绍一种取巧的…
-
首先欢迎大家关注我的掘金，也算是对我的一点鼓励，毕竟写东西没法变现，能坚持下去也是靠的是自己的热情和大家的鼓励。 本篇文章我在使用 MPVue 框架负责开发小程序一路的猜的坑与心得，希望对你们有帮助… 希望能帮助大家，同时希望大家点赞支持一下， 源码地址 ！ MPVue MPVue 是一个使用 …
-
茴字的四种写法——如何在React Hook中获得最新的state
今天的这个问题也源于生活（工作）。在我们刚开始使用React hook的时候，经常会遇到这样的情况：我需要在某个异步请求/事件监听中更新我的state的值，并拿着更新好的state去做什么事情。这个时候有可能就会遇到…
-
而提到「Vue」中「作用域 CSS」，我想大家应该立即想到以 scoped 的方式形成的带有作用域的 css。但是，值得一提的是，在「Vue」中还支持了一种「作用域 CSS」，即「CSS Module」。
-
这次优化排序算法呢是为了在优先队列中使用这个算法。 我从网络上随便复制一种排序算法，随便找的，首先看看他的实现。 function Insertion(arr) { let len = arr.length; let preIndex, current; for (let i = 1; i < len; i++) { preIndex = i – 1; current = arr ; while…
更多内容请关注公众号【前端开发博客】每日更新
