vue.js 过渡和动画
Vue 在插入、更新或者移除 DOM 时,动态添加css类名来达到想要的动画效果,transition标签给元素包裹一个transition标签,并设置name属性的值,这个值可以随意设置
vue watch对象内的属性监听
为什么要注销 watch?因为我们的组件是经常要被销毁的,比如我们跳一个路由,从一个页面跳到另外一个页面,那么原来的页面的 watch 其实就没用了,这时候我们应该注销掉原来页面的 watch 的,不然的话可能会导致内置溢出
前后端分离开发中动态菜单的两种实现方案
做权限管理,一个核心思想就是后端做权限控制,前端做的所有工作都只是为了提高用户体验,我们不能依靠前端展示或者隐藏一个按钮来实现权限控制,这样肯定是不安全的。就像用户注册时需要输入邮箱地址,前端校验之后,后端还是要校验
===、==相等运算符,对象转换为原始值的规则
在日常的 JS 编码过程中,可能很难看到相等运算符(=)是如何工作的。特别是当操作数具有不同类型时。这有时会在条件语句中产生一些难以识别的 bug。很容易理解为什么 0 == 8 是 flase 的
H5视频交互
在uc浏览器和ios微博里面,是不支持视频交互的,暂时没有办法把层级放在视频上方,IOS 必须用click事件点击之后视频才会播放,不支持自动播放 安卓环境下,视频播放会全屏播放,播放完之后不会回到原页面
vue 使用 html2canvas将DOM转化为图片
现在项目开发中将DOM转化为图片是一个很常见的需求。于是决定使用html2canvas这个插件。PS:版本比较多,这里介绍最新版。生成出来的图片有白色边框,有图片显示不出来并有报错
Vuex持久化----解决刷新页面,数据丢失
利用localStorage或者是sessionStorage在vuex操作store的时候同时对存储操作,利用插件 vuex-persistedstate (Persist Vuex state with localStorage ,默认存储到localStorage)
js中使用append应注意自动补全问题
一般的标签是如、、以成对出现,如果缺少一个都会出错,而append为了保证页面代码的准确性,会对标签进行自动补全,如
nginx用法总结,映射静态资源,代理http,负载均衡,tcp服务
nginx启动就会接管服务器上的80端口,所以如果服务器上有80端口的服务,会启动失败,解决办法就是停了它们或者卸载它们,比如另一个服务器 apache,它也是占用80端口的,一般正常情况都是使用不同的域名解析到一个服务器上