[前端Tallking] CSS深入理解之float浮动
float属性是CSS中常用的一个属性,在实际工作中使用的非常多,如果使用不当就会出现意料之外的效果。虽然很多人说浮动会用就行、浮动过时了,但是对于优秀的前端开发人员,需要有"刨根问底"的精神,这样在出现一些问题的时候...
 3 小时前
前端每日实战:矩形旋转 loading 特效
效果预览 按下右侧的“点击预览”按钮在当前页面预览,点击链接全屏预览。 https://codepen.io/zhang-ou/pen/vjLQMM 可交互视频教程 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chro...
 4 小时前
理解js的事件冒泡和事件捕获
定义 冒泡:作用于子元素上的事件会一级一级向上传递,类似于冒泡的形式。 捕获:作用于父元素的事件会一级一级向下传递到最终的子元素。 使用方法 文档请参考addEventListener,以及runnoob的addEventListener...
 4 小时前
浅谈Vue v-model实现原理,如何封装,以及封装方法
最近在封装组件,我整理了一些封装方法,感谢我司的前端团队,如果还有更好的方法,欢迎来稿,欢迎切磋。 一、v-model的原理 vue的v-model是一个十分强大的指令,它可以自动让input里的值自动和你设定的值进行绑定,它是如何实现的呢...
 4 小时前
redux浅析
redux概念 redux是一个状态管理容器,使用redux可以更好的管理和监测组件之间需要通信的数据。 redux基本原则 单一数据源 在redux中,整个应用保持一个数据源,数据源是一个树形的结构 状态只读 状态只读意思是不能直接修改,...
 4 小时前
react+socket搭建五子棋平台
以下是使用socket常用的一些API 服务端监听: connection: 连接成功 disconnect:用户退出 客户端监听事件: connect:连接成功 connecting:正在连接 disconnect:断开连接 con...
 5 小时前
Codepen 每日精选(2018-4-24)
<button type=“button” id=“mainLike” data-id=“1190000014553537” class="btn btn-success btn-lg mr15 ">赞  |...
 5 小时前
前端自动化构建及部署
前言 自动化这个字眼神圣而又高大上,对后端开发的同学来说也许再熟悉不过了,可对于前端开发来说,确实有些遥不可及,接下来分享下,我在前端项目的自动化实践。 实现方式 一套是工作中经常使用的Docker + Jenkins。Jenkins是持...
 5 小时前
面向对象的程序设计——理解对象
面向对象的程序设计 ECMA-262 把对象定义为:无须属性的集合,其属性可以包含基本值、对象或者函数。 理解对象 var person = new Object(); //创建对象 person.name...
 5 小时前
axios源码解读之请求与拦截器
前言 axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。这里将会从功能出发,分析源码,深入了解 axios 是怎么实现这些功能的。 准备 IDE: WebStorm Git地址: https:/...
 5 小时前
js 图片转base64的方式
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。 ...
 5 小时前
addRoutes爬坑记
addRoutes简介 用动态路由实现权限控制,是一个很nice的方案不是么? 初始路由只有登录页,根据用户的id查询对应的权限,然后addRoutes,将获取到的菜单数据放入vuex和浏览器缓存中。 动态添加更多的路由规则。参数必须是一...
 5 小时前
VUE 中 MVVM - step7 - Event
虽然实现 Vue 的 MVVM 已经走到第 7 步,但这节内容与之前的内容相关性不大,但若想要了解整个 MVVM 的实现,还是先移步看之前已经实现的 6 步 简单实现 VUE 中 MVVM - step1 - defineProperty...
 5 小时前
Vue官方文档——详解
Vue官方文档——匹配详解 ( Vue 2.*版本 ) 一、全局配置 Vue.config 是一个对象,包含 Vue 的全局配置,vue.config的配置全部在在main.js中设置的,如下: 官网中给出的常用配置如下: (1)、de...
 5 小时前
webpack插件之三
一、open-browser-webpack-plugin 作用:在webpack加载之后打开一个新的浏览器窗口。 安装:npm install open-browser-webpack-plugin --save-dev。(请注意–sav...
 5 小时前
vue 写作风格指南及规范
对于vue的书写风格,vue官网上有一套完整的适合入门时所遵循的指南。在每个公司中,每个团队都有自己的风格,针对我们前端团队的风格,总结出了一套适用于我们公司的书写规范。其中大部分都是按照指南的规定来遵循的,如果不想一个一个看指南中的规则,...
 5 小时前
Vue--手把手教你撸一个 beforeEnter 钩子函数
为什么要自造beforeEnter钩子函数? ​ 看下问题场景:项目中有一单词列表页面,每个cell都会备注该单词是否已经掌握,点击cell进入详情页,可对该单词进行学习,并标记单词是否掌握,并且在详情页面中也可以通过点击前进 后退 按钮学...
 6 小时前
【上线】一个简单的前端上线流程
1.生产构建 对生产环境的构建包括合并、抽取、压缩、调试方面。 合并:将style和javascript文件进行合并; 抽取:样式从javascript中抽取出来; 压缩:JS、CSS的压缩; 调试:开启sourceMap JS压缩: ...
 6 小时前
vue的动态路由和一部组件的两个小荔枝,轻松入门
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。 ...
 16 小时前
v-page - 基于 Vue2.x,简洁易用的独立分页插件
A simple pagination bar, including length Menu, i18n support, based on Vue2.x plugin preview Demo、Document、Changelog Ex...
 16 小时前
回到顶部