Solid | 易学教程

touch多点触摸事件

阅读更多关于 touch多点触摸事件

touch--单点 targetTouches、 changeTouches 多点： targetTouches--当前物体上的手指数 *不同物体上的手指不会互相干扰不需要做多点触摸的时候---平均值： x=∑ 所有手指x /n y=∑ 所有手指y /n 手势识别： 1. 2. -------------------------------------------------------------------------------- 多点触摸： 1.避免影响——消除干扰平均坐标 2.需要多点——手势 i.旋转后角度-前角度 ii.缩放后距离/前距离 -------------------------------------------------------------------------------- Math.atan(b/a); Math.atan2(b, a); -------------------------------------------------------------------------------- 角度：360 弧度：2·PI 360角度=2PI弧度 1角度=PI/180弧度 n角度=n*PI/180弧度 2PI弧度=360角度 1弧度=180/PI角度 n弧度=n*180/PI角度 -------------------------

2020年12月-前端基础-CSS Day07

阅读更多关于 2020年12月-前端基础-CSS Day07

CSS Day07 CSS高级技巧理解能说出元素显示隐藏最常见的写法能说出精灵图产生的目的能说出去除图片底侧空白缝隙的方法应用能写出最常见的鼠标样式能使用精灵图技术能用滑动门做导航栏案例 1. 元素的显示与隐藏目的让一个元素在页面中消失或者显示出来场景类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现！ 1.1 display 显示（重点） display 设置或检索对象是否及如何显示。 display: none 隐藏对象 display：block 除了转换为块级元素之外，同时还有显示元素的意思。特点：隐藏之后，不再保留位置。实际开发场景：配合后面js做特效，比如下拉菜单，原先没有，鼠标经过，显示下拉菜单，应用极为广泛 1.2 visibility 可见性 (了解) 设置或检索是否显示对象。 visibility：visible ; 　对象可视 visibility：hidden; 　对象隐藏特点：隐藏之后，继续保留原有位置。（停职留薪） 1.3 overflow 溢出(重点) 检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。属性值描述 visible 不剪切内容也不添加滚动条 hidden 不显示超过对象尺寸的内容，超出的部分隐藏掉 scroll 不管超出内容否，总是显示滚动条 auto

LeetCode 32，并不Hard的难题，解法超级经典，带你领略动态规划的精彩

阅读更多关于 LeetCode 32，并不Hard的难题，解法超级经典，带你领略动态规划的精彩

点击上方蓝字，和我一起学技术。今天给大家分享的是LeetCode当中的32题，这是一道 Hard 难度的题。也是一道经典的字符串处理问题，在接下来的文章当中，我们会详细地解读有关它的三个解法。希望大家不要被题目上的标记吓到，虽然这题标着难度是Hard，但其实真的不难。我自信你们看完文章之后也一定会这么觉得。题目 Longest Valid Parentheses 难度 Hard 描述给定一个只包含左右括号的字符串，返回最长能够组成合法括号的长度 Given a string containing just the characters '(' and ')' , find the length of the longest valid (well-formed) parentheses substring. 样例 1: Input: "(()" Output: 2 ## Explanation: The longest valid parentheses substring is "()" 样例 2: Input: ")()())" Output: 4 ## Explanation: The longest valid parentheses substring is "()()" 思考我们来分析一下题目，这题的题目很容易理解

css 块元素、内联元素、内联块元素

阅读更多关于 css 块元素、内联元素、内联块元素

块元素、内联元素、内联块元素：元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟练的进行页面布局。块元素：块元素，也可以称为行元素，布局中常用的标签，如： div 、 p 、 ul 、 li 、 h1-h6 等等都是块元素，它在布局中的行为：（1）支持全部的样式（2）如果没有设置宽度，默认的宽度为父级宽度 100% （3）盒子占据一行、即使设置了宽度代码： <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="UTF-8" > < title > 块元素 </ title > < style type ="text/css" > .box { background-color : gold ; /* width:300px; */ /* height:200px; */ } .box2 { background-color : green ; /* width:300px; */ /* height:200px; */ } </ style > </ head > < body > < div class ="box" > div元素 </ div > < p class ="box2" > p元素 </ p </body > </ html >

WEB入门四 CSS样式表深入

阅读更多关于 WEB入门四 CSS样式表深入

