vue组件中使用iframe元素
摘要:需要在本页面中展示vue组件中的超链接,地址栏不改变的方法: 需要使同层元素不被覆盖,可以加 不过html5有新的dialog元素用于对话框。 iframe的一些方法: 获取iframe内容: 自适应 iframe: 即1去掉滚动条,2设置宽高 例子:
阅读全文
nginx简易部署
摘要:Nginx (engine x) 可作为web反向代理服务器。能够代理外部网络上的主机,访问内部网络 1 首先windows下载nginx :http://nginx.org/download/nginx-1.6.2.tar.gz 2 打开nginx.conf,将需要代理文件路径写在root中,端口
阅读全文
webstorm使用技巧
摘要:更新 1 添加vue的高亮显示: file-settings-editor-html添加*.vue 同时在settings-plugins下载vuejs和vue-for-idea 2 支持es6语法 settings-language-es6 3 试用了visual studio code,记录一下
阅读全文
优化web前端性能的几个方法
摘要:1 减少http请求, a、 合并脚本跟样式文件,如可以把多个 CSS 文件合成一个,把多个 JS 文件合成一个。 b、 CSS Sprites 利用 CSS background 相关元素进行背景图绝对定位,把多个图片合成一个图片。 2、使用浏览器缓存 设置http头中的cache-control
阅读全文
图片预加载和懒加载的实现方法
摘要:图片预加载即提前加载图片,可保证图片快速、无缝地发布,用户需要查看时可直接从本地缓存中渲染,适用于图片占据很大比例的网站。 方法1,在CSS background中加载:会增加页面的整体加载时间 方法2,JS new image对象,设置src加载: 方法3,Ajax预加载,new Image()对
阅读全文
检测浏览器内核
摘要:打开即可检测浏览器版本信息:https://lanleilin.github.io/checkBrowser/index.html html:
阅读全文
theMatrix代码雨效果
摘要:做了一个代码雨效果放在个人主页: https://lanleilin.github.io/lanGallery/index.html 代码:
阅读全文
vuex的简单使用
摘要:Vuex 是适用于 Vue.js 应用的状态管理库,为应用中的所有组件提供集中式的状态存储与操作. vuex管理数据的方式是用户界面触发动作(Action)进而改变对应状态(State),从而反映到视图(View)上 应用级的状态集中放在store中,Vuex Store 具有关键的 5 个属性:s
阅读全文
在vue中使用sass
摘要:首先安装node-sass和sass-loader cnpm install node-sass && sass-loader --save 在webpack.config.js 的modules中添加配置: 即可在vue组件的script标签中 require('../css/header.scs
阅读全文