August Tech

UI = render(data)

commonjs以及es6模块的编写规则

一、Commonjs的编写规则 commonjs 被广泛使用于nodejs中，webpack也支持 commonjs模块需要向外暴露 module.exports = {},也就是一个对象，默认值为一个空对象 写法如下： 123456789// hello.jsmodule.exports = { say: () => { console.l......

Posted by Sixiang Le on 2019-01-21

es6 commonjs

zsh与git常用命令

zsh中关于git的常用快捷键 Alias zsh git命令 gst git status gd git diff gaa git add --all gcmsg git commit -m gp git push gl git pll gcam git commit -a -m gco git checkout gcb git checkou......

Posted by Sixiang Le on 2018-12-29

git zsh

webpack中alias的使用

项目中有很多情况需要引用src下面的资源，有时候过多层级的相对路径看起来很乱，所以我们通常会使用webpack的alias功能来配置别名， 一般配置 @ 为项目根目录下放资源和源码的 /src 目录的别名。 1234alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'),} 这样我们就可以在 js......

Posted by Sixiang Le on 2018-12-21

JavaScript webapck

webpack的proxyTable代理

webpack的本地开发代理配置相关 123456789101112131415161718192021url:"/ybase/xxx/xxx";url:"/ydic/xxx/xxx";// 代理设置如下dev:{ assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { ......

Posted by Sixiang Le on 2018-12-17

webpack

vue-router相关

1、$router和$route的区别 $router : 是路由操作对象，只写对象 $route : 路由信息对象，只读对象 2、query传递参数 123456789101112131415161718192021//query传参，使用name跳转this.$router.push({ name:'second', query: { ......

Posted by Sixiang Le on 2018-11-22

vue

nrm

1.nrm是什么？ nrm是npm资源管理器，允许你快速切换npm源。 顾名思义，就是说nrm是一个管理npm的工具。 2.nrm 安装 使用npm安装 npm install -g nrm （-g 全局安装） 3.nrm 使用 查看配置 1nrm ls 查看当前的npm源： 1nrm currnt 切换npm源 nrm use [name] 1nrm use cnpm......

Posted by Sixiang Le on 2018-11-16

node

父组件改变prop的值子组件动态渲染

Vue父组件向子组件传递一个动态的值，子组件只能获取初始值，不能实时更新？ 最近自己写了个slider的滑动条的组件 12// 父组件的调用方式<slider :min=0 :max=100 :showTip=false :percent="percent" @changeSimilar="getSimilar"></slider> 12345678910111213......

Posted by Sixiang Le on 2018-11-01

vue js

不要使用index作为key

来看一段官方解释： key 的特殊属性主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用 key，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。 有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲......

Posted by Sixiang Le on 2018-10-18

vue

iphoneX的适配方案

iphoneX的样式适配，一般情况下不需要额外处理，主要针对页面中的position:fixed元素在iphoneX屏幕安全距离中的定位问题进行适配。 例如有一个position:fixed; bottom:0的button，适配方案如下： 1.页面高度等于或小于视口高度 此时body的实际高度小于等于视口高度，html文档流的高度没有超出“iphone安全区域”，button正常定位于页面......

Posted by Sixiang Le on 2018-10-16

css iphoneX

mac 本地起SVN服务

嗯？ MAC居然自带SVN服务器？ 1svnserve --version 可以看到下面的信息 svnserve, version 1.10.0 (r1827917) compiled Aug 14 2018, 02:37:13 on x86_64-apple-darwin17.0.0… 1.创建代码库 我们来创建一个代码库用于保存代码 在终端输入命令 123sudo mkdir -p /U......

Posted by Sixiang Le on 2018-10-08

SVN mac
FEATURED TAGS
css JavaScript vue webpack 前端 小程序
ABOUT ME

Living in HangZhou, Le

RECENT POSTS
FRIENDS
ARCHIVES