float:left/right/none; 1.同级浮动 （1）使块级元素在同一行显示（所有要在同一行显示的都要加浮动） {代码...} （2）使行内元素支持宽和高 {代码...} 3.不设宽或高时，宽和高由内容撑开； {代码...} 4.如果在某个元素上添加浮动，它将脱离标准文档流（文档流是指对象在文档所占的位置），并且向后找没有浮动的元素覆盖...

BEM是基于组件的web开发方法。其思想是将用户界面分隔为独立的块，从而使开发复杂的UI界面变得更简单和快，且不需要粘贴复制便可复用现有代码。BEM由Block、Element、Modifier组成。选择器里用以下连接符扩展他们的关系：

在此之前，我一直都在研究JavaScript相关的反调试技巧。但是当我在网上搜索相关资料时，我发现网上并没有多少关于这方面的文章，而且就算有也是非常不完整的那种。所以在这篇文章中，我打算跟大家总结一下关于JavaScript反调试技巧方面的内容。值得一提的是，其中有些方法已经被网络犯罪分子广泛应用到恶意软件之中了。

概述： 在前端项目中，有时会需要通知、提示一些信息给用户，尤其是在后台系统中，操作的正确与否，都需要给与用户一些信息。 1. 实例 在Vue组件的methods内，调用如下代码 {代码...} 在页面的右侧会出现一个Toast弹框，多次点击时，会依照顺序进行显示，并且Toast可自动关闭，具体效果如图。 代码地址：Github UI-Libra...

动手之前先配置项目，网上很多文章说需要下载css-loader插件，Vue中的vue-loader已经集成了 CSS Modules，因此删掉也能正常运行

简介： transition方法的使用 transition内置方法 transition-group  animate库实现过渡动画 {代码...} 总结 以上所述是小编给大家介绍的Vue入门之animate过渡动画效果，希望对大家有所帮助

