m0_70646989-CSDN博客

原创 CSS面试常见布局问题

html,body{height: 100%;overflow: hidden;}body{display: flex;justify-content: center; // 水平居中align-items: center; // 垂直居中}[](()如果使用table-cell(需要固定宽高，定制不能百分比) （了解即可）.father{ // 使用父级元素display: table-cell;vertical-align:middle;text-alig

2022-05-11 14:06:21 151

原创 CSS的文本样式

这样就可以看到了↓[](()设置元素水平对齐方式文本的对齐方式 left right center文字对齐方向 left文字对齐方向 right文字对齐方向 center样例代码：文字对齐方向 left文字对齐方向 right文字对齐方向 center效果截图：[](()设置首行文本的缩进这里写一段话样例代码：中国专业IT社区CSDN (Chinese Software Developer Network) 创立于1999年，致力..

2022-05-11 14:01:48 130

原创 CSS的三种基础选择器

属性：属性值;}类选择器前面必须有一个点 .，这个点必不可少，是类选择器的标志。类选择器的名称 class_name 是自定义的，选择器中的属性和属性值跟标签选择器中一样。示例：html代码：CSS学习动物园小白兔小狮子小老虎小猴子要给“小兔子” 字体样式设置为粉色加粗，可以自定义一个类选择器：.rabbit{color: pink;font-weight: bold;}然后在 HTML 标签上通过 class 属性来使用定义好的类样式，格式为：<标

2022-05-11 13:59:54 171

原创 CSS浮动与BFC

先来一段代码：<!doctype html>Clear float利用clear属性来清除浮动在子元素的某个元素添加clear:both属性后会清除前面的盒子的浮动，因此最开始我就熟悉用这种方法在父元素的最后面加上一个空盒子，然后定义类并且用于公用，看起来如下CSS代码:..clear{clear:both;}这样有需要就加上这个空盒子，但是这样就加了一大堆混淆内容的空盒子不利于内容与样式的分离，然后学习了css中：after这一属性后就采取全部

2022-05-11 13:57:52 84

原创 CSS3 自定义字体的常识与使用

web 字体使用：生成字体：[https://www.iconfont.cn/webfont#!/webfont/index](() 下载字体之后有使用流程Document苍茫的天涯我的爱...字体图标其实我们可以把文字理解成是一种特殊形状的图片，反之我们是不是也可以把图片制作成字体呢？答案是肯定的。常见的是把网页常用的一些小的图标，借助工具帮我们生成一个字体包，然后就可以像使用文字一样使用图标了。优点：1、将所有图标打包成字体库，减少请求；2、具有矢量性..

2022-05-11 13:56:19 76

原创 Chrome远程调试手机端UC浏览器

接着就可以进入更多设置 -> 开发者选项中开启开发者选项了。允许USB调试接着滚动到下方调试处，允许 USB调试。![允许USB调试](https://imgconvert.csdnimg.cn/aHR0cDovL3FuY2RuLndiamlhbmcuY24vJUU1JTg1JTgxJUU4JUFFJUI4VVNCJUU4JUIwJTgzJUU4JUFGJTk1LnBuZw?x-oss-process=image 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新

2022-05-11 13:54:49 530

原创 Ceisum实时获取后台数据实时更新实体位置信息

var viewer = new Cesium.Viewer(‘cesiumContainer’, {infoBox : false,selectionIndicator : false,shadows : true,shouldAnimate : true});var positions = [];var poly = undefined;var entityArr=[];var PolyLinePrimitive = (function(){function _(positions)

2022-05-11 13:53:02 1807

原创 javascript字符串string常用的几种方法

//字符串中的字符转换为大写 toUpperCase()var upper=str.toUpperCase(); //upper=‘1A2A3A4A5A’;//str=‘1a2a3a4a5a’;//字符串中的字符转换为小写 toLowerCase()var lower=str.toLowerCase(); //lower=‘1a2a3a4a5a’;//str=‘1a2a3a4a5a’;//返回某字符或字符串在str中出现的位置(获取字符串的下标) indexOf() lastIndexOf()

2022-05-10 12:53:15 148

原创 javascript基础类型和引用类型

console.log(b);// 12.引用类型是放置在堆里面，一般引用类型的数据都比较大，而栈空间又比较小，所有引用类型都是放置在堆里面，而放置在栈空间的是引用类型的地址引用，互相赋值会影响双方varobj1 = {name:‘lyj’};varobj2 = obj1;obj1.name =‘cjy’;console.log(obj2);// {name: ‘cjy’}3.如果引用类型想赋值却又不想互相影响，可以通过浅克隆方式，如下1.ES6结构varobj1 = {name:‘ly

2022-05-10 12:51:01 63

原创 JavaScript-事件，事件流，事件委托

|onclick|用户点击 HTML 元素||onmouseover|用户在一个HTML元素上移动鼠标||onmouseout|用户从一个HTML元素上移开鼠标||onkeydown|用户按下键盘按键||onload|浏览器已完成页面的加载|事件流事件流就是描述了页面中接受事件的顺序，IE和Netscape提出来差不多完全相反的事件流的概念，IE事件流是事件冒《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】泡流，Nets

2022-05-10 12:45:21 58

原创 JavaScript-canvas(画布)初识、刮刮卡简单练习

Document[](()三、绘制圆图像、视频Document效果图Document[](()四、时钟save用于保存当前的画布状态，restore将画布状态重置到save保存时的样子。画布状态分为画布的坐标(transform)，画布绘制区域(clip)，画布中设置的组合方式(globalCompositeOperatio)。当我们在使用transform,clip和globalCompositeO 《大厂前端面试题解析..

2022-05-10 12:43:16 123

原创 JavaScript 事件循环：从起源到浏览器再到 Node

浏览器渲染。▐ 案例分析根据上述的处理模型，我们可以来看以下例子：console.log(‘script start’);setTimeout(function() {console.log(‘setTimeout’);}, 0);Promise.resolve().then(function() {console.log(‘promise1’);}).then(function() {console.log(‘promise2’);});console..

2022-05-10 12:41:32 65

原创 JavaScript DOM 元素查找

- 父节点（parent node）- 子节点（child node）- 兄弟节点（sibling）节点树的节点彼此拥有层级关系，Node类型使用如下属性关联节点树上的内阁节点对象：HTMLDOM Treehello标题一查看全部JavaScript// 按节点关系查找// parentNode 父节点// childNodes 父节点集合// firstNode 第一个子节点// lastNode 最后一个子节点// previousSibling 前

2022-05-10 12:39:43 873 1

原创 Java Web 网络商城案例演示五（用户激活）

1、用户激活2、登录3、退出4、抽取公共页面5、查询所有分类6、首页热门商品_最新商品显示7、商品详情显示8、基础分页操作9、首页分类商品带分页查询开发通用步骤：1、准备工作2、Servlet3、service4、Dao5、最终的jsp页面[](()1、用户激活原理：步骤实现1、准备工作（忽略）用户点击了邮箱当中激活链接，向服务端发送method=active&code=15514444(随机生成激活码)2、UserServlet—》 active获取到

2022-05-10 12:38:03 264

原创 Java Web 网络商城案例演示三、(注册页面功能实现)

在domain下创建User类，要根据对应user表的数据库创建package cn.itzheng.store.domain;import java.util.Date;public class User {// 安装数据库创建private String uid;private String password;private String name;private String email;private String telephone;private Date birthday;

2022-05-10 12:35:44 478

原创 JavaScript中apply()和call()的区别和应用

function Animal(name) {this.name = namethis.showName = function () {console.log(this.name)}}function Cat(name) {// Cat调用Animal方法，同 Animal.call(this, name)Animal.apply(this, [name])}var cat = new Cat(‘小猫’)cat.showName()输出：小猫多重继承function Func1

2022-05-09 13:36:01 149

原创 JavaScript 获取和修改内联样式

JS 还可以获得最终影响到当前元素的所有样式 —— 计算后的样式方式：- 获得计算后的样式对象：var style = getComputedStyle(elem);- 从 style 对象中提取想要的 css 属性值：var fontSize = style.fontSize;计算后的样式为绝对单位值。计算后的样式都是只读《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】的，不可以修改！案例代码//获得..

2022-05-09 13:34:01 270

原创 iOS UMeng OC和Swift混编

[](()UMengDemo的OC和Swift的切换UMengDemo是用OC的代码编写的，同时也兼容了swift3.0的调用示例（UMengDemo不再对swift2.0做示例兼容).[](()swift文件夹的结构[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uhNT1E92-1652074333944)(https://camo.githubusercontent.com/48801bbd6cc6f60d39f9c3c37a29fa969445b768/6874

2022-05-09 13:32:31 497

原创 iOS dyld详解

// kernel sets up apple pointer to be just past end of envp arrayconst char** apple = envp;while(*apple != NULL) { ++apple; }++apple;// set up random value for stack canary// 栈溢出保护__guard_setup(apple);// now that we are done bootstrapping dyld, call

2022-05-09 13:30:32 1331

原创 idea上传项目到gitee（码云）超详细

[](()在gitee上建立一个仓库=======================================================================第一步：点 + 新建仓库。第二步：点击创建第三步：这就是成功了。复制我们的仓库地址，后面上传时会用到。[](()上传项目到gitee上=====================================================================我们的项目：这是我随便建立的一个

2022-05-09 13:28:50 658

原创 http状态码

| 状态码 | 状态字 | 描述 || — | — | — || 300 | Multiple Choices | 请求的资源可在多处得到。用户或浏览器能够自行选择一个首选的地址进行重定向。 || 301 | Moved Permanently | 被请求的资源已永久移动到新位置。新的永久性的URI应当在响应的Location域中返回。http1.0中POST重定向会被改为GET方式 || 302 | Move temporarily | 请求的资源临时从不同的URI响应请求。只有在Cache-C.

2022-05-09 13:26:30 51

原创 HTML实体字符列表，我们该如何去做准备？

3，link 与 @import 的区别4，三列布局（中间固定两边自适应宽度）5，BFC 有什么用6，清除浮动的几种方式7，CSS3有哪些新特性8，css3 新增伪类 - 伪元素9，为什么要初始化CSS样式10，IE盒子模型、W3C盒子模型11，请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景12，display:inline-block 什么时候不会显示间隙？13，行内元素float:left后是否变为块级元素？14，如果需要手动写动画，你认为最小时间间隔是多久，

2022-05-09 13:24:24 326

原创 HTML、CSS知识点总结，浅显易懂

信息 … 举例：下面是一个热点课程下载排行榜：前端开发面试心法零基础学习html JavaScript全攻略在网页中显示的默认样式一般为：每项前都自带一个序号，序号默认从1开 3-2容器标签在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个标签中，这个标签的作用就相当于一个容器。语法：… 确定逻辑部分：什么是逻辑部分？它是页面上相互关联的一组元素。如网页中的独立的栏目版块，就是一个典型的逻辑部分。如下图所示：图中用红色边框标出的部

2022-05-09 13:22:42 103

原创 HTML5(十二)——一文读懂 WebSocket 原理

二、WebSocket 通信过程================WebSocket 协议可分为两部分：握手阶段和数据通信阶段。WebSocket 为应用层协议，定义在 TCP/IP 协议栈之上，连接服务器的 url 是以 ws 或 wss 开头的。ws 开头的默认TCP端口为80，wss 开头的默认端口为443。ws（websocket）是不安全的，容易被窃听，只要别人知道你的ip和端口号，任何人都可以去连接通讯。wss（web socket secure）是websocket的加密版本。2.1

2022-05-09 13:20:46 309

原创 HTML5 CSS3 诱人的实例： 3D立方体旋转动画

效果图：知识点：1、perspective ，transform 的复习2、css3 backgroud实现格格背景，即面上的小格格3、 @-webkit-keyframes 实现动画HTML：前面的3D商品展示中已经说过如何制作正方体，并且那个上面还有数字，理论上说比这个复杂，虽然木有这个炫~这里就不多说了。CSS：html{background: -webkit-radial-gradient(center, ellipse, #430d6d 0%

2022-05-09 13:19:02 392

原创 TypeScript系列教程十一《装饰器》 -- 参数装饰器

[TypeScript系列教程十一《装饰器》 – 装饰器与继承](()[TypeScript系列教程十一《装饰器》 – 类装饰器](()[TypeScript系列教程十一《装饰器》 – 方法装饰器](()[TypeScript系列教程十一《装饰器》 – reflect-metadata](()[TypeScript系列教程十一《装饰器》 – 属性装饰器](()[TypeScript系列教程十一《装饰器》 – 参数装饰器](()参数装饰器修饰函数参数，一般应用场景配合方..

2022-05-08 11:15:01 230

原创 TypeScript新手入门学习指南，持续更新中~

let str = 123function getLength2(input: string | number): number{if(typeof input === ‘string’){return input.length}else{return input.toString().length}}[](()五、Typescript中的类：class=====================================================================

2022-05-08 11:13:19 319

原创 TypeScript 系列（五）

console.log(My name is ${obj.name},${obj.age} years old)}对函数 foo 的参数进行了如下要求：参数 obj 必须是一个对象对象中必须有两个属性，其中 name 属性必须是 string 类型，age 属性必须是 number 类型需求是实现了，但是存在一个问题：可读性太差了，如果再多几个属性，形参列表就要换几行了。所以，在 TS 中我们往往通过接口来对对象的属性名进行类型约束。利用接口对上面的代码进行改造一下：interfa

2022-05-08 11:11:32 45

原创 TypeScript 之 More on Functions

注意函数参数的名字是必须的，这种函数类型描述 (string) => void，表示的其实是一个函数有一个类型是 any，名为 string 的参数。当然了，我们也可以使用类型别名（type alias）定义一个函数类型：type GreetFunction = (a: string) => void;function greeter(fn: GreetFunction) {// …}调用签名（Call Signatures）在 JavaScript 中，函数除了可以被调用，.

2022-05-08 11:09:53 286

原创 The specified jre installation does not exist

Eclipse还是报错报错了，说明问题还是出在Eclipse本身上，那么就排查开始。1，首先确认JRE是否真的配置正确2，Eclipse配置没问题，那就去排查Tomcat，是否有问题:![在这里插入图片描述](https://img-blog.csdnimg.cn/20200314132702509.png?x-oss-process=image/watermark,type_ZmFuZ3 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编

2022-05-08 11:07:36 309

m0_70646989的博客