一.起步 1.引入reset.css解决手机之间不同分辨率的问题(reset.css为别人封装的css文件) import './assets/styles/reset.css' 使用方式 1rem=50px 我们使用rem代替px 2.引入border.css解决手机边框1px的问题 import 'styles/border.css' 使用方式 class="top" //在添加上边框,同理 left.right.bottom 3.解决移动端点击事件存在300毫秒延迟问题 在项目目

前言 作为一位 Vuer(vue开发者),如果还不会这个框架,那么你的 Vue 技术栈还没被点亮. Nuxt.js 是什么 Nuxt.js 官方介绍: Nuxt.js 是一个基于 Vue.js 的通用应用框架. 通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI渲染. 我们的目标是创建一个灵活的应用框架,你可以基于它初始化新项目的基础结构代码,或者在已有 Node.js 项目中使用 Nuxt.js. Nuxt.js 预设了利用 Vue.js 开发服务端渲染的应用所需

在网站的界面完整有效的呈现在最终用户面前前,其中经历的每一环节出现问题都会导致网站页面不可访问.原因如,如DNS被劫持.网站交换机失效,硬盘损坏,网卡松掉,机房停电等都可能导致网站不可用(网站故障)情况出现.通常用多少个9来度量网站可用性,如QQ可用性99.99%,就意味着在一年中约有53分钟是不可用的.对于多数网站2个9是最基本的要求,即一年中要求不可用时间得小于88个小时.考核可用性通常用故障分类加权计算而得.具体参照“网站故障分类权重表示例”表. 可用性的作用是显而易见的,在上学期制作的X

题目:阅读<大型网站技术架构:核心原理与案例分析>第五.六章,结合<某重大技术需求征集系统>,列举实例分析采用的可用性和可修改性战术,将上述内容撰写成一篇1500字左右的博客阐述你的观点. 网站的可用性战术是网站有效运行的根本保障,一个网站的高可用性能够给用户很大的安全感,最大限度的保障用户的利益.隐私不被侵犯.由于 经费有限,硬件设备在节约成本的同时也降低了可用性,所以硬件故障就发生的比较频繁,因此,网站的高可用架构设计的主要目的就是保证服务器硬 件故障时服务依然可用.数据依然保

蓝牙Bluetooth技术手册规范下载 http://www.crifan.com/summary_bluetooth_specification_download/ [背景] 之前就已经整理和转帖了和蓝牙技术相关的一些内容: [资源下载]bluetooth 协议 spec specification 蓝牙1.1.蓝牙1.2.蓝牙2.0(蓝牙2.0+EDR)区别 但是发现上述spec下载地址失效了. 所以继续重新找蓝牙的spec. [整理过程] 1.google搜: bluetooth spec

  2012-11-13 内容存档在evernote,笔记名"IT技术需求建立时需考虑的因素"

Atitit 快速开发的推荐技术标准化 规范 大原则 1. 如何评估什么样的技术适合快速开发??1 1.1. (重要)判断语言层次..层次越高开发效率越高  4gl  dsl> 3.5gl >3gl1 1.2. 免编译(重要)2 1.3. 热部署(重要)2 1.4. (重要)简化架构与层次..工程架构与学院派理论架构层次相差很大往往..2 1.5. 概念少2 1.6. 上手难度要低.容易理解2 1.7. 零配置或注解2 2. 非技术方面 优先级 备用计划2 2.1. 朝四暮三 vs 朝三暮四

这三章主要讲述的是网站的可用性.伸缩性和可扩展性. 首先,网站的可用性描述网站可有效访问的特性,相比于网站的其他非功能特性,网站的可用性更容易引起人们的注意,尤其是大型网站的可用性,如果大公司的网站出现错误或者不能登录上去,不但会影响人们的浏览,而且也会给公司带来不可想象的经济损失.但是要保证一个网站永远完全可用几乎是一件不可能完成的任务.我们通过一个神奇的数字9来度量网站可用性,采用故障分来考核网站可用性.可用性指标是网站架构设计的重要指标,网站可用性看得见,摸得着,跟技术.运营.相关各方的绩

前言 Vue版本说明:本文档编写时,Vue稳定版本为 2.6.10 本文档编写目的为:整理Vue相关生态的技术点.和开发中经常使用到的技术点,让开发者快速上手开发,提升开发效率 一,Vue开发工具:本人使用Hubilder X开发工具(Vue特别赞助商 ),选择合适自己的开发工具即可: 例如:vscode.WebStorm.sublimetext等任何文本工具都可进行开发 二,目录介绍: 1,Vue技术点整理-安装引入 2,Vue技术点整理 vue-devtools 3,Vue技术点整理-Vue

前两天又有小伙伴私信松哥,问题还是职业规划,Java 技术栈路线这种,实际上对于这一类问题我经常不太敢回答,每个人的情况都不太一样,而小伙伴也很少详细介绍自己的情况,大都是一两句话就把问题抛出来了,啥情况都不了解,就要指出一个方向,这实在是太难了. 因此今天我想从我学习 Spring Boot + Vue 这套技术栈的角度,来和大家聊一聊没有人指导,我是如何一步一步建立起自己的技术体系的. 线上大家看我经常写文章,线下我其实比较宅,跟人交流比较少,我也很少问别人职业规划或者技术规划这些问题,因为

