前端基础
文章平均质量分 64
Lily.C
工作笔记 不断储存 不断成长
展开
-
【CSS +HTML】 超出省略号的效果 、设置滚动条的样式 、 修改输入框 placeholder 样式
滚动条background 时的一些技巧:使用透明度:background 可以支持 RGBA 值,这意味着您可以通过控制颜色的透明度来创建半透明的背景。例如,您可以使用 “background-color: rgba (0, 0, 0, 0.5);” 来创建一个半透明的黑色背景。使用背景图片:您可以使用 background-image 属性来添加背景图片。如果您想让背景图片重复,请使用background-repeat 属性,并设置其值为 repeat-x、repeat-y 或者repeat原创 2023-08-02 16:51:18 · 168 阅读 · 0 评论 -
小工具集合
一些小工具原创 2023-02-14 14:32:12 · 155 阅读 · 0 评论 -
css字体
css 字体引用原创 2022-10-31 11:24:30 · 781 阅读 · 0 评论 -
好用的工具网址
工具地址原创 2022-10-18 10:01:28 · 195 阅读 · 0 评论 -
前端JavaScript命名规范初稿01版(2022)
让我们一起看下什么是好的命名方式。原创 2022-06-18 11:51:16 · 515 阅读 · 0 评论 -
【JavaScript 小工具】—— 数组方法、字符串方法、遍历方法、高阶函数、正则表达式
接收两个参数,参数一是需要替换掉的字符或者一个正则的匹配规则,参数二,需要替换进去的字符,仔实际的原理当中,参数二,你可以换成一个回调函数。在目标字符串中搜索与正则规则相匹配的字符,搜索到,则返回第一个匹配项在目标字符串当中的位置,没有搜索到则返回一个。方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配,并返回一个包含该搜索结果的数组。将数组转化成字符串,并返回该字符串,不传值则默认逗号隔开,原数组不变。返回指定索引位置处的字符。将数组转化成字符串,并返回该字符串,逗号隔开,原数组不变。原创 2022-04-18 13:56:03 · 381 阅读 · 0 评论 -
【JavaScript常用方法整理】——T.2020-1120
获取cookiefunction getCookie(key) { var cookie, cookieObj = {}; cookie = document.cookie.split(';'); if (!cookie) { return null; } $.each(cookie, function(i, el) { var arr = el.split('='); cookieObj[arr[0]] = arr[原创 2020-11-20 11:58:37 · 90 阅读 · 0 评论 -
前端 HTTP状态码
100 Continue 继续,一般在发送post请求时,已发送了http header之后服务端将返回此信息,表示确认,之后发送具体参数信息200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务器已接受请求,但尚未处理301 Moved Permanently 请求的网页已永久移动到新位置。302 Found 临时性重定向。 303 See Other 临时性重定向,且总是使用 GET 请求新的 URI。3原创 2020-11-13 10:42:07 · 118 阅读 · 0 评论 -
【JavaScript常用方法整理】— JS日期格式化转换方法(T.2020-0708-002)
这里写目录标题1. 将日期转换为指定的格式:2. 将指定的日期转换为"年月日"的格式,代码如下:3. 将 "时间戳" 转换为 "年月日" 的格式.1. 将日期转换为指定的格式:比如转换成 年月日时分秒 这种格式:yyyy-MM-dd hh:mm:ss 或者 yyyy-MM-dd。当然是网上的方法,只是总结下。可以为Date原型添加如下的方法:Date.prototype.format = function(fmt) { var o = { "M+": this.getMont原创 2020-07-08 10:28:49 · 1013 阅读 · 0 评论 -
【前端基本知识点】— 移动开发.html文件(T.2020-0708-001)
目录一. 使用rem作为单位二. 禁用a,button,input,optgroup,select,textarea 等标签背景变暗三. meta基础知识点:3.1.页面窗口自动调整到设备宽度,并禁止用户及缩放页面。3.2.忽略将页面中的数字识别为电话号码3.3. 忽略Android平台中对邮箱地址的识别3.4. 当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari3.5. 将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式3.6. 需要在网站的根目录下存放fa原创 2020-07-08 10:10:21 · 291 阅读 · 0 评论 -
【前端面试整理】— JavaScript经典面试题(T.2020-0707-001)
目录标题1:方法的调用问题2 :变量声明提升、函数表达式和函数声明的区别标题3 :变量作用域问题、是this指向问题标题4标题5 JS的运算符优先级问题标题6标题第七问function Foo() { getName = function() { console.log(1); }; return this;}Foo.getName = function() { console.log(2);};Foo.prototype.getName = function() { console原创 2020-07-07 16:20:53 · 226 阅读 · 0 评论 -
【前端面试整理】— ES6相关知识点(T.2020-0619-001)
目录1、es5 和es6 的区别,说一下你所知道的 es62、var、let、const之间的区别1、采用闭包2、采用立即执行函数方法一:使用立即执行函数方法二:使用闭包方法三:使用let其他知识点-》forEach():3、使用箭头函数应注意什么?3.1 箭头函数箭头函数不绑定`arguments`,取而代之用rest参数` ... `解决箭头函数会捕获其所在上下文的 this 值,作为自己的 this 值对于函数的`this`指向问题:4、ES6的模板字符串有哪些新特性?并实现一个类模板字符串的功能原创 2020-06-19 23:18:10 · 527 阅读 · 0 评论 -
【JavaScript 基础知识】— 闭包 / 内存泄漏(T.2020-0611-002)
闭包:就是能够读取其他函数内部变量的函数。堆栈溢出:就是不顾堆栈中分配的局部数据块大小,向该数据块写入了过多的数据,导致数据越界,结果覆盖了别的数据。经常会在递归中发生。内存泄露是指:用动态存储分配函数内存空间,在使用完毕后未释放,导致一直占据该内存单元。直到程序结束。指任何对象在您不再拥有或需要它之后仍然存在。造成内存泄漏:setTimeout 的第一个参数使用字符串而非函数的话,会引发内存泄漏。闭包、控制台日志、循环(在两个对象彼此引用且彼此保留时,就会产生一个循环)防止内存泄露:1、不要原创 2020-06-11 00:18:24 · 168 阅读 · 0 评论 -
【JavaScript 基础知识】— 基础数据类型/内置对象/typeof (T.2020-0610-002)
目录JavaScript 中基础数据类型JavaScript 中的内置对象typeof null 返回结果为 'object'Array 对象方法与作用typeof|可能的返回值JavaScript 中基础数据类型数据类型名称数据类型说明Undefined只有一 个值,即 undefined ,声明变量的初始值。Null只有一个值,即 null ,表示空指针, undefined 的值是派生 null 的值。String由零或多个 16 位 Unicode 字符组成原创 2020-06-10 23:45:31 · 133 阅读 · 0 评论 -
【JavaScript 基础知识】— 同步/异步/阻塞/非阻塞(v.2020-0610-001)
同步 (synchronous) vs. 异步 (asynchronous)**同步和异步关注的是消息通信机制。同步:发出一个调用,在没有得到结果之前,该调用不返回。一旦调用返回,就得到返回值了。异步:发出一个调用,这个调用就直接返回了,所以没有返回结果。当被调用者获得结果,会使用其他方式来通知调用者,或者通过回调函数来处理这个调用。举个通俗的例子:你打电话问书店老板有没有《分布式系统》这本书。如果是同步通信机制,书店老板会说,你稍等,”我查一下",然后开始查啊查,等查好了(可能是5秒,也可原创 2020-06-10 23:34:10 · 143 阅读 · 0 评论 -
正则匹表达式 — 匹配URL地址+常用正则整理(建议收藏,比较全)
/*在输入框中如何判断输入的是一个正确的网址,例如:用户输入一个字符串,验证是否符合URL网址的格式*/ /*=>URL 格式l.协议:// http/https/ftp:// (http| https | ftp): \/\/) ?2.域名 数字字母下划线中杠(-) \w :数字字母下划线([\w-]+\.)+ [a-z0-9]==> xxx.xxx.xxx 一次或者多次www.zhufengpeixun.cnzhufengpeixun.cnkbs.sports.qq.co原创 2020-06-06 14:20:17 · 30702 阅读 · 1 评论 -
HTML元素分类
块级元素(block)特性:总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示;宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;内联元素(inline)特性:和相邻的内联元素在同一行;宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的t...原创 2019-09-26 14:33:54 · 142 阅读 · 0 评论 -
HTML5(一)新元素、新特性总结
HTML5 是 W3C 与 WHATWG 合作的结果。编者注:W3C 指 World Wide Web Consortium,万维网联盟。编者注:WHATWG 指 Web Hypertext Application Technology Working Group。WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。原创 2019-11-12 15:26:25 · 225 阅读 · 0 评论 -
cookie 、 session、Web Storage与本地数据库
cookie和session都是用来跟踪浏览器用户身份的会话方式。cookiesession保持状态cookie保存在浏览器端session保存在服务器端使用方式如果不在浏览器中设置过期时间,cookie被保存在内存中,生命周期随浏览器的关闭而结束,这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间,cookie被保存在硬盘中,...原创 2019-09-19 11:29:30 · 258 阅读 · 0 评论 -
call()、apply()、bind()
call语法fun.call(thisArg, arg1, arg2, ...)thisArg: 在fun函数运行时指定的this值。需要注意的是,指定的this值并不一定是该函数执行时真正的this值,如果这个函数处于非严格模式下,则指定为null和undefined的this值会自动指向全局对象(浏览器中就是window对象),同时值为原始值(数字,字符串,布尔值)的this会指向该原...原创 2019-09-17 14:45:59 · 103 阅读 · 0 评论 -
JavaScript (三)之 操作DOM 文档
JavaScript HTML DOM 文档HTML DOM Document 对象 文档对象代表您的网页。如果您希望访问 HTML 页面中的任何元素,那么您总是从访问 document 对象开始。下面是一些如何使用 document 对象来访问和操作 HTML 的实例。查找 HTML 元素方法描述document.getElementById(id)通过元素 ...原创 2019-09-11 16:44:07 · 175 阅读 · 0 评论 -
AJAX原理(原生)
AJAX 简介一个简单的AJAX实例function loadXMLDoc(){ var xmlhttp; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 浏览...原创 2019-09-11 16:26:04 · 306 阅读 · 0 评论 -
JavaScript (二)之 String 对象
JavaScript String 对象String 对象 String 对象用于处理文本(字符串)。//创建 String 对象的语法:new String(s);String(s);//参数 s 是要存储在 String 对象中或转换成原始字符串的值。//返回值//当 String() 和运算符 new 一起作为构造函数使用时,它返回一个新创建的 String 对象,...原创 2019-09-10 16:51:26 · 114 阅读 · 0 评论 -
JavaScript (一)之 简介 引用 变量 关键词 运算 数据类型
JavaScript 之(一)欢迎使用Markdown编辑器欢迎使用Markdown编辑器在 HTML 中,JavaScript 代码必须位于 标签之间,type 属性不是必需的。JavaScript 是 HTML 中的默认脚本语言。JavaScript 同时接受双引号和单引号:外部 JavaScript 的优势分离了 HTML 和代码使 HTML 和 JavaScript 更...原创 2019-09-10 15:11:29 · 213 阅读 · 0 评论