摘要:
<div> <!-- vue指定 --> <!-- 文本 --> <span v-text="">v-text</span> <!-- html片段 --> <span v-html=""></span> <!-- 不编译 --> <span v-pre></span> <!-- 只编译一次 --> 阅读全文
摘要:
对于document.compatMode,很多朋友可能都根我一样很少接触,知道他的存在却不清楚他的用途。今天在ext中看到 document.compatMode的使用,感觉这个对于我们开发兼容性的web页面还是很有帮助,我们都知道,IE对盒模型的渲染在 Standards Mode和Quirks 阅读全文
摘要:
vue异步组件技术 异步加载vue-router配置路由 , 使用vue的异步组件技术 , 可以实现按需加载 .但是,这种情况下一个组件生成一个js文件 组件懒加载方案二 路由懒加载(使用import) webpack提供的require.ensure()vue-router配置路由,使用webpa 阅读全文
摘要:
ESlint配置 默认eslint规则 代码末尾不能加分号 ; 代码中不能存在多行空行 ; tab键不能使用,必须换成两个空格; 代码中不能存在声明了但未使用的变量 ; 看起来蛮不喜欢这个1ESlint代码规范。 最简单的方法,关闭eslint检测得意,其实很简单,把 build/webpack.b 阅读全文
摘要:
flex.css能完美的运行在移动端的各种浏览器,甚至能运行在ie10+的各种PC端浏览器中 flex和data-flex flex.css 有两个版本,一个是flex.css一个是data-flex.css,这两个版本其实是一样的, 唯一的区别是,一个是使用flex属性设置,一个是使用data-f 阅读全文
摘要:
注:不转换的px用大写PX代替 lib-flexible 作用:让网页根据设备dpr和宽度,利用viewport和html根元素的font-size配合rem来适配不同尺寸的移动端设备 安装:cnpm i lib-flexible --save 引入:入口文件main.js中:import 'lib 阅读全文
摘要:
本文仅做翻译记录查看,GitHub原项目地址: https://github.com/RubaXa/Sortable/ ,建议将Sortable.js下载到本地,GitHub上的例子在复制到本地运行,在 http://jsbin.com 上运行很多时候会报Sortable is not define 阅读全文
摘要:
支持下列CSS 样式 backgroundPosition borderWidth borderBottomWidth borderLeftWidth borderRightWidth borderTopWidth borderSpacing margin marginBottom marginLe 阅读全文
摘要:
一、 calc()的使用什么是calc()? calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。比如说,你可以使用calc()给元素的border、margin、pading、font 阅读全文
摘要:
Angular 4检测路由变化,可以使用router.events来监听: 支持的事件类型: NavigationStart:导航开始 NavigationEnd:导航结束 NavigationCancel:取消导航 NavigationError:导航出错 RoutesRecoginzed:路由已 阅读全文
摘要:
一、减少请求资源大小或者次数 1、尽量和并和压缩css和js文件。(将css文件和并为一个。将js合并为一个) 原因:主要是为了减少http请求次数以及减少请求资源的大小 打包工具: webpack gulp grunt. ....2、尽量所使用的字体图标或者SVG图标来代替传统png图 因为字体图 阅读全文
摘要:
前端性能优化分为如下几个方面: 一、代码部署: 1、代码的压缩与合并2、图片、js、css等静态资源使用和主站不同域名地址存储,从而使得在传输资源时不会带上不必要的cookie信息。3、使用内容分发网络 CDN4、为文件设置Last-Modified、Expires和Etag5、使用GZIP压缩传送 阅读全文
摘要:
import { Injectable } from '@angular/core';//模板option通用let fff7 = '#fff'; //字体统一颜色rgba(255,255,255,0.7)let fs = 14; //图表统一字体大小let COLOR = ['#FBA3BC', 阅读全文
摘要:
ionic4打包 ng run app:build --base-href=/edu/course/mobile压缩打包 ng run app:build:production --base-href=/edu/course/mobile其中--base-href=后面为在域名后面显示的路径,例如: 阅读全文
摘要:
浏览器的各种事件 阅读全文
摘要:
在开发中经常有从列表跳到详情页,然后返回详情页的时候需要缓存列表页的状态(比如滚动位置信息),这个时候就需要保存状态,要缓存状态;vue里提供了keep-alive组件用来缓存状态。可以用以下几种方案解决问题; 一、利用meta标签 1、首先在路由中的meta标签中记录keepAlive的属性为tr 阅读全文
摘要:
vue angular react 阅读全文
摘要:
Git命令行基本操作 0. 安装Git 网上有很多Git安装教程,如果需要图形界面,windows下建议使用TortoiseGit,linux建议使用Git GUI或者GITK。 1. Git基本配置 git config可以配置git的参数,可以使用git config --list查看已经配置的 阅读全文
摘要:
〉生成SSH 将生成的SSH key复制到文本框中即可(title默认为邮箱名) 〉设置用户名 〉 初始化当前目录的项目 〉在该目录下新建一个文件,然后查看,将修改添加到暂存区 〉将暂存区修改添加到本地仓库 〉创建仓库,并将上诉改动push到远程 git remote add origin http 阅读全文
摘要:
一、什么是Ajax Ajax(Asynchronous Java and XML的缩写)是一种异步请求数据的web开发技术,对于改善用户的体验和页面性能很有帮助。简单地说,在不需要重新刷新页面的情况下,Ajax 通过异步请求加载后台数据,并在网页上呈现出来。常见运用场景有表单验证是否登入成功、百度搜 阅读全文