团队开发前端VUE项目代码规范 2018年09月22日 20:18:11 我的小英短 阅读数 1658   一.规范目的: 统一编码风格,命名规范,注释要求,在团队协作中输出可读性强,易维护,风格一致的代码 二.开发SRC目录: 1.Vuex目录 (状态树配置) 2.Router目录(路由配置) 3.Pages目录 (放置主路由组件 注意命名规范) 4.Common目录 (放置静态文件) 5.Config目录 (全局配置项,路由拦截,报错信息,等枚举信息) 6.Api目录 ( 相关全局请求调用配

浏览文章前 这一期,我分享给大家三点看源码的小技巧,这也是从别的大佬那总结的. 被反复使用的代码 这样的代码是一个软件的重点函数,一个大神的写法有很多精华值得学习. 穿越时间的代码 如果一段代码10年甚至15年,都还在使用.说明它的设计思想一定很棒. 好调试的代码 一个程序的代码很容易就调试成功,说明作者的项目结构能力很强,值得学习. 前言 今天,我们来搞一个新东西,名字叫基于Vue技术栈的全栈热重载生产环境脚手架.实话说,这个名字我想了很久.最终,还是以这个名字作为文章标题.我先拆分解释下:全

作者介绍:TJ,唐建法,Tapdata 钛铂数据 CTO,MongoDB中文社区主席,原MongoDB大中华区  首席架构师,极客时间MongoDB视频课程讲师. 我们讲完了这个中台的一个架构和它的逻辑模型,如果我们要来考虑实施数据中台有哪些技术模块要考量.还回到刚才那张图,首先中台必须是基于一个数据统一平台的,那数据统一的时候,其实刚才没有讲到的,还需要把数据同步和汇聚过来.所以有一部分的工作你是少不了的,如果你没有做过这种中台甚至统一平台的话,你必须有一个ETL平台来把你的来自各个来源的数据

前言 本文是vue源码贡献值Chris Fritz在公共场合的一场分享,觉得分享里面有不少东西值得借鉴,虽然有些内容我在工作中也是这么做的,还是把大神的ppt在这里翻译一下,希望给朋友带来一些帮助. 一.善用watch的immediate属性 这一点我在项目中也是这么写的.例如有请求需要再也没初始化的时候就执行一次,然后监听他的变化,很多人这么写: created(){ this.fetchPostList() }, watch: { searchInputValue(){ this.fetch

一.善用watch的immediate属性 这一点我在项目中也是这么写的.例如有请求需要再也没初始化的时候就执行一次,然后监听他的变化,很多人这么写: created(){ this.fetchPostList() }, watch: { searchInputValue(){ this.fetchPostList() } } 上面的这种写法我们可以完全如下写: watch: { searchInputValue:{ handler: 'fetchPostList', immediate: tr

列表 vuex数据管理 * 数据模块化:vuex数据管理-数据模块化 数据适配:vuex数据管理-数据适配 数据共享:vuex数据管理-数据共享 路由优化 keep-alive组件设置 保留滚动位置 链接:vue路由管理-保留滚动位置功能.按需加载模块名自定义 webpack配置 按需加载包名称自定义 链接:vue路由管理-保留滚动位置功能.按需加载模块名自定义 z-index叠层规范 基础布局的唯一性 组件的相关规范 z-index叠层规范 lever1:普通content:1-99: lev

本文是vue源码贡献值Chris Fritz在公共场合的一场分享,觉得分享里面有不少东西值得借鉴,虽然有些内容我在工作中也是这么做的,还是把大神的ppt在这里翻译一下,希望给朋友带来一些帮助. 一.善用watch的immediate属性 这一点我在项目中也是这么写的.例如有请求需要再也没初始化的时候就执行一次,然后监听他的变化,很多人这么写: created(){ this.fetchPostList() }, watch: { searchInputValue(){ this.fetchPos

[背景] 之前就已经整理和转帖了和蓝牙技术相关的一些内容: [资源下载]bluetooth 协议 spec specification 蓝牙1.1.蓝牙1.2.蓝牙2.0(蓝牙2.0+EDR)区别 但是发现上述spec下载地址失效了. 所以继续重新找蓝牙的spec. [整理过程] 1.google搜:bluetooth spec download 就可以找到:Specification | Adopted Documents | Bluetooth Technology Special Inte

1.表单校验功能: 在el-form标签中定义:rules="rules";ref="reference" 在el-form-item定义prop="name"; 在选项data中定义rules校验规则; 在提交方法中检查用户行为 //定义props rules: { name: [ { required: true, message: "请输入企业名称", trigger: "blur" } ]} //方

第一阶段:Form web应用想要与服务器交互,必须提交一个表单(form).服务器接收并处理该表单,然后返回一个全新的页面. 缺点:前后两个页面需要更新的数据可能很少,这个过程可能传输了很多之前那个页面已经有的数据,浪费了带宽:为了返回整个页面,服务器可能需要为页面的其他内容构造数据,浪费服务器资源.   第二阶段:Ajax(Asynchronous JavaScript and XML) 由JS脚本发送http请求,服务器只返回页面需要更新的那部分数据,JS根据返回的数据刷新页面的局部内容,

本文仅为新手想学习javaWeb的提供一些参考,有不足或错误之处可以修改或添加,另希望以后学习者可以同样将自己的心得发来和大家分享...谢谢 1 前台:html,css,javascript  这是最基本的三种技术html是网页上的基本标签格式,css则是指层叠样式表 (Cascading Style Sheets)用来修饰html的相当于一件衣服,javascript则是浏览器的脚本语言用来控制静态页面的动态效果.同时javascript还有一个轻量级的类库jquery, 而我们常说的Ajax