object-fit：指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。与我们熟悉的background-size属性有点相似。 contain被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时 ...

假设我们现在要实现box元素的居中 123 /* 公共代码 */ .wp { border: 1px solid red; ...

平时用图表可能都是常规的折线图，柱状图，饼图这些基本的。下面的是一个漏斗图 + 象形柱图写出来的图表。完成后的图表，关键是右半边漏斗图很简单，只讲下象形柱图里的几个关键点（因为这里的用法有点特 ...

需求说明： 根据用户登录名生成每个人的专属二维码。 微信小程序有提供生成小程序码的方法，但是却没有生成普通文本或网页链接二维码的方法，因此自己去网上找了插件weapp-qrcode，它是根据qrcode.js改进的。 效果预览： 使用方法： ...

XSS 跨站脚本攻击（Cross Site Script）,本来缩写是 CSS, 但是为了和层叠样式表（Cascading Style Sheet, CSS）有所区分，所以安全领域叫做 “XSS”； XSS攻击，通常是指攻击者通过 “HTM ...

1. JavaScript 基础 1.1 执行上下文/作用域链/闭包理解 JavaScript 中的执行上下文和执行栈JavaScript深入之执行上下文栈一道js面试题引发的思考JavaScript深入之词法作用域和动态作用域JavaS ...

基本概念这些基本概念有些可能不易理解但却都很重要，如果看完还是很不理解的话需要自己谷歌或百度，网上关于这些概念的文章不少。流“流”又叫文档流，是css的一种基本定位和布局机制。流是html的一种抽象概念，暗喻这种排列布局方式好像水流一样自然 ...

小程序生成带二维码的海报效果预览： 项目需求： 需要根据用户信息生成用户个人二维码，后台提供海报素材，将用户二维码画在海报上，并可预览海报，长按保存海报，方便用户分享或者发朋友圈。 涉及到的相关API： wx.getImageInfo()- ...

这是面试经常会被问的问题，以前自己也看过相关的博客内容，但总是面试的过程中只能想到简单的几种，今天做一个总结：实现方式分为两类：1、已知元素的宽高确定 2、元素宽高不定（常问）分别对应不同的解决方案已知元素的宽高确定         1、a ...

在日常开发中，经常会有代码复用的情况，比如在很多个页面里，发现用户没有登录需要弹框登录的时候，比如多个页面顶部都有一个搜索框或者列表底部的暂无数据等等。 这个时候我们可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以 ...