SkioFox Blog

vuex

vuex实践

vuex基本使用 // store.js import Vue from 'vue' import Vuex from 'vuex' import module1 from './modules/module1' import module2 from './modules/module2' Vue.use(Vuex) export ...

Posted by SkioFox on May 18, 2018

vue-router

解析vue中的路由

路由定义单页面：根据url地址进行动态的dom的添加和移除操作多页面：页面html的替换基本使用（包含路由嵌套（子路由）） // router.js import Vue from 'vue' import Router from 'vue-router' import Login from '../components/Login' import Home from...

Posted by SkioFox on May 5, 2018

node 服务器部署

前提条件在服务器上安装node 安装git 安装pm2 这里列举node和pm2的最简洁的安装方法 centos使用yum ubuntu apt-get 安装 https://nodejs.org/en/download/package-manager/#enterprise-linux-and-fedora // 获取操作系统版本 ...

Posted by SkioFox on April 28, 2018

VUE demo

vue实践和vue组件通信

vue组件通信父子组件通过属性传递数据父传子 <Cart :name="name" :cart="cart"></Cart> // 子组件 <div> 购物车 </div> export default { name: 'Cart', pro...

Posted by SkioFox on April 12, 2018

vue组件开发

通用组件/事件/插槽/组件设计

几个vue的概念 vue是单项数据流，不是双向数据流 Vue的双向绑定仅仅是语法糖,实际是绑定数据和事件(v-model实际是:value和@input的结合) Object.defineProperty是用来做响应式更新的，于双向绑定无关组件注册全局注册 Vue.component('test-comp', { }) Vue.component('tes...

Posted by SkioFox on March 5, 2018

vue之mixin理解和使用

vue之mixin理解与使用=>共享组件之间共同的js逻辑使用Mixin。Vue 中的Mixin对编写函数式风格的代码很有用，因为函数式编程就是通过减少移动的部分让代码更好理解（引自 Michael Feathers ）。Mixin允许你封装一块在应用的其他组件中都可以使用的函数。我们有一对不同的组件，它们的作用是通过切换状态（Boolean类型）来展示或者隐藏模...

Posted by SkioFox on February 10, 2018

移动端1px实现

移动端1px实现为什么要实现特殊的1px? 由于手机端的dpr原因会导致css像素的1px会被实际显示成2px，3px。我们通过书写css伪类的方式实现下面距离是下边框实现 /* mixin.styl */ border-1px($color) position: relative &:after display: block posi...

Posted by SkioFox on January 10, 2018

解析webpack

在前端开发中目前webpack已经是最流行的项目构建和打包工具，其优秀的模块化支持,编译，热更新,代码分割,文件处理,打包等功能深受大家喜爱。使用webpack也有一段时间了,现在整理下自己对webpack的理解。上图列举了webpack在前端领域中的应用场景，可以看出已经形成非常全面的工具了, 下面我们将通过示例的方式详解webpack的应用场景。核心概念 Enr...

Posted by SkioFox on December 28, 2017

移动端适配

px和视口像素像素是网页布局的基础，一个像素表示了计算机屏幕所能显示的最小区域，像素分为两种类型：css像素和物理像素。我们在js或者css代码中使用的px单位就是指的是css像素，物理像素也称设备像素，只与设备或者说硬件有关，同样尺寸的屏幕，设备的密度越高，物理像素也就越多。下表表示css像素和物理像素的具体区别： css像素:为web开发者提供，在css中使用的一个...

Posted by SkioFox on December 15, 2017

Webpack 构建常用配置

加载器 (Loader) Loader 用于对模块的源代码进行转换。loader 可以使你在 import 或 “load(加载) “ 模块时预处理文件。因此，loader 类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的得力方式。 loader 可以将文件从不同的语言（如 TypeScript）转换为 JavaScript 或将内联图像转换为 data URL ...

Posted by SkioFox on November 7, 2017

SkioFox Blog

vuex

vuex实践

vue-router

解析vue中的路由

node 服务器部署

node 服务器部署

VUE demo

vue实践和vue组件通信

vue组件开发

通用组件/事件/插槽/组件设计

vue之mixin理解和使用

vue之mixin理解和使用

移动端1px实现

移动端1px实现

解析webpack

解析webpack

移动端适配

移动端适配

Webpack 构建常用配置

Webpack 构建常用配置

FEATURED TAGS

ABOUT ME

FRIENDS