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