随笔分类 - 前端笔记
平时记录
摘要:项目上线 对项目进行打包, 将打包后的内容,部署到服务器中 打包 : npm run build 把打好的包放到 http server 里面,演示 第一次截图 1. 介绍 vendor : 里面放一些第三方包 vue/vue router/element ui 包等 只要不是我们自己写的代码,都属
阅读全文
摘要:权限列表 1. 表格展示 2. 请求权限数据 3. 处理等级 4. 处理索引 添加 type 属性 值:index 索引号就有了 从 1 开始的,,, indexMethod( index ) { // index 就是从 0 开始的 return index } 角色列表 1. 表格基本 展示 2
阅读全文
摘要:添加用户 1. 弹出对话框 ok 2. 绑定表单数据 3. 点击确定,发送请求,添加用户 添加之后处理 1. 关闭 对话框 2. 刷新页面 3. 提示成功 4. 重置表单 假如有个需求, 只要关闭对话框,就要重置表单 监听对话框的关闭 事件 closed 对话框关闭了 会自动调用 删除用户 1. 注
阅读全文
摘要:使用脚手架初始化项目 1. vue init webpack shop_admin_37 2. npm run dev 把 没有用的删除掉 Hello Word 这个 组件删除 配置 路由 1. 安装路由 2. 创建一个 3. 步骤 引入 实例化 导出 4. 在 中引入 并且挂载 创建两个组件 (L
阅读全文
摘要:一 : vue 是 单文件组件 导 : 之前注册组件有什么缺点 ? 1 缺乏语法高亮 2 格式不好整体 3 没有专门的写css代码等等 参考 : vue = 工具 = 单文件组件 1. 什么是单文件组件 ? 后缀为 .vue 的文件 2. 单文件组件的三个组成部分 (代码块 : scaffold 自
阅读全文
摘要:Webpack "webpack官网" "webpack中文网" 一 : Webpack 介绍 Webpack 是什么?? (面试) 前端模块化打包(构建)工具 WebPack可以看做是 模块打包机 :它做的事情是,分析你的项目结构,找到JavaScript模块、其它的一些浏览器不能直接运行的拓展语
阅读全文
摘要:单页面应用程序 SPA : Single Page Application 单页面应用程序 MPA : Multiple Page Application 多页面应用程序 单页 web 应用 就是只有一个 web 页面的应用, 是加载单个 HTML 页面, 并在用户与应用程序交互时, 动态更新该页面
阅读全文
摘要:使用接口的形式发送数据 一 : json server 提供假数据接口 1. json server 作用 : 根据指定的 JSON 文件, 提供假数据接口 2. 地址 : "json server" 3. 使用步骤 js 1. 全局安装 json server : 2. 准备一个json数据 3.
阅读全文
摘要:第三天 异步 DOM 更新 1. Vue 中采用了 的机制 2. 如何更新页面? 数据发生改变后, vue 没有立即将数据的改变更新到视图中, 而是等到数据不再变化的时候 一次性的 将 数据的改变更新到视图中 js //2. 直接获取data 中的值 ,会立马获取成功 console.log(thi
阅读全文
摘要:第二天 TODOMVC 一 : 准备工作 1. "vue TodoMVC" 2. 演示效果 : 当前任务:敲代码、视频、游戏 3. "下载模板地址" 4. 安装依赖包 : 二 : 配置 vue 1. 安装 vue : 2. 导入 vue : `` 在 里的 导入之前导入,因为 app.js 里 就要
阅读全文
摘要:一 : 课程介绍 1. Vue 基础知识 (指令 + todomvc ) 2. Vue 全家桶 ( vue /vue router / vuex + axios ) 3. 组件化开发 : 最近比较流行的一种开发模式 , 之前是原生 = 模块化 = 组件化 把一个完成的项目划分成一个小小的组件 4.
阅读全文
摘要:课程介绍 nodejs6天 + 第1 3天:es6语法、nodejs常用api,npm包管理工具,模块化,hackerNews增删改查的效果1.0 + 第4天:express,hackerNews2.0 + 第5天:数据库mongodb (非关系型数据 ), HackerNews3.0 + 第6天:
阅读全文
摘要:用户管理模块 用户管理静态页面 + "表格组件" + table bordered 添加表格边框 + table hover 添加hover效果 + 禁用按钮 + 表格里面设置水平垂直居中 + 渲染用户列表 思路: 页面渲染 分页插件bootstrap paginator的使用 + 引包 + 页面结
阅读全文
摘要:项目介绍 项目描述 乐淘商城是一个针对鞋类商品的在线交易平台,合适就穿,不合适就换。乐淘为您支付退换货的物流费用,以最快速度把换好的鞋子送到您手中,最好的品牌,最低的价格。乐淘族凭借雄厚的资金实力和在电子商务业界的诚信积累,与Nike、Adidas、Converse、NewBalance等国际大牌深
阅读全文
摘要:版本控制系统 为什么要有版本控制系统 通过注册与登录的需求引入版本控制系统 1. 在开发过程中,经常需要对一个文件进行修改甚至删除,但是我们又希望能够保存这个文件的历史记录,如果通过备份,那么管理起来会非常的复杂。 2. 在多人开发时,如果需要多人合作开发一个页面,那么修改以及合并也会非常的棘手。容
阅读全文
摘要:浏览器的工作原理 浏览器的组成 用户界面- 包括地址栏、后退/前进按钮、书签目录等,也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分 浏览器引擎- 用来查询及操作渲染引擎的接口 渲染引擎(浏览器内核)- 用来显示请求的内容,例如,如果请求内容为html,它负责解析html及css,并将
阅读全文
摘要:REM 各种布局特征的对比 由于市面上手机种类繁多,导致移动端的屏幕种类非常的混乱,比如有常见的 等。在开发中,美工一般只会提供750px或者是640px的设计稿,这就要求我们通过一张设计稿能够适配所有的屏幕。 通常解决方案如下: 流式布局:可以让各种屏幕都适配,只是在大屏幕中显示效果不是非常的友好
阅读全文
摘要:响应式 什么是响应式布局 响应式布局(respond layout)是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是 一个网站能够兼容多个终端(手机、平板、pc电脑、手表,电视) ——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 为什么要有
阅读全文
摘要:定位轮播图 1 修改结构 2 修改样式 3 动态设置ul的高度 4 主体思路 改变index的值 通过index的值推算出上一张,下一张,当前张 添加过渡、做动画 5 定时器切换轮播图 累加index 检测数据是否越界,推算出prev /now/next 去除其他li的过渡 当前活动的li添加过程
阅读全文
摘要:圣杯布局实现 1 定位+padding 2 浮动+BFC 3 伸缩布局 BFC 块级格式化上下文 Block Formatting Context: 页面上一个隔离的独立渲染区域 触发成为 BFC 盒子的特点: 1. 触发了 BFC 的盒子, 就成为了页面上的一个隔离的独立容器, 容器里面的子元素不
阅读全文

浙公网安备 33010602011771号