- 博客(25)
- 资源 (7)
- 收藏
- 关注
RSS订阅
原创 Vue起步——环境搭建和简单示例
Vue起步——环境搭建和简单示例Vue的开发环境搭建Nodejs安装安装vue-cli脚手架1、安装全局的脚手架，用于全局的模板的建立2、利用vue-cli的脚手架进行项目模板的构建3、安装依赖4、运行项目开发工具Visual Studio Code的安装修改Vue项目示例Vue的开发环境搭建Nodejs安装可以在下面的网站下载安装包：https://nodejs.org/en/downl...
2019-05-22 12:35:07
273
原创 Angular起步——环境搭建
Angular起步——环境搭建Angular的开发环境搭建Nodejs安装安装Angular Cil开发工具Visual Studio Code的安装创建Angular项目Angular的开发环境搭建Nodejs安装我们使用的Angular6前端开发框架需要安装Node.js的8.x或10.x版本。可以在下面的网站下载安装包：https://nodejs.org/en/download/...
2019-05-07 15:35:36
727
原创 Vue：局部注册组件和示例代码
在Vue教程（参考链接：https://cn.vuejs.org/v2/guide/components-registration.html）中提到，全局注册往往是不够理想的。比如，如果你使用一个像 webpack 这样的构建系统，全局注册所有的组件意味着即便你已经不再使用一个组件了，它仍然会被包含在你最终的构建结果中。这造成了用户下载的 JavaScript 的无谓的增加。在这些情况下，你可...
2019-05-31 17:40:43
2803
1
原创 Vue：:is特性详解和示例
今天在阅读Vue教程的时候，读到“解析DOM模板时的注意事项”这一节，看到:is特性——就是有些元素内部不能使用自定义标签或者自定义标签内也不能放某些特殊的标签，这时候就要用is代替一下，让html语法符合规则验证。is属于指定要在内部使用的标签。文档链接：https://cn.vuejs.org/v2/guide/components.html教程里面是这么解释的：看完之后...
2019-05-31 15:56:35
9533
1
原创 Vue: 通过prop向子组件传递数据，并且监听子组件事件
Prop 是你可以在组件上注册的一些自定义特性。当一个值传递给一个 prop 特性的时候，它就变成了那个组件实例的一个属性。为了给博文组件传递一个标题，我们可以用一个props选项将其包含在该组件可接受的 prop 列表中：Vue.component('blog-post', { props: ['title'], template: '<h3>{{ title }}...
2019-05-30 18:04:17
3054
原创 Vue：Do not use 'new' for side effects报错解决
原代码片段：new Vue({ el: '#post-demo', data: { posts: [ { id: 1, title: 'My journey with Vue' }, { id: 2, title: 'Blogging with Vue' }, { id: 3, title: ...
2019-05-30 16:28:55
10193
1
原创 Vue：router直接绑定按钮button实现页面的跳转
在页面上向按钮上绑定方法，直接实现路由跳转到其他页面，比如我们想从HelloVue页面跳转到Demo页面和它的上级页面HelloWorld页面，该怎么写呢？我们可以直接在按钮上绑定一个方法，用this.$router.push(目标路由) 直接实现路由的跳转<template> <div id="app"> <el-container> ...
2019-05-30 09:39:47
30839
8
原创 Vue：VSCode中Vue代码的格式化问题解决（Code formatter）
VSCode自从更新之后，vue文件的html代码格式化就失效了，而且vue文件中的js ,css格式化样式都变了，原因在于都采用了prettier 来格式化，而配置文件中vetur.format.defaultFormatter.html 这个配置项的值为"none"，我们需要对它重新进行设置。步骤一：首先确保你安装了vetur扩展插件。如下图，扩展里直接搜索vetur，安装下图的V...
2019-05-29 14:46:54
42185
2
原创 Vue：在项目中引入第三方UI组件库——饿了吗Element UI组件库和ATUI组件库
1、引入Element组件库：首先我们使用npm的方式安装：它能更好地和webpack打包工具配合使用。npm i element-ui -S然后我们在使用样式的页面引入样式和组件库即可：<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-cha...
2019-05-28 17:27:57
5141
1
原创 Vue：把组件作为自定义元素来使用以及Identifier ' simple_couter' is not in camel case问题解决
这里介绍两种组件调用的方法：1、直接在当前组件（HelloVue.vue）中使用Vue.component插入一个子组件button-counter：<template> <div id="vue"> <div id="components-demo"> <button-counter></button-coun...
2019-05-28 15:44:18
10200
原创 Vue：The template root requires exactly one element.的解决办法
这是因为vue的模版中只有能一个根节点，所以在<template>中插入第二个元素就会报错解决方案：将<template>中的元素用一个大的<div>包起来，这样就可以在其中添加多个元素了，可以参考以下示例：<template> <div id="vue"> Hello Vue.js!{{message}} ...
2019-05-28 09:38:22
98345
13
原创 Vue：Elements in iteration expect to have 'v-bind:key' directives的解决办法
1、Vue 2.2.0+的版本里，当在组件中使用v-for时，key是必须的。我们可以更改vetur配置 ：vscode文件->首选项->设置->搜索vetur.validation.Template，将这一项去掉就可以了2、我们在使用v-for的时候，在v-for 后添加 v-bind:key="item"<template> <div ...
2019-05-28 09:27:45
35550
1
原创 Angular：routerLink实现导航的几种方式，以及各自的优缺点
Angular2的路由模块来自@angular/router，这不包含在angular2的核心模块中。所以如果我们想要学习angular2的路由功能，必须导入该模块。总结几种导航的方式：<a routerLink='/dashboard/home' routerLinkActive='active'>Home1</a><a routerLink='/d...
2019-05-27 15:07:15
7860
原创 Javascript基础——DOM
Javascript基础——DOMDOM学习要点DOM介绍1、节点2、节点种类查找元素DOM节点1、node节点属性2、层次节点的属性DOM学习要点DOM（ Document Object Model）即文档对象模型， 针对 HTML和 XML文档的 API（ 应用程序接口）。 DOM描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。 DOM脱胎于 Netscape及微软...
2019-05-21 15:03:38
995
原创 Javascript基础——浏览器检测
Javascript基础——浏览器检测浏览器检测学习要点navigator对象1、浏览器及版本号2、浏览器嗅探器3、检测插件4、ActiveX5、MIME类型客户端检测1、能力监测2、怪癖检测（bug检测）3、用户代理检测浏览器检测学习要点由于每个浏览器都具有自己独到的扩展，所以在开发阶段来判断浏览器是一个非常重要的步骤。虽然浏览器开发商在公共接口方面投入了很多精力， 努力的去支持最常用的公...
2019-05-21 10:53:08
498
原创 Javascript基础——BOM
Javascript基础——BOMBOM学习要点Window对象1、对象的属性和方法2、系统对话框3、新建窗口4、窗口的位置和大小5、间歇调用和超时调用location对象history对象BOM学习要点BOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。 BOM缺少规范，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。所以， BOM本身是没有标准的...
2019-05-21 10:07:11
175
原创 Javascript基础——匿名函数和闭包
Javascript基础——匿名函数和闭包匿名函数和闭包学习要点匿名函数闭包闭包返回局部变量循环中包含匿名函数关于this对象内存泄漏模仿块级作用域私有变量静态私有变量模块模式匿名函数和闭包学习要点匿名函数就是没有名字的函数，闭包是可访问一个函数作用域里变量的函数。匿名函数//普通函数function box() { //函数名是 box return 'Mao';}/...
2019-05-16 16:18:40
194
原创 Javascript基础——面向对象及原型
Javascript基础——面向对象及原型面向对象及原型学习要点创建对象原型继承面向对象及原型学习要点ECMAScript有两种开发模式：1.函数式(过程化)；2.面向对象(OOP)。面向对象的语言有一个标志，那就是类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。但是， ECMAScript没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。创建对象创建一个对象...
2019-05-15 08:14:35
154
原创 Javascript基础——内置对象
Javascript基础——内置对象内置对象学习要点Global对象1.URI编码方法2.eval()方法3.Global对象属性4.window对象Math对象1.Math对象的属性2.min()和max()方法3.舍入方法4.random()方法4.其他方法内置对象学习要点ECMA-262对内置对象的定义是：“ 由 ECMAScript实现提供的、不依赖宿主环境的对象，这些对象在 ECM...
2019-05-13 14:11:45
326
原创 Javascript基础——基本包装类型
Javascript基础——基本包装类型基本包装类型学习要点基本包装类型概述1.字面量写法2.new运算符写法Boolean类型Number类型String类型基本包装类型学习要点为了便于操作基本类型值， ECMAScript提供了 3个特殊的引用类型： Boolean、 Number和 String。这些类型与其他引用类型相似，但同时也具有与各自的基本类型相应的特殊行为。实际上，每当读取一...
2019-05-13 11:25:16
197
原创 Javascript基础——变量作用域和内存
Javascript基础——变量作用域和内存变量作用域和内存学习要点变量及作用域1.基本类型和引用类型的值2.动态属性3.复制变量值4.传递参数5.检测类型6.执行环境及作用域7.没有块级作用域内存问题变量作用域和内存学习要点JavaScript的变量与其他语言的变量有很大区别。 JavaScript变量是松散型的(不强制类型)，其本质决定了它只是在特定时间用于保存特定值的一个名字而已。由于...
2019-05-10 17:27:54
271
原创 Javascript基础——正则表达式
Javascript基础——正则表达式正则表达式学习要点什么是正则表达式创建正则表达式1.两种创建方式2.测试正则表达式3.使用字符串的正则表达式方法获取控制常用的正则正则表达式学习要点什么是正则表达式正则表达式(regular expression)是一个描述字符模式的对象。 ECMAScript的 RegExp类表示正则表达式， 而 String和 RegExp都定义了使用正则表达式进...
2019-05-08 14:11:21
538
原创 Javascript基础——运算符
Javascript基础——运算符运算符学习要点什么是表达式一元运算符算术运算符关系运算符逻辑运算符*位运算符赋值运算符其他运算符运算符优先级运算符学习要点什么是表达式？一元运算符算术运算符关系运算符逻辑运算符*位运算符赋值运算符其他运算符运算符优先级什么是表达式表达式是 ECMAScript中的一个“ 短语”，解释器会通过计算把它转换成一个值。最简单的表达式是字面量...
2019-05-07 11:34:49
274
原创 Angular：某列表页面点击“新增”按钮弹出用户列表，选中某些记录后，将选中的记录塞到上级页面的列表中，并可以删除
想做一个功能，就是在一个页面上有一个空的用户列表（表中存放已经被选中的用户），点击列表上方的“新增”按钮，弹出一个子列表，子列表中显示所有有权限的用户，在子列表中选择某些用户，点击弹窗下方的“确定”按钮，将这些选中的用户信息暂时存放到空的用户列表中，并可以点击某条数据后面的“删除”按钮，将暂存的用户信息删除，大概像下面这样：晕了吗？？？我们分解一下，一步一步来首先我们先使...
2019-05-06 14:25:59
2863
1
原创 Javascript基础——数据类型
Javascript基础——数据类型数据类型学习要点typeof操作符Undefined类型Null类型Boolean类型Number类型string类型object类型数据类型学习要点ECMAScript中有 5种简单数据类型： Undefined、 Null、 Boolean、 Number和 String。还有一种复杂数据类型——Object。typeof操作符typeof操作符是用...
2019-05-05 17:58:06
184
cordova-plugin-seuic-scanner.rar
2020-07-30
An early introduction to android app development for CS1 using sofia
2018-04-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人