02 2019 档案

摘要:Vue Router 是 Vue.js 官方的路由管理器 自动全局安装: 手动配置: 1、安装 在app项目文件夹里面 2、在min.js下引入包 3、使用use来引用(使用) 4、需要配置router -> route.js 引入组件,配置路由表配置路由表(当前是哪个路径需要执行哪个组件) 在ne 阅读全文
posted @ 2019-02-28 20:56 紫诺花开 阅读(287) 评论(0) 推荐(0) 编辑
摘要:路由就是根据不同的 url 地址展示不同的内容或页面 后端路由 后端路由切换页面是跳转全局刷新页面(用户体验差),而且比如A页面的静态资源和B页面的静态资源会重复请求。 下面说下SSR 服务器渲染 网络爬虫在爬取资源时候会及时找到重要资源有利于SEO优化,但对服务器压力较大。因此一般首页服务器渲染, 阅读全文
posted @ 2019-02-28 20:14 紫诺花开 阅读(807) 评论(0) 推荐(0) 编辑
摘要:vue中nextTick可以拿到更新后的DOM元素 如果在mounted下不能准确拿到DOM元素,可以使用nextTick 在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中 点击之前 点击之后 结果:msg1和msg3显示的内容还是变换之 阅读全文
posted @ 2019-02-26 20:20 紫诺花开 阅读(385) 评论(0) 推荐(0) 编辑
摘要:inset函数 用途:检测变量是否设置判断:检测变量是否设置,并且不是 NULL。如果已经使用 unset() 释放了一个变量之后,它将不再是 isset()。若使用 isset() 测试一个被设置成 NULL 的变量,将返回 FALSE。同时要注意的是一个 NULL 字节("\0")并不等同于 P 阅读全文
posted @ 2019-02-26 17:39 紫诺花开 阅读(566) 评论(0) 推荐(0) 编辑
摘要:1、什么是web语义化,以及他的优势 web语义化是指通过HTML标记表示页面包含的信息,包含了HTML标签的语义化和css命名的语义化 HTML标签的语义化是指:通过使用包含语义的标签(如h1-h6)恰当地表示文档结构 css命名的语义化是指:为html标签添加有意义的class,id补充未表达的 阅读全文
posted @ 2019-02-26 16:33 紫诺花开 阅读(5090) 评论(0) 推荐(1) 编辑
摘要:1、常见的HTTP方法有哪些? GET: 用于请求访问已经被URI(统一资源标识符)识别的资源,可以通过URL传参给服务器 POST:用于传输信息给服务器,主要功能与GET方法类似,但一般推荐使用POST方式。 PUT: 传输文件,报文主体中包含文件内容,保存到对应URI位置。 HEAD: 获得报文 阅读全文
posted @ 2019-02-26 16:07 紫诺花开 阅读(5275) 评论(0) 推荐(1) 编辑
摘要:插槽就是vue实现的一套内容分发的API,将插槽元素作为承载分发内容的出口。 也就是说在组件模板中默认占用一个位置,当使用组件标签时候,组件标签的内容就会自动替换掉内容 slot中可以设置一些默认的内容,如果传递了内容则会替换掉,如果没有名字的标签会默认放到default中。 例如:没有插槽时候,组 阅读全文
posted @ 2019-02-25 21:39 紫诺花开 阅读(610) 评论(0) 推荐(0) 编辑
摘要:React 和Vue是现在主流的两个框架(相对来说angular用的已经少了) 两者的区别体现在以下方面 相同点: 1、react和vue都支持服务端渲染 2、都有虚拟DOM,组件化开发,通过props传参进行父子组件数据的传递 3、都是数据驱动视图 4、都有支持native的方案(react的re 阅读全文
posted @ 2019-02-23 17:57 紫诺花开 阅读(3078) 评论(0) 推荐(0) 编辑
摘要:proxy,默认为NULL,类型为URL,一个为了发送http请求的代理 在package.json文件中使用proxy配置可以解决跨域问题 使用注意事项: create-react-app脚手架低于2.0版本时候,可以使用对象类型 最新的create-react-app脚手架2.0版本以上只能配置 阅读全文
posted @ 2019-02-18 11:14 紫诺花开 阅读(24103) 评论(0) 推荐(0) 编辑
摘要:使用iconfont字体之后,出现的是一个方框,而没有出现相应的图标 需要通过String.fromCharCode方法转成指定unicode编码对应的十六进制字符 阅读全文
posted @ 2019-02-17 15:52 紫诺花开 阅读(1029) 评论(0) 推荐(1) 编辑
摘要:react中JSX是一种JavaScript + xml语法,用来创建虚拟DOM和声明组件。他可以更好的让我们读、写模板或组件。 JSX语法浏览器是不识别的,需要通过babel 来进行转换成浏览器识别的代码 JSX将虚拟DOM转换为真实DOM原理: 1、会基于babel-react-preset语法 阅读全文
posted @ 2019-02-16 14:29 紫诺花开 阅读(1000) 评论(0) 推荐(0) 编辑
摘要:在react中安装create-react-app脚手架新建项目,但是新建的项目中没有配置文件。 webpack的配置文件webpack.base.conf.js隐藏在了node_modules文件夹下的react-scripts下 可以通过以下命令将webpack配置文件暴露出来 这时候打开根目录 阅读全文
posted @ 2019-02-16 11:08 紫诺花开 阅读(1158) 评论(0) 推荐(0) 编辑
摘要:vue-awesome-swiper是基于swiper的一个轮播图插件,使用非常方便。 首先安装下 然后在入口文件main.js引入下 最后运用到组件中 容易出现的问题 1、vue-awesome-swiper组件pagination小圆点没有显示 2、组件没有自动播放 参考文档:https://s 阅读全文
posted @ 2019-02-15 19:49 紫诺花开 阅读(4270) 评论(0) 推荐(0) 编辑
摘要:Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 Yarn 是为了弥补 npm 的一些缺陷而出现的(比如,npm install时候会很慢以及安全问题) Yarn的优点: 1、速度快(并行安装和离线模) 2、安装版本统一 3、输出更简 阅读全文
posted @ 2019-02-15 14:31 紫诺花开 阅读(2589) 评论(0) 推荐(0) 编辑
摘要:npm npm是Node.js 平台的默认包(模块依赖)管理工具 Node Package Manager nrm 一个npm的源管理器(管理工具) 允许快速的在 npm 源间切换 两者关系 npm是Js的包管理器,通过npm安装你所需要的项目包,但是有时候会下载不了,所以就需要用nrm修改下npm 阅读全文
posted @ 2019-02-15 14:17 紫诺花开 阅读(3859) 评论(0) 推荐(0) 编辑
摘要:1、使用npm安装 2、在package.json文件dependencies里面加入jq 3、在build文件夹的webpack.base.conf.js文件 module.exports里面输入 前提要引入 const path = require('path') const webpack = 阅读全文
posted @ 2019-02-14 20:36 紫诺花开 阅读(1053) 评论(0) 推荐(0) 编辑
摘要:sublime text 默认打开.vue文件全部都是白色的,不是特别方便。安装插件可以做到代码高亮显示 1、插件vue-syntax-highlight 下载地址:github https://github.com/vuejs/vue-syntax-highlight 解开压缩包vue-synta 阅读全文
posted @ 2019-02-13 20:53 紫诺花开 阅读(1646) 评论(0) 推荐(1) 编辑
摘要:微信小程序,简称小程序(Mini Program)是一种不需要下载安装,用户扫一扫或搜一下即可打开的轻量级应用 下载微信小程序开发工具地址: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 小程序开发文档 阅读全文
posted @ 2019-02-13 12:17 紫诺花开 阅读(3002) 评论(0) 推荐(0) 编辑
摘要:Native APP Native APP 指的是原生程序(Android、iOS、WP),一般依托于操作系统,有很强的交互,可拓展性强,需要用户下载安装使用,是一个完整的App。 原生应用程序是某一个移动平台(比如iOS或安卓)所特有的,使用相应平台支持的开发工具和语言(比如iOS平台支持Xcod 阅读全文
posted @ 2019-02-13 12:09 紫诺花开 阅读(1978) 评论(0) 推荐(1) 编辑
摘要:1 2 3 4 5 6 日历 7 94 95 96 97 98 99 100 ❮ 103 104 {{currentYear}}年{{currentMonth}}月 105 ... 阅读全文
posted @ 2019-02-12 22:24 紫诺花开 阅读(5314) 评论(1) 推荐(0) 编辑
摘要:vue不支持IE8,因为vue使用了IE8无法模拟的 ECMAScript 5特性 使用vue-cli脚手架会让我们的工作非常方便 比如想编译一下es6的语法就使用 babel loader 和 babel core(可以转换es6代码) webpack中安装babel loader babel c 阅读全文
posted @ 2019-02-10 20:16 紫诺花开 阅读(584) 评论(0) 推荐(0) 编辑
摘要:把todolist拆分为header、footer、list三个模块 index文件 header.js文件 list.js文件 footer.js文件 阅读全文
posted @ 2019-02-10 17:52 紫诺花开 阅读(895) 评论(0) 推荐(0) 编辑
摘要:vue的生命周期就是一个vue组件或实例从出生到销毁的过程 所有生命周期钩子的this上下文指向他的vue实例 vue有8个生命周期函数,分别是beforeCreate,created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、de 阅读全文
posted @ 2019-02-08 15:57 紫诺花开 阅读(633) 评论(0) 推荐(0) 编辑
摘要:vue组件化开发 主要为了把一个大功能拆分成若干个小的功能,解决高耦合问题,同时也方便开发人员维护。 从功能上组件可以分为木偶组件和功能组件。 木偶组件(为了接收数据,渲染数据,基本上是没有逻辑的,越往下越木偶) 功能组件(更多是控制数据,有大量的逻辑,越往顶层越功能) 组件化开发的优势: 1、提高 阅读全文
posted @ 2019-02-07 23:45 紫诺花开 阅读(384) 评论(0) 推荐(0) 编辑
摘要:computed 计算属性 能够监听vue数据上的变化,页面上来就执行一次,每改变一次数据就又触发。在操作数据的时候,会派生出另一个事情 1、函数形式 computed:{ listenArr(){ /* 使用data中数据,自动帮你监听数据的变化 返回的结果就是通过改变数据 做的另一件事情(当数据 阅读全文
posted @ 2019-02-06 16:06 紫诺花开 阅读(3584) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示