首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
关索
掘友等级
VIP.4 融会贯通
FE
掘金首席水文师
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
赞
84
文章 83
沸点 1
赞
84
返回
|
搜索文章
最新
热门
Vue3中ref的前世今生
一. ref、toRef、toRefs推荐用法 setup里合成函数返回响应式对象时,使用toRefs(直接解构reactive对象会失去响应式) reactive实现对象的响应式,ref实现值类型响
吐血整理的前端代码规范系列 -- Vue 代码规范
一.组件的 data 必须是一个函数。 在组件上总是必须用 key 配合 v-for,以便维护内部组件及其子树的状态。甚至在元素上维护可预测的行为,比如动画中的对象固化 (object constancy),也是一种好的做法。 为了过滤一个列表中的项目 (比如 v-for="…
吐血整理的前端代码规范系列 -- 服务设计规范
职责分层,将数据处理和数据展示分成两个职责进行处理。 数据处理:进行服务化,即表示数据的获取,数据的转换。 数据展示:视图绑定,只应用/调用数据处理的结果。 将接口请求封装在 service 文件夹下,不同的业务类型封装成不同的文件(模块化)。
吐血整理的前端代码规范系列 -- Vue组件设计规范
在界面中一致:所有的元素和结构需保持一致,比如:设计样式、图标和文本、元素的位置等。 一个有效的原则就是将辅助代码分离出来放在特定的地方,这样你在处理组件时就不必考虑这些。以下列举一些方面: 组件的props根据实际情况进行合理拆解:props只传递简单类型数据和函数,让组件的…
吐血整理的前端代码规范系列 -- css规范
BEM规范是一种主流的css命名规范,BEM分别对应的是block , element 和 modifier,为的是结束混乱的命名方式,达到一个语义化的CSS命名方式。 在BEM规范中,block(块)表示一个组件的意思,假设你要写一个按钮的组件,只需要设置一个 .button…
你不知道的css3(下) -- 用css3为你的组件添加可靠性
当鼠标移动到图片上时,有一道白光从图片上划过,犹如刀光剑影。 这里使用渐变(linear-gradient)来实现白光效果,同时为了斜向划过,使用transform: rotate(45deg)将其旋转45度。 上面的height、width、top和left,你也可以使用具体…
你不知道的css3(上) -- 用css3为你的组件添加风景
先放置一个.box的div父容器,在box里放置一个.dice的div,然后在其里面放置6个div,分别表示骰子的6个面。 transform-style 属性规定如何在 3D 空间中呈现被嵌套的元素,默认是其子元素不呈现3D效果,所以我们需要添加preserve-3d值,让其…
vue3.0 尝鲜 -- 摒弃 Object.defineProperty,基于 Proxy 的观察者机制探索
写在前面: 11月16日早上,Vue.js的作者尤大大在 Vue Toronto 的主题演讲中预演了 Vue.js 3.0的一些新特性,其中一个很重要的改变就是Vue3 将使用 ES6的Proxy 作为其观察者机制,取代之前使用的Object.defineProperty。我相…
前端存贮全家桶--cookie、sessionStorage、localStorage、和indexedDB重点合集
写在前面:前三种方式大家都和很熟悉,因为cookie、sessionStorage、localStorage都属于js语言的本地存贮,而indexedDB是一种前端存储数据库,这篇文章会分别介绍这四种方式,以及他们之间的共同点和不同点。 Cookie 是一些数据, 存储于你电脑…
当vue遇到pwa--vue+pwa移动端适配解决方案模板案例
写在前面:这个项目杂七杂八看起来很杂,这篇文章主要是就是介绍下这个模板项目的几个要点,让大家从这个项目中能学到真正实用的技术要点,项目地址在文末。 Progressive Web App, 简称 PWA,是提升 Web App 的体验的一种新方法,能给用户原生应用的体验。 PW…
下一页
个人成就
文章被点赞
1,054
文章被阅读
70,007
掘力值
2,980
关注了
65
关注者
189
收藏集
8
关注标签
15
加入于
2016-11-23