浏览器
【狂神说Java】JavaScript学习笔记
【狂神说Java】JavaScript学习笔记本⽂章根据b站狂神说javascript视频教程整理0、前端知识体系想要成为真正的“互联⽹Java全栈⼯程师”还有很长的⼀段路要⾛，其中前端是绕不开的⼀门必修课。本阶段课程的主要⽬的就是带领Java后台程序员认识前端、了解前端、掌握前端，为实现成为“互联⽹Java全栈⼯程师”再向前迈进⼀步。0.1、前端三要素HTML（结构）：超⽂本标记语⾔（Hyper...
javascript忍者秘籍(第二版)翻译学习第一章JavaScript无处不在...
javascript忍者秘籍（第⼆版）翻译学习第⼀章JavaScript⽆处不在前⾔废话（⽴flag）《javascript忍者秘籍第⼆版》这本书据说是JQUERY之⽗写的，emmm，肯定值得我这种菜狗来学习膜拜，所以打算花时间来把这本书通读记录⼀便，因为是看的英⽂版（因为贫穷，所以只好看看英⽂版的，英⽂版的免费，所以只好⾃⾷其⼒）所以翻译不当之处烦请指正（我统统接受！)书籍传送门(需要的⾃取)链...
30个最常用css选择器解析讲解
30个最常用css选择器解析作者：iiduce 文章来源：css9 点击数：835 更新时间：2011-7-31 你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛...
jquery、js调用iframe父窗口与子窗口元素的方法
jquery 、js 调⽤iframe ⽗窗⼝与⼦窗⼝元素的⽅法1、在⽗页⾯ 获取iframe ⼦页⾯的元素js 写法a 、同过contentWindow 获取也有⽤contentDocument 获取的 但是contentWindow 兼容各个浏览器，可取得⼦窗⼝的 window 对象。contentDocument Firefox ⽀持，> ie8 的ie ⽀持。可取得⼦窗⼝的 docu...
jQuery.click()方法传参
jQuery.click（）⽅法传参今天写东西，要在jQuery 的.click⽅法⾥传参，查阅了⼀下jQuery的官⽅⽂档，做了下实验和总结（原谅我的前端 是⽤⼀点学⼀点！）1 .click()⽅法简介1.click( handler ) //1.0版本的.click，//handler（Function 类型)，只要事件被触发，就会执⾏该function2.click( [eventData...
Web前端发展史(自我成长技术路线图)
Web前端发展史（⾃我成长技术路线图）前端到底是个啥前端其实是个很⼤的范畴。我这⾥只针对 web 开发的前端⽽⾔（下⽂统称前端）。简单点说，针对浏览器的开发，浏览器呈现出来的页⾯就是前端。它的实质是前端代码在浏览器端被编译、运⾏、渲染。前端代码主要由三个部分构成：HTML（超⽂本标记语⾔）、CSS（级联样式表）、JavaScript。如图：前端发展历程前端也算是经历了⼀个⽐较漫长的发展过程，⼤致历...
在vue中安装Bootstrap
在vue中安装Bootstrap1.创建vue项⽬，输⼊以下命令>>vue init webpack projectName（projectName表⽰项⽬名，⾃⼰按照实际命名）2.按照指⽰完成项⽬的创建3.输⼊命令>>cnpm run dev（项⽬创建成功，在浏览器中输⼊⼩⿊窗给出的⽹址即可打开所创建项⽬的⽹页）4.在⼩⿊窗中输⼊命令安ootstrap>>...
如何在SpringBoot项目中使用Bootstrap前端框架并设计表格
如何在SpringBoot项⽬中使⽤Bootstrap前端框架并设计表格技术SpringBootjQueryHTML5CSS3Bootstrap1、打开IntelliJ IDEA 2020开发⼯具，创建SpringBoot框架项⽬创建SpringBoot框架项⽬2、在templates⽂件夹下，新建页⾯⽂件index.html在templates⽂件夹下，新建页⾯⽂件3、配置项⽬的jdk，下载对应...
vue项目难点_Vue项目初步总结(在项目中遇到的问题以及解决办法)
vue项⽬难点_Vue项⽬初步总结（在项⽬中遇到的问题以及解决办法）⼀. 项⽬搭建注意点：建议不要使⽤ESLint 后⾯选No 就ok ⼤神跳过此处，否则在项⽬中只要编码格式有问题就会⼀直拨错！⼆.编辑器选择1、推荐使⽤Visual Studio Code⼯具打开testproject⽂件夹即可进⾏开发。(1)(打开终端快捷键 control+~)在终端⾥⾯输⼊npm install命...
html浏览器返回页面触发的方法
HTML浏览器返回页面触发的方法概述HTML（HypertextMarkupLanguage）是一种用于创建网页的标记语言，它定义了网页内容的结构和呈现方式。在浏览器中，我们经常需要实现当用户点击返回按钮时触发某些操作的需求。本文将介绍几种实现HTML浏览器返回页面触发的方法。方法一：使用JavaScript的onbeforeunload事件在HTML中，我们可以使用JavaScript的onbe...
用html5js实现点击一个按钮达到浏览器全屏效果
⽤html5js实现点击⼀个按钮达到浏览器全屏效果项⽬中需要将后台浏览器的窗⼝全屏，也就是我们点击⼀个按钮要实现按F11全屏的效果。在HTML5中,W3C制定了关于全屏的API，就可以实现全屏幕的效果，也可以让页⾯中的图⽚，视频等全屏⽬前只有google chrome 15 +,safri5.1+,firfox10+,IE11⽀持全屏var docElm = document.documentEl...
前端工作怎么包装简历,需要掌握哪些知识项目
前端⼯作怎么包装简历，需要掌握哪些知识项⽬要想个好的⼯作，最少有⼏个项⽬实战拿的出来。Web前端岗位需要掌握的知识：⼀．前端相关概念建⽴主要内容：浏览器的概念介绍： 浏览器的作⽤、⼯作⽅式浏览器的概念介绍： 浏览器的作⽤、⼯作⽅式HTTP协议： 协议产⽣的原因、作⽤、及内容页⾯加载流程：当⽤户打开浏览器，输⼊地址栏并按下回车之后发⽣的事情⼆．HTML-CSS-JS基础-jQuery学习内容：HT...
JavajQuery图片base64互转两种方案
JavajQuery图⽚base64互转两种⽅案//⽅案1 纯前端实现/*********** START ****** 纯前端实现 Base64图⽚互转换********** START ******/<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="vie...
jQuery实现图片放大预览实现原理及代码
jQuery实现图⽚放⼤预览实现原理及代码对于⼀些⽐较⼩的图⽚，通过⿏标移动到图⽚上进⾏放⼤显⽰，原理很简单，就是将图⽚显⽰的尺⼨变⼤后放在浏览器的⼀个指定位置，从⽽实现图⽚的放⼤预览。以下是代码：复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtm...
H5前端实现签名,写入到合同照片里。(前端实现俩张图片合成)
H5前端实现签名，写⼊到合同照⽚⾥。（前端实现俩张图⽚合成）⼀、概要：我实现的需求类似于，现实中的合同签名。这种⽅式是通过前端⽣成⼀个画布，然后⽤户通过进⼊，浏览到H5页⾯，写⼊⾃⼰的名字，在把写好的画布与我们预先准备好的合同图⽚合成⼀张图⽚，在上传⾄服务器。这种⽅式也可以后端进⾏合成，随后发现前端合成⽐较⽅便，就在前端做了。⼆、前端代码<!DOCTYPE html><met...
HTML,Css,JavaScript,JQuery,Vue基础面试题(持续更新)
HTML,Css,JavaScript,JQuery,Vue基础⾯试题（持续更新）1.表单中GET和POST两种提交⽅式的不同?Get：速度快，安全性低通过浏览器地址栏传值，不⽀持中⽂最多⽀持2000个字符，浏览器地址栏格式为key=value&keyN=valueN，只能传字符串post：速度慢，安全性⾼，不通过浏览器地址栏传值，通过消息体传值，不⽀持中⽂，不限制⼤⼩,⽀持Json和字符...
js和jquery如何获取图片真实的宽度和高度
js和jquery如何获取图⽚真实的宽度和⾼度1、什么时候需要获取图⽚真实的宽度和⾼度在做pc⽹页的时候，有时候会考虑按照插⼊的图⽚的尺⼨来判断图⽚是横图还是竖图。然后判断过后给予不同的展⽰⽅式！另外⼀种就是在⼿机页⾯上，在新闻页插⼊的图⽚往往都是按照图⽚的原尺⼨来展⽰，如果⼿机屏幕太⼩，太⼤的图就会超出去！这时候有两种解决办法1）给所有的图⽚加上这样的样式1复制代码代码如下:jquery在线图片...
jQuery Mobile 入门教程
jQuery Mobile 入门教程原作：Getting started with jQuery Mobile —— Matthew David翻译：filod译文：blog.filod/jquerymobile-2/295.html转载声明：请注明原作、翻译以及译文链接。你每天都会对着它讲话，和它玩游戏，用它看新闻——没错，它就是你裤兜里的智能手机。android，黑莓还是...
浏览器--控制台(console)调试--使用教程实例
浏览器--控制台（console）调试--使⽤教程实例原⽂⽹址：简介说明本⽂⽤⽰例介绍浏览器使⽤控制台（console）调试前端的⽅法。Console API提供了允许开发⼈员执⾏调试任务的功能，Console对象提供了浏览器控制台调试的接⼝。浏览器都实现了这个接⼝，⽐如：⾕歌浏览器、⽕狐浏览器、360浏览器、Safari浏览器、IE浏览器等等。也就是说：所有浏览器都可以⽤console进⾏调试。...
3分钟实现网页版多人文本、视频聊天室(含完整源码)
3分钟实现⽹页版多⼈⽂本、视频聊天室（含完整源码）基于SimpleWebRTC快速实现⽹页版的多⼈⽂本、视频聊天室。1 实现⽅法复制下⾯的代码，保存为⼀个html⽂件<!DOCTYPE html><html><head><script src="code.jquery/jquery-1.9.1.js"></script&...
HTML5与CSS3实例教程(第2版)附源码中文pdf扫描版
HTML5与CSS3实例教程（第2版）附源码中⽂pdf扫描版HTML5和CSS3技术是⽬前整个⽹页的基础。《HTML5与CSS3实例教程(第2版)》共分3部分，集中讨论了HTML5和CSS3规范及其技术的使⽤⽅法。这⼀版全⾯讲解了最新的HTML5和CSS3技术，所有实例均使⽤最新特性实现，针对的是最新版本的浏览器。《HTML5与CSS3实例教程(第2版)》适合所有使⽤HTML和CSS的Web开发⼈...
javascript源码_手把手教你7个有趣的JavaScript项目-下「附源码」
javascript源码_⼿把⼿教你7个有趣的JavaScript项⽬-下「附源码」前⾔JavaScript是最好的语⾔之⼀，尤其是在前端开发中。在本⽂中，您将到7个为初学者提供免费源代码的最佳javascript项⽬。⼿把⼿教你7个有趣的JavaScript 项⽬-上「附源码」接下来⼩编继续。6.创建JavaScript简单计算器codepen您已经学习了HTML和CSS以及javascrip...
jQuery源码解读
总体架构jQuery是个出的javascript库，最近结合它写javascript，看了下源码。 先从整体、全局的看，jQuery的源码几乎都在下面的代码中：(function() {//……})();第一个括号里面是个匿名函数，第二个括号表示马上执行第一个括号里面的代码。首先明白，javascript里面是没有命名空间的，要保证你的javascript函数、对象与其他的不冲突，这里用了jav...
使用pdf.js在线预览PDF(本地文件,服务器文件)
使⽤pdf.js在线预览PDF（本地⽂件，服务器⽂件）前⾔不使⽤插件直接进⾏pdf预览时，对于⼩⽂件没有任何问题，但在预览⼀个305M，近400页的pdf⽂件时，打开pdf直接拉到最后⼏页，会造成浏览器崩溃，于是尝试使⽤pdf.js的插件⽅式进⾏pdf预览，解决⼤⽂件浏览器崩溃的问题。1、下载地址jquery在线库主要⽤到⾥边的 viewer.js 和 viewer.html ⽂件2、打开⽂件夹，...
基于php的学生考勤管理系统分析与设计 - 副本
基于PHP的学生考勤管理系统分析与设计报告计算机与信息学院题 目：C基于PHP的学生考勤管理系统学 生： 黄静耘 学 号： 104833118&nbs...
jquery笔记
<?php defaultValue指定当前默认值时如:this.defaultValue不能写成$(this).defaultValue();jquery中focus()方法相当于js中的onfocus()方法：作用是处理获得焦点时的事件jquery中的blue()方法相当于js中的onblue()方法，作用是处理失去焦点时的事件defaultValue是<textarea>&...
java实现excel、word在线预览
java实现excel、word在线预览java实现excel、word在线预览最近项⽬上有⼀个新的需求是实现附件的预览，⽀持word、excel、pdf等附件的在线预览，刚接到任务时⼀脸懵逼，以为直接访问本地的附件地址就可以，结果word、excel直接下载下来了，紧接着去百度各种搜集资料，发现jacob 这个jar包可以实现word、excel转换为pdf，在本地测试了半天这个jar包不⽀持j...
python实现简单的办公自动化
python实现简单的办公⾃动化前提：我知道各位有很多的繁琐的苦差事，填个excel可能要烦的要死。最近，也有⼈叫我帮他做⼀个脚本，让我帮他从⼀个excel上获取数据，再到他给的⽹站上去搜索，将结果填回。其实挺简单的。今天我就把我的⼀些经验分享⼀下。也算是对我的⼀种提⾼（就拿b站做个例⼦）⽬标：从excel提取关键词到b站进⾏搜索，再将结果返回excel1.⾸先，我们要有配置python环境，这个...
python读awx文件_Ansible之AWX安装部署
python读awx⽂件_Ansible之AWX安装部署环境说明安装部署依赖说明安装ansible# yum install epel-release# yum install ansible安装 Docker# yum install -y yum-utils device-mapper-persistent-data lvm2# yum-config-manager --add-repo ht...
python textbrowser 方法
python textbrowser 方法摘要：1.Python文本浏览器简介2.TextBrowser方法的作用3.如何使用TextBrowser方法4.示例代码及解析5.TextBrowser方法的优缺点6.总结正文：随着Python编程语言的普及，越来越多的开发者开始关注如何在Python中处理和操作文本。在本篇文章中，我们将介绍一个实用的Python文本浏览器方法——TextBrowser...
