10年码农

2020年6月10日

摘要：前言用vue有一段时间了，从用vue-cli搭建项目、一步步配置axios、vuex、vue-router，到之后的研究canvas、动效这些，一直想写些东西记录一下、做个总结，刚好趁着有空就整理一下。这里先占个坑，列一下大纲，具体某一方面的总结会单独写文章，放链接在本文中，之后会不定期更新来填坑阅读全文

posted @ 2020-06-10 10:07 10年码农阅读(472) 评论(0) 推荐(0) 编辑

You-Dont-Need : 你不需要系列

摘要： 1 You-Dont-Need-JavaScript CSS是强大的，你可以做很多事情没有JS。本文教你使用原生CSS做下面的事情。内容目录手风琴/切换圆盘传送带检查复选框的计数器翻转点击 Textfield上的浮动标签字体（拉丁）游戏悬停/弹出信息图片廊菜单移动菜单关闭画布阅读全文

posted @ 2020-06-10 09:20 10年码农阅读(326) 评论(0) 推荐(0) 编辑

使用css伪类，实现同类型复选框计数的效果

摘要：开始啦最近发现一个css的小技巧。在以往，当我想要获取checkbox的数据数量的时候，常规的做法是使用js遍历checkbox数组，定义变量达到统计数量的效果。现在使用css完全可以实现相同的效果，简单便捷，在不操作DOM的情况下达到目的，嘻嘻代码块这里贴出相关代码，希望能帮到大家： <ht 阅读全文

posted @ 2020-06-10 08:33 10年码农阅读(114) 评论(0) 推荐(0) 编辑

2020年6月9日

Base64基本原理及简单应用

摘要： 1.什么是Base64 Base64是一种基于64个可打印字符来表示二进制数据的编码方式，是从二进制数据到字符的过程。原则上，计算机中所有内容都是二进制形式存储的，所以所有内容（包括文本、影音、图片等）都可以用base64来表示。 2.Base64编码原理 Base64编码之所以称为Base64，是阅读全文

posted @ 2020-06-09 23:54 10年码农阅读(685) 评论(0) 推荐(0) 编辑

CSS 终极之战：Grid VS Flexbox

摘要：简评：近些年 CSS Flexbox在前端开发者中变得非常流行。其实并不奇怪，它能让我们更容易创建出动态布局，以及在容器中对其内容。然而城里新来了个小伙叫 CSSGrid，它有许多弹性盒的能力，有时候比弹性盒好用，有时候却不好用。作者点评了弹性盒、网格两者之间的差异，以及什么时候用哪种比较好。先来阅读全文

posted @ 2020-06-09 22:57 10年码农阅读(440) 评论(0) 推荐(0) 编辑

iOS Safari 中点击事件失效的解决方法

摘要：问题描述当使用委托给一个元素添加click事件时，如果事件是委托到 document 或 body 上，并且委托的元素是默认不可点击的（如 div, span 等），此时 click 事件会失效。可以使用下面的代码在 iOS 中进行测试。 <!DOCTYPE html> <html> <head 阅读全文

posted @ 2020-06-09 22:17 10年码农阅读(305) 评论(0) 推荐(0) 编辑

前端小知识--为什么你写的height:100%不起作用？

摘要：为什么你写的height:100%不起作用？这个知识不算冷门的，但是用的时候可能还是会有些懵逼，不能生效时搜一搜就能找到答案了，但是你真的懂了吗？为什么想要设置一个全屏元素的时候，高度不受%的控制？ 1.百分比宽高的设定按照w3c中的width和height属性，可以明确%设定宽高是根据父元素的阅读全文

posted @ 2020-06-09 21:30 10年码农阅读(800) 评论(0) 推荐(0) 编辑

Vue style里面使用@import引入外部css, 作用域是全局的解决方案

摘要：问题描述使用@import引入外部css，作用域却是全局的 <template> </template> <script> export default { name: "user" }; </script> <!-- Add "scoped" attribute to limit CSS to 阅读全文

posted @ 2020-06-09 20:52 10年码农阅读(3371) 评论(0) 推荐(1) 编辑

带你彻底了解CSS浮动（文字整理版）

摘要：谢老板（谢然）最近在segmentfault讲堂上开了一个视频课程《带你彻底掌握CSS浮动》，因为视频比较长（69分钟），不方便回顾，我将之做了一个整理，并从我自己理解的角度进行了阐述，以做记录。页面布局是CSS的一个重点应用，例如：而实现页面布局主要应用到两种方法，一种是CSS浮动，一种是Fl 阅读全文

posted @ 2020-06-09 20:08 10年码农阅读(732) 评论(0) 推荐(0) 编辑

纯CSS实现下拉菜单

摘要：将下拉菜单的ul高度设置为0，并且超出部分隐藏掉。设置下拉菜单的高度添加过渡效果，高度为auto时过渡效果失效。 <style> ul{ list-style: none; margin: 0; padding: 0; } ul li a{ display: block; text-decorat 阅读全文

posted @ 2020-06-09 19:25 10年码农阅读(377) 评论(0) 推荐(0) 编辑

公告