- 博客(38)
- 资源 (1)
- 收藏
- 关注
原创 JavaScript快速入门笔记之八(Math对象、Date对象、Number对象、Boolean对象)
封装数学计算中常用的常量值,提供了常用的数学函数不能被实例化常用方法:1.取整:Math.round(n) --对n四舍五入取整Math.ceil(n) --上取整Math.floor(n) --下取整问题:Math.round()虽返回四舍五入的num类型,但只能取整num.toFixed(n) 虽然可以按任意小数取数,但返回字符串类型,且有舍入误差解决:自定义一个增强版round函数,即可返回指定位数四舍五入,又返回number类型数值,且没 有舍入误差。已放在在文件中。
2024-03-29 15:55:51 275
原创 JavaScript快速入门笔记之七(String:字符串类型、RegExp:正则表达式)
什么是字符串?底层本质 :一串字符组成的*只读*字符数组 包装类型:临时封装原始类型数据,并提供对数据操作方法的对象——类型名和原始类型名相同! String Number Boolean何时使用:不必手动创建! js在使用原始类型调用函数时,会自动创建对应的包装类型。包装类型生命周期:调用函数时,临时创建 函数调用完立刻释放!1. 大小写转换:str.toUpperCase() str.toLowerCase() 2. 获取指定位置字符
2024-03-29 15:53:21 515
原创 JavaScript快速入门笔记之六(JS内置对象、数组Array)
js内置对象:ES标准中规定的,由厂商已经实现的对象11个:String Number Boolean Array Date Math RegExp Error Function Object Global。 JS内置对象(11个)、关于地址和内存、遍历数组、索引数组、冒泡排序、数组排序、二维数组、数组对象的常用API
2024-03-28 17:37:35 364
原创 JavaScript快速入门笔记之五(分支结构、循环结构)
程序结构:3种:1. 顺序结构:默认自上向下顺序执行(函数除外)2. 分支结构:根据不同的条件,执行不同的任务3. 循环结构:程序反复执行同一段代码。分支结构:根据不同的条件,选择执行不同的代码段!vs 三目:根据不同的条件,返回不同的值分支结构 if:3种:if结构:1件事,满足条件就做,不满足就不做语法:if(条件){满足条件才执行的代码简写:条件&&满足条件才执行的代码仅限于执行的代码只有一句时,才可用if…else结构:2件事,必须二选一执行。
2024-03-28 17:34:55 106
原创 Midjourney辞典AIGC中英双语图文辞典+Midjourney提示关键词
Midjourney辞典AIGC中英双语图文辞典+Midjourney提示关键词
2024-03-27 21:40:43 249
原创 JavaScript快速入门笔记之四(函数、声明提前)
函数本质:js中的函数也是一个对象!函数名是引用函数对象的变量名!封装一项专门任务步骤清单的代码段, 起一个任务名为什么使用函数:重用!何时使用:只要发现一项任务,反复编写时,都要封装为函数参数:专门接收传入函数内部的数据的变量如何声明参数变量:声明函数时,在函数名后的圆括号中,不用var,每个参数变量之间用逗号分隔参数变量的用法:和普通变量完全一样!何时/如何传入参数值:调用时在函数名后的圆括号中,参数值的个数和顺序要和参数变量声明时保持一致参数使函数变得更灵活!参数是局部变量!
2024-03-27 09:52:13 304
原创 HTML5通过api实现拖放效果 dataTransfer对象
dataTransfer对象用于从被拖动元素向放置目标传递字符串数据。因为这个对象是 event 的属性,所以在拖放事件的事件处理程序外部无法访问 dataTransfer。在事件处理程序内部,可以使用这个对象的属性和方法实现拖放功能
2024-03-26 22:48:16 400
原创 JavaScript快速入门笔记之二(变量、常量、数据类型)
何时使用变量:程序中的一切数据都要保存在变量中,反复使用如何使用变量:2种情况:赋值和取值替换。变量、常量、数据类型
2024-03-26 00:06:40 677
原创 JavaScript快速入门笔记之一(基本概念)
JavaScript=ECMAScript(核心语法)+DOM(专门操作网页内容的标准)+BOM(专门操作浏览器窗口的API)交互:输入数据,处理数据,返回结果 * 脚本:不用编译,直接边解释边执行的程序(会预读) * 事件:用户或浏览器自身触发的动作,事件触发后,才会执行事件处理程序 * 程序:让计算机可以执行任务的指令的序列,程序=数据结构+算法 * 数据结构:程序中数据的存储结构 * 算法:程序的执行步骤!顺序,分支,循环 * 数据类型:数据在内存中的存储格式,不同数据的类型,可执行的操作
2024-03-26 00:05:32 525
原创 HTML快速入门笔记
HTML概述超文本:Web是一个超文本的集合;超文本是web的基本组成单元,也成为网页或HTML文档,Web页等,通常以.html或.htm为后缀的文件;文件通过超链接组织在一起。HTML: 超文本标记语言HTML基础语法标记语法:HTML用于描述功能的符号称为“标记”,比如标记在使用时必须用尖括号括起来,有封闭和非封闭标记(空标记)。元素:即标记,每一对尖括号包围的部分,元素可以包含文本内容和其他元素。
2024-03-25 23:40:01 427
原创 函数表达式和函数声明
函数声明的优点是可以在函数声明之前进行调用,因为函数声明会被提升到作用域的顶部。函数表达式可以在定义之后进行调用,因为函数表达式是赋值给变量或者常量的。在JavaScript中,函数可以通过函数表达式和函数声明两种方式定义。
2024-03-25 22:57:17 209
原创 分辨率、帧率、码率
3、DVD的容量有限,无论是标准的4.3G,还是超刻,或是D9,都有极限。计算机中的信息都是二进制的0和1来表示,其中每一个0或1被称作一个位,用小写b表示,即bit(位)。视频分辨率,一般根据场景不同、客户喜好不同,有多种设置选项。1、码率和质量成正比,但是文件体积也和码率成正比。2、码率超过一定数值,对图像的质量没有多大影响。
2024-03-25 13:50:00 176
转载 实现xgplayer 西瓜播放器截图自定义功能
xgplayer 西瓜播放器中截图具体的需求是我需要在播放器外面实现一个按钮,去调用播放器的截图功能,然后获取到截取的图片。
2024-03-24 17:23:19 14
转载 html中的a标签详解
a标签中有四个伪类,分别是:link:设置a对象在未被访问前的样式表属性visited:设置a对象在其链接地址已被访问过时的样式表属性hover:设置对象在其鼠标悬停时的样式表属性active:设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性通过写入伪类的样式表,可以修改a标签在各种状态下的显示形态,为了产生预期的效果,在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后,a:active 必须位于 a:hover 之后,所以a标签伪类样式
2024-03-24 16:55:54 16
转载 Nginx下关于缓存控制字段cache-control的配置说明
HTTP协议的Cache -Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置 Cache-Control并不会影响另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括: no-cache、no-store、max-age、 max-stale、min-fresh、only-if-cached等。
2024-03-24 16:51:39 15
转载 script标签中的defer和async
如果async脚本下载较快, 趁async脚本下载很短时间内, 文档的解析渲染未完成, async下载后立即执行, 执行时会阻塞文档的解析渲染;但chrome做了优化, 遇到script脚本, 会快速的查看后边有没有需要下载其他资源的, 一起并行下载, 为了节省一部分下载的时间。如果async脚本下载较慢, 当async还在下载时, 文档的解析渲染已完成, 这时不会等待async的下载, 会直接触发DOMContentLoaded事件。如果defer脚本下载较慢, 在下载完前, 页面解析渲染已完毕;
2024-03-24 16:45:43 6
转载 一行代码,浏览器变临时编辑器
这是 Jose 在CoderWall 分享的一个小技巧:在浏览器地址栏中输入下面这行代码,回车即可把浏览器变临时编辑器。data:text/html,<html contenteditable>为什么它能奏效?这是用了数据URI的格式(Data URI’s format),并告诉浏览器渲染 HTML。不过 contenteditable 是 HTML5 的一个新全局属性,所以这个小技巧只能用于支持该
2016-09-05 16:19:21 383
转载 vue 父子组件通信
父子组件通信 父链子组件可以用 this.parent访问它的父组件。根实例的后代可以用this.parent 访问它的父组件。根实例的后代可以用 this.root 访问它。父组件有一个数组 this.$children,包含它所有的子元素。尽管可以访问父链上任意的实例,不过子组件应当避免直接依赖父组件的数据,尽量显式地使用 props 传递数据。另外,在子组件中修改父组件的状态是非常糟糕的做法
2016-09-02 11:12:35 2806
原创 mac OS 使用技巧
finder文件管理文件的选择:不连续多选,使用command+点击;连续多选,在列表显示下,使用shift+点击;显示方式:文件夹显示、列表显示、分栏显示、caverflue预览space 空格键实现预览:选中文件,点击空格进入预览与播放dock工具栏添加删除图标:左侧添加应用,右侧添加文件夹退出程序快捷键:command+q,关闭窗口快捷键:command+w,切换应用快捷键;com
2016-07-14 12:25:31 397
转载 form表单回车提交问题
我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此。比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则:如果表单里有一个type=”submit”的按钮,回车键生效。如果表单里
2016-07-13 17:58:01 1172
原创 css reset
<pre> resetpre { background: #fff; //背景 //排版 text-align: left; padding: 4px; border: none; line-height: 18px; //自动换行 white-space: pre-wrap; word-wrap: break-word;}
2016-06-27 14:23:57 240
原创 intellij idea让资源文件自动更新
web前端如果使用intellijidea开发,想要静态资源文件改动后,在tomcat中立即响应,立刻看到变化,可以做如下配置: 在idea tomcat 中server的配置里,有个on frame deactivation,选择update classes and resources。 如果当前项目没有update classes and resources这个选项,有个Hot Swap c
2016-06-20 17:11:30 5089
原创 gulpfile
// Generated on 2016-03-11 using generator-angular 0.15.1'use strict';var gulp = require('gulp');/* 读取package.json文件里的Dependencies相关配置项,调用gulp api,将gulp插件加载进来,返回对象是obj,该obj的key值与插件同名,指向每个插件,obj赋值给$符
2016-06-20 16:44:51 384
原创 单元测试工具
QUnit QUnit是一个强大的JavaScript单元测试框架,该框架是由jQuery团队的成员所开发,并且是jQuery的官方测试套件。 https://qunitjs.com
2016-06-20 16:34:53 227
原创 插件搜集
日期时间选择器 支持日期和时间的Bootstrap表单组件。 链接: http://www.bootcss.com/p/bootstrap-datetimepicker/demo.htm https://github.com/eternicode/bootstrap-datepicker日期范围选择器 A JavaScript component for choosing date ra
2016-06-20 16:10:14 231
原创 Date Format
Date.prototype.Format = function (fmt) { /** * 对Date的扩展,将 Date 转化为指定格式的String * 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, * 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) *
2016-06-14 19:26:49 487
原创 实现javascript Date加减功能
function dateAddORSub(interval, type, number, myDate) { /* * 功能:实现Date加减功能. * 参数:interval,字符串表达式,表示要添加的时间间隔. * 参数:number,数值表达式,表示要添加的时间间隔的个数. * 参数:type,加减类型. * 参数:myDate,以m
2016-06-14 19:13:01 2034
原创 http状态码
所有状态码汇总:1xx(临时响应) 表示临时响应并需要请求者继续执行操作的状态代码。代码 说明 100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101 (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换。2xx (成功) 表示成功处理了请求的状态代码。 代码 说明 200 (成功) 服务器已
2016-06-14 18:47:25 273
原创 wordpress环境搭建及使用
-环境搭建安装xampp环境在xampp的htdocs目录下新建一个文件夹,如wps,将wordpress内容烤到该文件夹中。打开xzmpp的http://localhost/phpmyadmin/ 为wordpress新建一个数据库,如:wps-配置wordpress浏览器输入地址http://localhost/wps,配置相关信息。也可找到wps\wp-config.php文件来配置
2016-06-02 11:25:19 539
原创 <pre>标签和<code>标签
定义和用法 pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 <pre> 标签的一个常见应用就是用来表示计算机的源代码。 可以导致段落断开的标签(例如标题、<p> 和 <address> 标签)绝不能包含在 <pre> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都
2016-06-01 12:28:12 4017
同城高清手机绿幕,直播间现实与虚拟的混搭技术,老板商家必看!
2024-03-28
2023最新任务悬赏平台源码仿蚂蚁帮众人帮等平台,功能齐全,独立后台某宝9000多【亲测可运营】
2024-03-27
最新H5农场牧场养殖鸡蛋理财鸡游戏运营源码对接免签约支付接口(教程+源码)
2024-03-27
Midjourney辞典AIGC中英双语图文辞典+Midjourney提示关键词Prompt大全.pdf
2024-03-27
JS实现拖放效果,dataTransfer对象实现拖放效果
2024-03-26
使用Assistants API快速搭建领域专属AI助手
2024-03-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人