0

Vue3.0新特性探索

本项目综合运用了 Vue3.0 的新特性。基于 Composition API 即 Function-based API 进行改造,配合 Vue Cli,优先体验 Vue3 特性使用单例对象模式进行组件通信使用 axios 库进行网络请求,weui 库实现 UI 界面# 安装依赖npm install# 在浏览器打开localhost:8080查看页面,并实时热更新npm run serve# 发布项目npm run build建议配合 Visual Studio Code 和 Vue 3 Snippets 代码插件Dependencies以下是项目运用到的依赖,@vue/compositio...

阅读全文>>

0

Vue3.0离能够在实际项目运行还相当遥远,2.0将长期存在项目当中

为了把 Vue.js 的源码讲明白,Vue2.0源码设计成由浅入深,分为核心、编译、扩展、生态四个方面去讲,并拆成了八个章节,如下图:第一章:准备工作介绍了 Flow、Vue.js 的源码目录设计、Vue.js 的源码构建方式,以及从入口开始分析了 Vue.js 的初始化过程。第二章:数据驱动详细讲解了模板数据到 DOM 渲染的过程,从 new Vue 开始,分析了 mount、render、update、patch 等流程。第三章:组件化分析了组件化的实现原理,并且分析了组件周边的原理实现,包括合并配置、生命周期、组件注册、异步组件。第四章:深入响应式原理详细讲解了数据的变化如何驱动视图的变...

阅读全文>>

0

前端开发神器WebStorm发布最新版本2019.3,代码完成更加智能

WebStorm是一款深受广大程序员喜爱的JavaScript 开发和Web前端开发工具,完美适应各种复杂客户端开发和Node.js的服务器端开发。2019.3版本的启动速度提高了20%,对Vue.js的支持进行了重大增强,JavaScript和TypeScript的代码完成更加智能,并且修复了许多Bug。性能更快的启动到目前为止,WebStorm用户面临的最常见的性能问题之一是IDE的启动缓慢。在最近的两个发行周期中,我们付出了很多努力来减少用户不得不等待显示欢迎屏幕和IDE打开已经建立索引的项目的时间。因此,您现在可以预期WebStorm可以比以前的版本快20%的速度处理。框架和工具Vue...

阅读全文>>

0

企业级 UI 设计语言Ant Design 4.0.0-rc.0 发布,打包降低50%

前言Ant Design 4.0.0-rc.0 发布了。Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。特性企业级金融产品的交互语言和视觉体系。丰富实用的 React UI 组件。基于 React 的组件化开发模式。背靠 npm 生态圈。基于 webpack 的调试构建方案,支持 ES6。4.0.0-rc.0 新增功能antd 打包尺寸优化,js gzipped 从 532.75KB 下降到 ...

阅读全文>>

0

HTML5基础-新增标签+新增属性+布局案例

html5中常用的结构标签article 文章header 头部nav 导航section 区域aside 侧边栏hgroup 区块的相关信息figure 定义一组内容及标题figcaption 定义figure元素的标题footer 底部dialog 对话框使用习惯:header/section/footer > aside/article/figure/hgroup/nav > divembed可插入flash文件,但flash已经逐渐被淘汰,不建议使用meter状态标签,可以定义电压optimum是标准状态low与high之间呈现绿色,其余呈现黄色<meter valu...

阅读全文>>

0

HTML、HTML5重难点

一、XHTML与HTML的区别文档结构XHTML DOCTYPE 是强制性的<html>中的 XML namespace 属性是强制性的<html>、<head>、<title>以及 <body>也是强制性的元素语法XHTML 元素必须正确嵌套XHTML 元素必须始终关闭XHTML 元素必须小写XHTML 文档必须有一个根元素属性语法XHTML 属性必须使用小写XHTML 属性值必须用引号包围XHTML 属性最小化也是禁止的二、HTML5中一些新特性用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离...

阅读全文>>

0

令人期待的 JavaScript 新特性

一个 ECMAScript 标准的制作过程,包含了 Stage 0 到 Stage 4 五个阶段,每个阶段提交至下一阶段都需要 TC39 审批通过。本文介绍这些新特性处于 Stage 3 或者 Stage 4 阶段,这意味着应该很快在浏览器和其他引擎中支持这些特性。 一、类的私有变量 最新提案之一是在类中添加私有变量的方法。我们将使用 # 符号表示类的私有变量。这样就不需要使用闭包来隐藏不想暴露给外界的私有变量。 复制代码 class Counter { #x = 0; #increment() { this.#x++; } ...

阅读全文>>

0

实现HTML5网站中常见的拖拽上传文件

当我们学习了 HTML 提供的原生拖放(drag & drop)后,是时候想一想这个东西可以用来作什么,可以在什么时候使用,使用的场景等等场景分析当我们在注册成功一个账户时,一般网站会让我们上传我们的用户头像,或者在实名认证的时候会涉及到身份证图片上传到等,这时候我们可以使用input提供的file属性进行选择本地文件进行上传。我们再想一下,当在电脑端的情况下,当用户打开文件选择框时再寻找图片对应的文件夹,再进行选取文件的时候是不是会有点麻烦呢?我们可不可以让用户找到图片文件,直接引入实现上传呢?答案是可以的。怎么做经过这些分析后,我们可以尝试使用 HTML5 提供的拖拽,使得目标元素...

阅读全文>>

0

H5和HTML5的区别,小白们必须清楚哦

注意注意:H5不=HTML5H5 是一个产品名词HTML5是一个技术名词对于知乎多个相关问题里批判H5的叫法,我只想说:图样图森破,上台拿衣服打个比方,如果有个人跟你说:“我要做个网站,H5的”。那他是想让你用header、footer、nav、section等标签?让你用Geolocation、localStorage、WebWorker等API?都不是,他想要的功能你用HTML4就能做出来了。更别说还得兼容老IE浏览器呢~所以年轻人,你们要用心理解客户的需求,不要沉迷于技术。人家一定不是让你去用一种不被所有浏览器兼容的技术。所以,H5指的不是HTML5,而是某种在微信等移动端看上去酷炫能够...

阅读全文>>

0

9 条非常强大的 JavaScript 技巧

1、全部替换我们知道string.replace()函数只会替换第一次出现的位置。在正则表达式末尾添加 /g 即可替换所有出现。varexample="potatopotato";console.log(example.replace(/pot/,"tom"));//"tomatopotato"console.log(example.replace(/pot/g,"tom"));//"tomatotomato"2、提取唯一值使用Set对象和spread操作符可以创建一个新的数组,仅包含唯一的值。varentries=[1,2,2,3,4,5,6,6,7,7,8,4,2,1]varunique_...

阅读全文>>