学习内容 Ø CSS选择器深入学习 Ø CSS继承 Ø CSS文本效果 Ø CSS图片效果能力目标 Ø 掌握CSS选择器的组合声明和嵌套 Ø 理解CSS的继承 Ø 熟练掌握CSS文本效果 Ø 掌握CSS图片效果本章简介上一章学习了CSS的语法基础及文字效果，学习了3种选择器，选择器是CSS中非常重要的概念，本章将深入学习选择器的知识，主要包括选择器的集体声明和嵌套。面向对象编程语言中有为了实现代码的重用有继承的特性，而CSS中也有可以使用继承的特性实现代码的重用。网页中只包含文字是单调的，加入图片后才能实现图文并茂的网页。本章将学习使用CSS实现丰富的文本和图片效果。核心技能部分 1.1 组合选择器在利用CSS选择器控制HTML标签时，除了每个选择器的属性可以一次声明多个，选择器本身也可以同时声明多个，并且任何形式的选择器（包括标签选择器、class选择器、ID选择器）都是合法的。 1. 组合选择器在声明各种CSS选择器时，如果某些选择器的风格是完全相同的，或者是部分相同，这时便可以使用组合声明的方法同时声明多个选择器。语法：选择器1,选择器2,选择器3…{ 属性:值; 属性:值; } 示例4.1 < html > <head><title>组合声明</title> <style type="text/css"> h1, h2, h3, h4, h5, p{ /*

课堂笔记

阅读更多关于课堂笔记

CSS作用：定义html页面元素的显示形式，是一种格式化网页内容的技术使用： 1）css的语法选择器{属性1：值1；属性2：值2；...；属性N：值N}，选择器就是要改变页面中的哪些元素 2）CSS的样式位置 1、外部样式表 <link rel="stylesheet" href="xxx.css"/> 2、内联样式表(直接给元素添加样式) 在元素中添加style,例如<p style="color:blue">q我是一段话</p> 3、嵌入式样式表（在html中使用style标签） <style type="text/css"> h3{font-size:72px}</style> 3)选择器元素选择器，格式：元素名 p,h3{color:barkorange;} id选择器，格式：#id #p2{font-size:72px;} 类选择器，格式：.class .c1{font-family:"华文彩云";} 后代选择器，格式：选择器1 选择器2 p.i1{font-size:36px;} 伪类标签伪类有： :first-child ， :link :， vistited， :hover :， :active ， :focus ，:lang，:right，:left，:first 何为伪类?就是css内置类css内部本身赋予它一些特性和功能，也就是你不用再class=..

Spring/SpringMVC

阅读更多关于 Spring/SpringMVC

<div class="output_wrapper" id="output_wrapper_id" style="font-size: 15px; color: rgb(62, 62, 62); line-height: 1.8; word-spacing: 2px; letter-spacing: 2px; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%); background-size: 20px 20px; background-position: center center;"><h3 id="h1spring" style="color: inherit; line-height: inherit; padding: 0px; margin: 1.6em 0px; font-weight: bold;

css属性详解和浮动

阅读更多关于 css属性详解和浮动

一、CSS属性组成和作用属性：属性值 1）每个css样式都必须由两部分组成：选择符和声明注：声明又包括属性和属性值 2）css属性：属性是指定选择符具有的属性，他是css的核心，css2共有150多个属性； 3）css属性值：属性值包括法定属性值和常规的数值加单位或颜色值(colorValue)；如（25px）字体属性 1 、font-family: 字体类型; {font-family: 字体1 ，字体2 ，字体3 ；} 例：font-family:" 微软雅黑"," 宋体"; 说明：浏览器首先会寻找字体1、如存在就使用改字体来显示内容，如在字体1不存在的情况下，则会寻找字体2，如字体2也不存在，按字体3显示内容，如果字体3 也不存在；则按系统默认字体显示；当字体是中文字体时，需加双引号；当英文字体中有空格时，需加双引号如（“Times New Roman”）当英文字体只有一个单词组成是不加双引号；如：（Arial）； Windows中文版本操作系统下，中文默认字体为宋体或者新宋体，英文字体默认为Arial，新推出的版本也默认为微软雅黑 2 、文本大小：{font-size: 数值;} 　　例：div{font-size ：12px/14px ；} 说明： 1）属性值为数值型时，必须给属性值加单位，属性值为0时除外。 2）单位还可以是pt（磅），在印刷领域广泛使用

网页制作

阅读更多关于网页制作

一.作业内容马云链接：https://gitee.com/liguolan/codes/3jg9voqa58zf6kd4i7pxh78 模仿网页链接：http://127.0.0.1:8020/HBuilder2/6.html?__hbt=1553607616734 二.网页截图三.源代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>合肥学校网站</title> <style type="text/css"> .b { padding-left: 115px; height: 50px; width: auto; margin-top: 35px; margin-left: 5px; margin-right: 5px; float: left; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; } .tp { height: 50px; width: 98px; float: left; text-align: center; } .tp1 { height: 40px; width: 200px; float: left; padding-top: 10px; text-align: center; } .b1 {

使用jupyter lab愉快地编程

阅读更多关于使用jupyter lab愉快地编程

最近发现生信技能树VIP论坛群里在讨论jupyter lab这么一个工具，内心想尝试一下，毕竟一个好工具或许就可以改变你的学习态度和进程，工欲善其事，必先利其器嘛。我使用了这个工具之后，感觉又重新燃起了对R语言的学习热情呢。当然，手上的技能树讲义讲得好也至关重要。下面就说说我安装使用这个工具遇到的一点问题和解决的过程。背景先说一下我的使用背景，刚升级了16GB内存和固态硬盘，装上了最新版的Catalina黑苹果，虽然最近美帝很嚣张，但技术无罪吧，期待国产操作系统可以挑起重担，实现各种日常应用不依赖超级难用的美帝操作系统。然后，mac本身不自带python3的，我就使用miniconda安装了个python3的环境，发现升级系统后conda是可以继续使用的，小小的惊喜，其实，好多软件可以继使用的，当然，新系统抛弃了32位应用，还能使用catalyst迁移的ipad应用，发现其实没几个，毕竟不同的平台。苹果应该是下一盘大棋，使用上自有处理器，后面苹果可能就不好黑啦，但估计什么也难不倒广大的民间大神。还要吐槽下难用的win10，本来以为微软开始了新纪元，能够做更符合用户需要的操作系统，可是发现，各种更新，各种bug，还越来越慢，直接把用户逼疯的节奏。除了我的因为硬盘存储空间不足的电脑，其余的电脑都已经更新到接近废了，特别慢，当然也没有使用固态盘，还不如国产的深度系统，至少不怎么卡

订阅 Solid