-
开发人员注意啦！JavaScript中一直使用===是错误的
全文共3228字，预计学习时长10分钟相比==，许多开发人员更喜欢使用===，为什么呢？网上大多数教程都有解释过，JavaScript的强制转换太过复杂，难以预测，因此建议始终使用===。互联网上一些教程的错误观念误导了大众，以及许多不成文的规则和受欢迎的网站都建议一直使用===。这些都导致许多程序员放弃了一些程序语言，并将其视为缺陷，而不是深入理解领悟它们。下面的两个案例说明...
-
Vue 中 render 函数有点意思
我们知道 Vue 模板是非常强大的，基本可以完成我们日常开发的所有任务。但是，有一些用例，如基于输入或插槽值创建动态组件方式，render 函数会比模板完成的更好也更出色。用过 React 开发的人对 render 函数应该非常熟悉，因为React组件通过 JSX和 render 函数来构建的。尽管Vue render 函数也可以用JSX编写，但在这里我们使用原生 JS方式，因...
-
Windows 10将抛弃动态磁贴
对于微软来说，动态磁贴在桌面版系统上显得很无用，所以让这个功能退出也就显得很有必要了。 据外媒报道称，在Windows 10 Mobile系统死亡之后，微软在Windows 10上已经完全停止改进动态磁贴体验。尽管Twitter，Facebook和Instagram等第三方应用程序都支持动态磁贴，但是它们并没有显示任何有用的信息。 报道援引自微软内部消息人士的说...
-
Vue项目中实现用户登录及token验证
在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下：1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就...
-
$.ajax,axios,fetch三种ajax请求的区别
Ajax是常用的一门与Web服务器通信的技术，目前发送Ajax请求的主要有4种方式：原生XHRjquery中的$.ajax()axiosfetch至于原生的XHR目前工作中已经很少去手写它了，前些年我们比较常用的是jquery的ajax请求，但是近些年前端发展很快，jquery包装的ajax已经失去了往日的光辉，取而代之的是新出现的axios和fetch，两者都开始抢占“请求”...
-
Vue3.0新特性探索
本项目综合运用了 Vue3.0 的新特性。基于 Composition API 即 Function-based API 进行改造，配合 Vue Cli，优先体验 Vue3 特性使用单例对象模式进行组件通信使用 axios 库进行网络请求，weui 库实现 UI 界面# 安装依赖npm install# 在浏览器打开localhost:8080查看页面，并实时热更新npm ru...
-
Vue3.0离能够在实际项目运行还相当遥远，2.0将长期存在项目当中
为了把 Vue.js 的源码讲明白，Vue2.0源码设计成由浅入深，分为核心、编译、扩展、生态四个方面去讲，并拆成了八个章节，如下图：第一章：准备工作介绍了 Flow、Vue.js 的源码目录设计、Vue.js 的源码构建方式，以及从入口开始分析了 Vue.js 的初始化过程。第二章：数据驱动详细讲解了模板数据到 DOM 渲染的过程，从 new Vue 开始，分析了 mount...
-
前端开发神器WebStorm发布最新版本2019.3，代码完成更加智能
WebStorm是一款深受广大程序员喜爱的JavaScript 开发和Web前端开发工具，完美适应各种复杂客户端开发和Node.js的服务器端开发。2019.3版本的启动速度提高了20％，对Vue.js的支持进行了重大增强，JavaScript和TypeScript的代码完成更加智能，并且修复了许多Bug。性能更快的启动到目前为止，WebStorm用户面临的最常见的性能问题之一...
-
企业级 UI 设计语言Ant Design 4.0.0-rc.0 发布，打包降低50%
前言Ant Design 4.0.0-rc.0 发布了。Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现，使用 TypeScript 构建，提供完整的类型定义文件，自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。特性企业级金融产品的交互语言和视觉体系。丰富实用的 React UI 组...
-
HTML5基础-新增标签+新增属性+布局案例
html5中常用的结构标签article 文章header 头部nav 导航section 区域aside 侧边栏hgroup 区块的相关信息figure 定义一组内容及标题figcaption 定义figure元素的标题footer 底部dialog 对话框使用习惯：header/section/footer > aside/article/figure/hgroup/...
-
HTML、HTML5重难点
一、XHTML与HTML的区别文档结构XHTML DOCTYPE 是强制性的<html>中的 XML namespace 属性是强制性的<html>、<head>、<title>以及 <body>也是强制性的元素语法XHTML 元素必须正确嵌套XHTML 元素必须始终关闭XHTML 元素必须小写XHTML 文档必须有一...
-
令人期待的 JavaScript 新特性
一个 ECMAScript 标准的制作过程，包含了 Stage 0 到 Stage 4 五个阶段，每个阶段提交至下一阶段都需要 TC39 审批通过。本文介绍这些新特性处于 Stage 3 或者 Stage 4 阶段，这意味着应该很快在浏览器和其他引擎中支持这些特性。一、类的私有变量最新提案之一是在类中添加私有变量的方法。我们将使用 # 符号表示类的私有变量。这样就不需要使用闭包...
-
实现HTML5网站中常见的拖拽上传文件
当我们学习了 HTML 提供的原生拖放(drag & drop)后,是时候想一想这个东西可以用来作什么，可以在什么时候使用，使用的场景等等场景分析当我们在注册成功一个账户时，一般网站会让我们上传我们的用户头像，或者在实名认证的时候会涉及到身份证图片上传到等，这时候我们可以使用input提供的file属性进行选择本地文件进行上传。我们再想一下，当在电脑端的情况下，当用户打...
-
H5和HTML5的区别，小白们必须清楚哦
注意注意：H5不=HTML5H5 是一个产品名词HTML5是一个技术名词对于知乎多个相关问题里批判H5的叫法，我只想说：图样图森破，上台拿衣服打个比方，如果有个人跟你说：“我要做个网站，H5的”。那他是想让你用header、footer、nav、section等标签？让你用Geolocation、localStorage、WebWorker等API？都不是，他想要的功能你用HT...
-
9 条非常强大的 JavaScript 技巧
1、全部替换我们知道string.replace()函数只会替换第一次出现的位置。在正则表达式末尾添加 /g 即可替换所有出现。varexample="potatopotato";console.log(example.replace(/pot/,"tom"));//"tomatopotato"console.log(example.replace(/pot/g,"tom"))...
-
WebSocket的优点
WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocket API也被W3C定为标准。HTML5开始提供WebSocket协议的支持。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket A...
-
html5网页特效-canvas实现火焰跟随鼠标
效果：逼真的火焰跟随鼠标，还冒出火花，照亮背景文字使用canvas绘制使用javascript，但并无复杂逻辑。上手程度：简单笔记：google字体第一步：很简单的初始化函数。var oCanvas;init = function(){ oCanvas = new Fire(); oCanvas.run();}window.onload = init;第二步：初始化canvas...
-
Vue实战之require与import的区别和使用
我们都知道Vue之所以这么受大众喜爱的原因之一就是Vue的组件化开发模式，这样不仅提高了组件的可重用性，而且每个 Vue 组件都是Vue的实例，可接受相同的选项对象并提供相同的生命周期钩子。这就让项目调试起来更加简单方便，整个开发效果也更高，可维护性也更强，也能适合多人协同开发。我们在阅读别人项目的时候经常会看到文件中出现require和import，作用都是用来引入模块化编...
-
Hippy--腾讯新生的移动跨端开发框架
今天给大家分享一下腾讯近期开源的新生跨端开发框架Hippy,前端的小伙伴们撸起袖子加油学起来拉！如下内容主要来自官方介绍文档。如果希望直接看官方介绍的同学可以直接点击项目地址，进入选择查看中文文档。项目地址地址 https://github.com/Tencent/Hippy介绍Hippy 是腾讯新生的一个跨端开发框架，目标是使开发者可以只写一套代码就直接运行于三个平台（iOS...
-
微软发布TypeScript 3.7
本文译于：TypeScript团队前言我们很高兴宣布TypeScript 3.7的发布，该版本包含了很棒的新语言，编译器和工具功能。如果您还没有听说过TypeScript，那么它是一种基于JavaScript的语言，它添加了静态类型检查以及类型语法。静态类型检查可以让我们知道代码的问题，然后再尝试报告可疑的错误，从而尝试运行它。范围包括可能在代码（如42 / "hello"，甚...
-
2020年7个令人兴奋的JavaScript常用新特性总结(超实用)
一个ECMAScript标准的制作过程，包含了Stage 0到Stage 4 五个阶段，每个阶段提交至下一阶段都需要TC39审批通过。本文介绍这些新特性处于Stage 3 或者Stage 4 阶段，这意味着应该很快在浏览器和其他引擎中支持这些特性。一、类的私有变量最新提案之一是在类中添加私有变量的方法。我们将使用 # 符号表示类的私有变量。这样就不需要使用闭包来隐藏不想暴露给外...
-
JavaScript 引擎「V8」发布 8.0 版本，内存占用量大幅下降
上周，JavaScript 引擎「V8」的开发团队在该项目官方网站上正式宣布推出最新的 8.0 版本。这次更新的重点主要集中在错误修复及性能改善上，正式的版本将在数周后随着谷歌 Chrome 80 稳定版一起发布。V8 是谷歌公司推出的开源高性能 JavaScript 引擎，主要用于提升 Web 浏览器内部 JavaScript 脚本执行的性能。V8 通过 C++ 语言编写，主...
-
html5网页特效-水墨动画
效果鼠标触碰按钮，出现水墨风格动画屏幕自适应一份html文件，一份css文件，无javascript，上手程度：很简单笔记:root这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示元素，除了优先级更高之外，与 html 选择器相同。box-sizing属性允许您以特定的方式定义匹配某个区域的特定元素。content-box：在宽度和高度之外绘制元素的...
-
Web端文件上传从未如此简单，但却很强大——bootstrap-fileinput
介绍对于文件上传，我们并不陌生，HTML自带了上传文件表单，但是我们都知道，那些真的满足不了我们的大多数需求，诸如多选、预览、删除、拖拽等各类繁杂的功能，原生的文件上传Input确实很难满足我们的需求，因此就诞生了很多第三方的上传组件，比如大家熟知的百度WebUploader、之前我也有介绍过类似的组件，功能都非常丰富，大家可以根据自己的需求酌情选择，符合自己的需要才是最好的，...
-
Vue 3.0源代码已开放，98%代码由TypeScript编写
介绍Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。目前Vue3.0的源代码已经开放，不过依然处于Pre-Alpha版本，后续应该会有Alpha、Beta 等版本！Githubhttps://github.co...
-
VS Code 成主宰、Vue 备受热捧！2019 前端开发趋势必读
前端在生产和开发中占据着越来越重要的地位，PC 端、手机端、桌面端、智能手表端等等设备都离不开前端的身影。本文将围绕框架、编程语言、工具、React、Vue 等方面，全面回顾 2019 年前端与 Web 开发的大事。作者 | Trey Huffine译者 | 弯月，责编 | 郭芮以下为译文：在过去的一年中，前端开发再次加快了发展的速度，本文总结了2019年以来的所有大事、新闻和...
-
js调试命令console全解析
nsole 对象提供对浏览器控制台的接入（如：Firefox 的 Web Console）。不同浏览器上它的工作方式是不一样的，但这里会介绍一些大都会提供的接口特性。Console对象可以在任何全局对象中访问，如 Window，WorkerGlobalScope 以及通过属性工作台提供的特殊定义。它被浏览器定义为 Window.Console，也可被简单的 Console 调用...
-
vue-cli-service的作用是什么，如何工作的呢
使用了近一年的vue-cli, 一直都不知道npm run dev 之后发生了些什么？？？随手记录下学习笔记 入口 从package.json里面可以看到npm run dev其实就是vue-cli-service serve vue-cli3.0 安装的时候把vue-cli-service一并安装了，即执行了npm install vue-cli-service --sav...
-
NoahV——百度基于Vue的高效智能运维前端框架
官网介绍NoahV是一个基于vue开发的前端应用框架，主要适用于常见的后台管理系统，官网地址：特性：上手简单，提供常用的各类组件，快速开始前端开发导航栏、页面布局JSON配置，无需代码逻辑开发API数据模拟和API数据代理，让前后端不再耦合，联调更简单，效率更高数据仪表盘功能，满足常见的数据可视化需求，助力数据分析场景内置模版，只需简单配置就可以开发出想要的页面，非前端同学也能...
-
基于canvas的JavaScript 二维码生成工具——QRCanvas
介绍在我们日常的开发中，特别是在现代的社会环境下，二维码的应用可谓是丰富多彩，各种各样让人眼花缭乱的二维码，可见二维码已经渗透进我们生活的方方面面，也可以说目二维码确确实实方便了我们的生活。因为作为开发人员，很多项目都会用到二维码，最多的莫过于生成二维码，而如今Web应用盛行，那么就有这样一个二维码生成的Javascript库诞生了，它仅仅依赖与canvas，因此它支持大多数浏...