url的正则表达式：包括IP，域名（domain），ftp，二级域名，域名中的文件，域名加上端口！用户名等等信息 {代码...} 匹配手机号 {代码...} 用户名正则，4到16位（字母，数字，下划线，减号） {代码...} 整数正则 {代码...} 数字正则 {代码...} Email正则 {代码...} 身份证号正则 {代码...} URL正则 {代码...} 日期正则 {...

在项目开发中，接口联调的时候一般都是同域名下，且不存在跨域的情况下进行接口联调，但是当我们在本地启动服务器后，比如本地开发服务下是 [链接]:8080 这样的访问链接，但是我们的接口地址是  [链接] 这样的，我们这样直接使用就会存在跨域的请求，导致接口请求不成功。

1.为模拟网页爬虫，我们可以现在我们的tomcat服务器端部署一个1.html网页。（部署的步骤：在tomcat目录的webapps目录的ROOTS目录下新建一个1.html。使用notepad++进行编辑，编辑内容为：

koa是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 使用 koa 编写 web 应用，可以免除重复繁琐的回调函数嵌套， 并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件， 它仅仅提供了一个轻量优雅的函数库，使得编写 Web 应用变得得心应手。开发思路和express差不多，...

跨站脚本攻击(Cross Site Scripting)，缩写为XSS。恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。

怎样实现jq中的slideUp或者slideDown这种动画效果呢，我的思路是用css3的transform: translateY() 属性，给需要动画的元素添加上一个动画class。

Canvas 是一个非常受欢迎的表现方式，同时也是WebGL的入口。它能绘制图形，图片，展示动画，甚至是处理视频内容。它经常被用来在富媒体web应用中创建炫酷的用户界面或者是制作在线（web）游戏。

首先我们需要知道为何要使用 vuex。父子组件通信用 prop 和自定义事件可以搞定，简单的非父子组件通信用 bus（一个空的 Vue 实例）。那么使用 vuex 就是为了解决复杂的非父子组件通信。

具有数据收集、校验和提交功能的表单生成器，包含复选框、单选框、输入框、下拉选择框等元素以及,省市区三级联动,时间选择,日期选择,颜色选择,文件/图片上传功能，支持事件扩展。

在vue中，实现过渡动画一般是下面这样： {代码...} 用一个transition对元素或者组件进行封装. 在过渡的时候，会有 4 个(CSS)类名在 enter/leave 的过渡中切换。 1.v-enter: 定义进入过渡的开始状态。在元素被插入时生效，在下一个帧移除。 2.v-enter-active: 定义进入过渡的结束状态。在元素被插入时生效，在 transition...

这里假设现在逻辑有变,我们最终期望得到的数据(getName),是基于 this.$store.state.name 上经过复杂计算得来的,刚好这个getName要在好多个地方使用,那么我们就得复制好几份.

在Canvas中进行碰撞检测，大家往往直接采用游戏引擎(Cocos2d-JS、Egret)或物理引擎(Box2D)内置的碰撞检测功能，好奇的你有思考过它们的内部运行机制吗？下面将针对基本的碰撞检测技术进行讲解：

不啰嗦，直接上代码了 {代码...} 字段isChange是用来判断图片样式的 页面代码 {代码...} 样式代码 {代码...}

每次学新东西总感觉自己是不是变笨了，看了几个博客，试着试着就跑不下去，无奈只有去看官方文档。 webpack是基于node的。先安装最新的node。

JavaScript 框架和库可以说是开源项目中最庞大也是最累的类目了，目前在github 上这一类的项目是最多的，并且几乎每隔一段时间就会出现一个新的项目席卷网络社区，虽然这样推动了创新的发展，但不得不说苦了前端的开发者们。因此本文罗列出了一些优秀的 Javascript 框架和库的特及其在 github 上的 star 数，旨在为各位...

近日，Mybridge 对 Github 上将近 250 个 Vue.js 开源项目进行了排名，并从中挑选出了 Top 10，帮助开发者找到最好的Vue.js开源项目

摘要：JavaScript 是面向对象的编程语言 (OOP)。OOP 语言使我们有能力自定义对象和变量类型。（事实上，只是基于对象的，并不完全具备面向对象的语言的三大特性[封装、继承、多态]）。在高级 JavaScript 的部分会讲解如何创建自己的对象。现在，我们开始学习内建的 JavaScript 对象，以及如何使用它们。对象只是一种特殊...

我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。

CSS 定位问题 主要就是经典的绝对定位，相对定位问题。 10个文档学布局：通过十个例子讲解布局，主要涉及相对布局，绝对布局，浮动。 百度前端学院笔记 – 理解绝对定位：文章本身一般，几篇参考文献比较详细 HTML和CSS高级指南之二——定位详解（译文）：介绍浮动的使用，详细介绍定位的技巧，包括如何准确的给元素在 X 轴...

业务中要求的是示例放在静态文件夹中，并不需要请求后台。针对这种场景，笔者将介绍三种方法，分别是 window.open，form表单提交以及a标签 下载。笔者将通过下载img和word文档的例子，对这三种方法进行对比。

在过去的一个月里，Mybridge从将近150个Vue.js开源项目中精选出十个热门项目，旨在帮助开发者找到自己需要的Vue.js开源项目 上榜开源项目所获得Star数平均为：268 涉及的领域包括：系统设计，移动组件，图像过滤器，图表，Nuxtjs，组件，录音机，表格，谷歌地图，悬停效果 下面就是上榜的开源项目详情： 1.Vue-argon-des...

写在 HTML 头部的 JavaScript （无异步），和写在 HTML 标签中的 Style 会阻塞页面的渲染，因此 CSS 放在页面头部并使用 Link 方式引入，避免在 HTML 标签中写 Style ， JavaScript 放在页面尾部或使用异步方式加载

Electron 是由 GitHub 开发的开源库，用于构建拥有 HTML、CSS 和 JavaScript 的跨平台桌面应用程序。Electron 通过把 Chromium 和 Node.js 组合到一个运行时来实现这一点，并且可以为 Mac、Windows 和 Linux 打包应用程序 。

众所周知，Vue 和 React 都是目前非常著名的前端框架。我在工作中经常使用 Vue，因此我对它有很深入的了解。同时，我也对 React 充满了好奇，想要学习一下，一探究竟。