在开发时，一直希望有一种原生的CSS方式来裁剪图片，并将其定位在我需要的任何方向。这可以通过使用一个额外的HTML元素和不同的CSS属性来实现，后面解释。

在这篇文章中，将带领大家了解Jake Archibald在今年年初提出的新的CSS属性

昨天我仔细地看了JavaFX的布局，有很多种，但是和我以前用BCB或HTML+CSS时比较像的就是BorderPane和AnchorPane。

BorderPane可以有上下左右中五个地方来存放控件，中间是自动充满的，剩余的四边只有一个维度的填满。

而AnchorPane可以使它内部的控件相对于AnchorPane的边缘来定位，这个相对最多有上下左右四个条件，最少可以一个也不设置。

还剩几个小时双十一购物狂欢节就要开始了，你的购物车是不是都加满了呢？乘着双十一活动，想要换显示器的你肯定也是蠢蠢欲动，全高清分辨率可能对你来说已经不够用了，何不乘此机会换个2K、4K高分屏呢？接下来给大家推荐几款不错的高分屏。

推荐一：飞利浦 275M7C 27吋 2K 144Hz

点击购买>>

飞利浦 27英寸 2K/1800R曲面 144Hz/Adaptive Sync 1ms 广色域 游戏电竞 吃鸡显示器 HDMI 275M7C

一、前言

这个IP地址输入框控件，估计写烂了，网上随便一搜索，保证一大堆，估计也是因为这个控件太容易了，非常适合新手练手，一般的思路都是用4个qlineedit控件拼起来，然后每个输入框设置正则表达式过滤只能输入3位数字，然后安装事件过滤器识别回车自动跳到下一个输入框。关于如何设置正则表达式过滤，这个可以搜索查到，本人也不大懂这个规则，貌似还有专门的书籍专门介绍正则表达式，可能这块非常强大。

CSS Grid Generator

CSS Grid Generator是一个由Sarah Drasner创建的免费工具。它是一个可视化设计工具，允许咱们创建一个基本的 grid 布局，然后就可以使用生成对应的代码，帮助咱们快速布局。

第一次进入是界面是这样子的：

CSS Grid 布局示例

当我正在学习一些东西时，我发现最好的学习方法是使用现有的工具构建实用的东西。 在本文中，咱们先从一个简单的布局开始，然后使用

?上文介绍了使用xpath定位元素的常用方法，熟练运用xpath基本可以满足元素定位的需求。CSS与之相比，功能同样强大，并且语法更简洁，定位更快速。

css:属性定位

1.css可以通过元素的id、class、标签这三个常规属性直接定位到

2.如下是百度输入框的的html代码：

<input id="kw" class="s_ipt" type="text" autocomplete="off" maxlength="100" name="wd"/>

jQuery 中包含更改和操作 HTML 元素和属性的强大方法。我们可以通过这些方法来获取 HTML 元素中的文本内容、元素内容（例如HTML标签）、属性值等。

在开发过程中，基本都遇到过需要限制输入的情况，比如金额、仅字母数字、可输入小数位等，网上搜了很多方法也遇到一些坑，所以分享出来。

1.使用修饰符实现数字输入

在VUE中可以在v-modal后添加修饰符的形式来限制输入，比如：

<input v-model.number="testValue" type="number">

抽奖和开盲盒性质一样的都是通过ajax读取后台的随机数据。

1、转轮盘

本来是想直接绘图实现轮盘，但是没有找到怎么填充文字，只好把轮盘弄成了背景图，通常用于游戏抽道具，商城积分抽奖，公司年末员工抽奖

1. 点击抽奖触发jquery的click事件；