浮云神马-潘

web前端,node,vue,angular4等

vue项目中遇到的那些事

正文  照例放上一些项目中用到的权威的官网    vue 官方api:https://cn.vuejs.org/    vue资源精选:http://vue.awesometiny.com/    vue GitHub地址:https://github.com/vuejs/vue    eleme...

2019-02-15 17:44:12

阅读数 124

评论数 1

AngularCLI命令速查表

命令列表 名称 作用 ng init 在当前目录下创建应用 ng new 创建新的目录并在新目录下运行ng init命令 ng serve 启动 ng doc 在浏览器中打开Angular文档并搜索当前关键字 ng e2e 使用 protr...

2019-01-22 10:50:39

阅读数 33

评论数 0

vue2.0快速入手指南

一.安装vue-cli 1.使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入:npm install webpack -g或者(npm install -g webpack),安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。 注...

2018-12-11 14:59:26

阅读数 161

评论数 0

ie兼容-csshack-潘帅亲提

万不得已的情况下可以使用下面的方法: safari下  body:nth-of-type(1) #ys{color:red;}   @media screen\9 {   .selector {  property: value; } }   针对火狐浏览器的CSS Hack: @-mo...

2018-12-11 11:44:50

阅读数 1289

评论数 0

vscode自动保存流程

前端编码工具 不强求,根据个人喜好,但是推荐vscode,轻量级,自己可以随时集成各式各样的插件 为了规范统一配置: 项目根目录下建.vscode文件夹 文件夹里面建settings.json文件 保存时候代码格式化: { "editor.formatOnSave&q...

2019-06-18 17:54:25

阅读数 19

评论数 0

vue项目优化--使用CDN和Gzip

使用vue-cli构建的vue项目,在打包发布的时候,发现打包后的文件体积很大,使用webpack-bundle-analyzer分析后,发现占用空间最多的是引用的第三方依赖。第三方的依赖文件可以使用cdn外链的方式引入,这样就能大大缩小项目文件的体积。 具体实现(以我个人项目为例) 我的项目中...

2019-06-06 14:38:31

阅读数 1

评论数 0

vue2.0组件通讯----实战

很多人用了keepalive之后,经常遇到数据添加之后,导致其他路由模块下的数据么有实时更新,解决方法可以有很多,我推荐使用如下的通讯: 案例: 组件一触发事件,刷新组件二的数据刷新函数 main.js: var bus = new Vue(); Vue.prototype.bus = b...

2019-04-19 09:53:16

阅读数 19

评论数 0

Vue2.0最新的模拟动态路由添加

判断权限的方法可以不限于vuex,只要能拿到均可,以下只展示路由具体写法: router下的index.js: export const constantRouter = [ { path: '/', name: 'index', component: Index ...

2019-04-10 13:07:48

阅读数 44

评论数 0

vue面试题

1. 谈谈你对MVVM开发模式的理解 MVVM分为Model、View、ViewModel三者。Model 代表数据模型,数据和业务逻辑都在Model层中定义;View 代表UI视图,负责数据的展示;ViewModel 负责监听 Model 中数据的改变并且控制视图的更新,处理用户交互操作;Mo...

2019-02-22 16:37:57

阅读数 69

评论数 0

ionic3服务器请求新闻列表信息以及点击跳转详情

一、首先引入请求,传送门:https://blog.csdn.net/weixin_41404460/article/details/83110952 二、使用脚手架新建一个列表页和一个详情页,在列表page页中写入以下代码: <ion-list>...

2018-11-15 15:52:22

阅读数 215

评论数 1

ionic 调用百度地图API,并定位当前位置示例

由于在ionic程序中,我们一般使用的ES5 或 ES6 或者是Typescript。 这与JS 还有有一些区别的。所以,在我们的程序中,代码与官方示例代码格式上不完全相同。 下面,简单说明一下如何在 ionic 程序中 调用 百度地图API. 1. 在ionic程序中,定位到文件: \src...

2018-11-12 13:57:42

阅读数 558

评论数 0

angular 6引入echarts的具体方法

方式: 使用echarts和ngx-eachrts两个依赖,借助于ngx..,是因为echarts是基于js编写,没有ts文件。所以就使用ngx-echarts来使用即可。 第一步:安装依赖 1 2 npm install echarts --save ...

2018-10-29 17:58:29

阅读数 1230

评论数 0

CSS高度自适应 height:100%;

在初次尝试高度自适应时都会遇到这样的问题: 对象的heith:100%; 并不能直接产生实际效果 为什么呢? 之所以没有效果,与浏览器的解析方式有一定关系,查看下面代码 <!DOCTYPE html> <html&am...

2018-10-27 14:11:42

阅读数 73

评论数 0

angular6 rxjs6的新特性汇总

Angular6的升级,略有影响的地方应该主要集中在Rxjs6,而至于http,在Angular4.3之后就发生了变化。 rxjs的变换 rxjs6主要在包的结构/pipe的使用方式/API的重命名这几点与旧版本的使用方式不相容的变更,所以导致在实际使用中,有如下的变化 旧版 新版(...

2018-10-17 16:03:53

阅读数 1045

评论数 0

那些年你踩过的坑,都在这里了~|面试题填坑大全

HTML   1、什么是盒子模型?     有些面试官会问你对盒子模型的理解,在我们平时看到的网页中,内部的每一个标签元素它都是有几个部分构成的:内容(content)、外边距(margin)、内边距(padding)、边框(border),四个部分组成,当你说完这些面试官是不会满意这个答案...

2018-10-15 17:38:13

阅读数 384

评论数 0

02-ionic编写登录以及用户昵称更改教程

继续上次的01 ionic教程更新   附上源码地址: https://pan.baidu.com/s/1wNHUVe2qcKjwSWv4DTqzIQ     注意:node.js建议安装最新版,然后安装Storage,才可以运行ionic serve   在上次的案例代码基础上新...

2018-08-28 15:48:56

阅读数 297

评论数 0

ionic 数据刷新路由解决办法

官网给出的都是navCtrl方法,其他地址也都是给出的是什么路由视图刷新。试了好久,没有试出来。今天获得谷歌大神的支持,得知 modal方法需要 modal自身关闭后进行回调: //因为modal关闭的时候,不会再次触发父页面的ionViewDidEnter();   故而补充的更多页面ts...

2018-08-28 15:33:14

阅读数 446

评论数 1

01-ionic3编写登录功能

界面如下: 一、首先新增5个tab页面标签,其中一个是more组件pages。 html代码如下: <!-- Generated template for the MorePage page. See http://ionicframework.com/...

2018-08-24 17:13:22

阅读数 5487

评论数 10

ionic 3最新的测试版安装搭建流程

第一步输入指令:ionic start 如图所示 输入项目名之后即可傻瓜式 生成tabs+angular4+语法的项目环境 第二步输入指令:ionic generate,如图所示,一键式的傻瓜操作指令,界面可操作程度堪称完美哟。 ...

2018-07-26 16:16:00

阅读数 1297

评论数 0

Angular4.x开发环境及项目创建指令汇总

一.安装Node.js 官方网址:https://nodejs.org/en/download/ 在命令行中输入:node -v 和 npm -v 验证版本 二.全局安装Angular CLI 脚手架工具 使用npm命令安装   npm install -g @angular/cl...

2018-07-23 16:43:43

阅读数 520

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