背景 中美贸易冲突以来,相信最大的感受,并不是我对你加多少关税,而是我有,可我不卖给你."禁售"成了市场经济中最大的竞争力. 相信也是因为这个原因,华为"备胎转正"的鲲鹏系列芯片,一经推出,就吸引了业界的眼球. 经过漫长的等待,基于鲲鹏920,代表高端计算能力的华为服务器已经开始大量出货.不过,限于专业壁垒,服务器用的芯片,无论如何也比不上5G和MATE30更令人瞩目. 今天偶然发现,华为云上正在进行"鲲鹏弹性云服务器"免费试用活动,于是迅速的申…
前言 一直没有找到一个合适的展示个人项目的模板,所以自己动手使用 Vue 写了一个.该模板基于 Markdown 文件进行配置,只需要按一定规则编写 Markdown 文件,然后使用一个 在线工具 转为 JSON 文件即可.下面是该项目的在线地址和源码.本文主要记录一下项目中用到的相关知识. 在线演示    源码 效果 程序最终的效果如下图所示: 整个项目只包含两个组件:项目介绍 和 侧边导航,逻辑比较简单,十分适合入门. 环境配置 这里我们使用 Gulp 和 Webpack 用作项目构建工具.…
github 地址: VV-UI/VV-UI 演示地址: vv-ui 文档地址:skeleton 关于骨架屏介绍 骨架屏的作用主要是在网络请求较慢时,提供基础占位,当数据加载完成,恢复数据展示.这样给用户一种很自然的过渡,不会造成页面长时间白屏或者闪烁等情况. 常见的骨架屏实现方案有ssr服务端渲染和prerender两种解决方案.这里主要通过代码为大家展示如何一步步做出这样一个骨架屏: prerender 渲染骨架屏 本组件库骨架屏的实现也是基于预渲染去实现的,有关于预渲染更详细的介绍请参考这…
vue.js是一个非常优秀的前端开发框架,不是我说的,大家都知道. 首先我现在的能力,独立阅读源码还是有很大压力的,所幸vue写的很规范,通过方法名基本可以略知一二,里面的原理不懂的地方多方面查找资料,本文中不规范不正确的地方欢迎指正,学生非常愿意接受各位前辈提出宝贵的建议和指导. 使用vue的版本是v2.5.13,采用了flow作为类型管理工具,关于flow相关内容选择性忽略了,不考虑类型系统,只考虑实现原理,写下这篇文章. 同步到sau交流社区(首发):https://www.mwcxs.t…
1. 原型 / 构造函数 / 实例 原型(prototype): 一个简单的对象,用于实现对象的 属性继承.可以简单的理解成对象的爹.在 Firefox 和 Chrome 中,每个JavaScript对象中都包含一个__proto__ (非标准)的属性指向它爹(该对象的原型),可obj.__proto__进行访问. 构造函数: 可以通过new来 新建一个对象 的函数. 实例: 通过构造函数和new创建出来的对象,便是实例. 实例通过__proto__指向原型,通过constructor指向构造函…
1. 下载安装nodejs 截至2018-06-05 最新稳定版本为 8.11.2,直接 next ,不改目录. PS C:\Users\Administrator> node -v v8.11.2 PS C:\Users\Administrator> npm -v 5.6.0 2. 安装node后,设置 npm 淘宝代理镜像 npm config set registry https://registry.npm.taobao.org npm info underscore (如果上面配置正…
1. 安装Vetur 扩展 主要是用于让vscode能识别vue文件,对vue代码进行高丽处理,并且它内置了一些代码格式化的设置 2. 安装ESLint 如果你的项目已经开启了eslint规范, 再有多余的空格,或者空行,会有红色波浪线提示. 但是光有提示还不够,还希望在ctrl + s保存的时候自动帮我们处理这些小问题.其实那些js规范,大部分人错得多的地方无非就是个空格与空行的问题 文件 -> 首选项 -> 设置 将以下配置填入 worksapce settings { "edi…
vue2.0相比vue1.0 有哪些改变,今天总结了一下 vue2.0组件中 template 不在支持代码片段 //vue1.0组件中template写法 <template> <h3>我是vue1.0的写法</h3> <h2>我是vue1.0的写法</h2> </template> //vue2.0组件中 template 写法 //必须有根元素 <template> <div> <h3>我是v…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue1</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--<link rel=&…
1.1 初识组件 1.什么是组件 1. Html中有组件,是一段可以被复用的结构代码 2. Css中有组件,是一段可以被复用的样式 3. Js中有组件,是一段可以被复用的功能 4. Vue中也有组件,指的就是一个模块,是一个独立的,完整的(包含html,css,js等),可以直接拿来用的 2.使用组件分成三步 1.第一步 定义组件容器(定义自定义元素) 2.第二步 定义组件Vue.extend方法 1. 参数是组件对象,对象属性跟vue实例化时候传递的参数对象的属性是一样的,例如 data,me…