![](https://img-blog.csdnimg.cn/20190918140037908.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web前端 Html/Css/Js
前端相关知识
叶子 ✪ω✪
收集了一些编程的书,图书推荐中有书单,喜欢可私信.
展开
-
js实现点击显示一个div,点击其他任何地方div消失
https://bbs.csdn.net/topics/390853007https://www.itranslater.com/qa/details/2125411084126389248https://blog.csdn.net/Mr_ito/article/details/104232251原创 2021-10-21 16:24:37 · 1230 阅读 · 0 评论 -
多行超出部分显示省略号
var p = document.getElementsByTagName('p')[0].innerHTML; console.log(p); //超出30个字符显示省略号 var p1 = p.substr(0,30) + "..."; document.getElementsByTagName('p')[0].innerHTML = p1;原创 2021-10-21 14:28:12 · 234 阅读 · 0 评论 -
js实现文件流下载
https://www.cnblogs.com/cntt/p/13564035.html原创 2021-10-21 10:59:30 · 198 阅读 · 0 评论 -
不常用css
overflow-wrap:normal | break-word默认值:normal适用于:所有元素继承性:有动画性:否计算值:指定值相关属性:[ word-wrap ] || [ word-break ]原创 2021-10-21 10:44:01 · 91 阅读 · 0 评论 -
前端项目难点
Modal样式要求弹出层在屏幕够高时处于偏上的位置,在屏幕不足时距顶部一定位置原创 2021-10-13 11:24:13 · 1145 阅读 · 0 评论 -
音视频技术
opensslhttps://www.jianshu.com/p/3950b84d64a1https.createServerlog4jsWebRTCreferhttps://www.zhangxinxu.com/wordpress/2013/10/understand-domstring-document-formdata-blob-file-arraybuffer/CSS3 filter(滤镜) 属性server-indexhttps://www.cnblogs.com/zhaowei原创 2021-10-11 11:40:50 · 102 阅读 · 0 评论 -
Node Sass does not yet support your current environment: OS X 64-bit with Un
https://www.jianshu.com/p/6a518fb4b8bdhttps://blog.csdn.net/youcijibi/article/details/81939418解决方案:node-sass,sass-loader的版本号~替换为^原创 2021-08-09 17:52:55 · 1276 阅读 · 0 评论 -
js面试
1577344347667157734531503015773461325651577348051441continue终止本次循环 break跳出循环use strictcharCodeAt() String.fromCharCode()document.createDocumentFragment()onkeydown()大写,功能键被识别 onkeypress() e.keyCodeDOM2级事件 addEventListen() removeEventListen()事件源 va原创 2020-08-07 09:28:44 · 128 阅读 · 0 评论 -
Object对象
Object对象本身的方法对象所谓“本身的方法”就是直接定义在Object对象的方法。Object.print = function (o) { console.log(o) };上面代码中,print方法就是直接定义在Object对象上。(2)Object的实例方法所谓实例方法就是定义在Object原型对象Object.prototype上的方法。它可以被Object实例直接使用。Object 当工具函数Object函数的参数是各种原始类型的值,转换成对象就是原始类型值对应的包装对象。如原创 2020-06-10 14:53:06 · 312 阅读 · 0 评论 -
使用不是有效变量名称的属性名进行对象解构
使用不是有效变量名称的属性名进行对象解构(Object destructuring with property names that are not valid variable names)JavaScript IT屋 2017/8/3 19:48:36百度翻译此文 有道翻译此文问 题Does anyone know if you can use object destructuri...原创 2020-01-20 17:10:46 · 1371 阅读 · 0 评论 -
项目难点总结
关系图谱绘制头部,侧边栏组件全局公用oss直传钉钉接入\1. 基于 Ice CLI搭建应用环境\2. 利用 状态管理store多个微应用之间实现数据共享\3. 使用icestark创建框架应用,使用icestark-child创建微应用,集成多个框架\4. 插件开发...原创 2021-02-07 20:45:31 · 142 阅读 · 0 评论 -
[图灵程序设计丛书].JavaScript快速全栈开发
如何使用最新的Web及移动技术快速构建软件原型。这些技术包括Node.js②、 MongoDB③、Twitter Bootstrap④、LESS⑤、jQuery⑥、Parse.com⑦、Heroku⑧,等等。原创 2020-11-17 21:49:01 · 137 阅读 · 0 评论 -
js实现图片,视频,文件上传,多文件上传
url原创 2020-09-18 10:31:04 · 626 阅读 · 0 评论 -
js图书推荐
JavaScript权威指南(第6版)原创 2020-01-19 19:41:32 · 936 阅读 · 0 评论 -
map是否修改数组
map()不会改变原始数组当数组中的元素是值类型,map()不会改变原始数组,是引用类型,会改变原始数组const arr=[ {name:'cjr',age:12}]let result = arr.map((item)=>{ item.age=item.age+1; return item;})log(item) // {name:'cjr',age:13}log(item) // {name:'cjr',age:13}直接修改item的属性是导致原数组的改变正确的原创 2020-06-14 15:22:04 · 1106 阅读 · 0 评论 -
数组
任务了解数组的概念学会声明数组数组的访问数组的遍历数组的属性:length动态初始化数组排序引用类型传参二维数组JSON数组有序的内存单元集合。作用:可以有序的保存各种类型的数据数组的声明方式方括号构造函数初始化数组长度构造函数:构造对象用的,通常由new关键字调用var _arr01=[];//声明数组的第一种方式,用一对中括号表示数组var _arr02=new Array();//声明数组的第二种方式:构造函数声明数组//构造函数只能由n原创 2021-02-16 10:01:37 · 1203 阅读 · 6 评论 -
文件上传服务器
Web API接口FormDataFormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式,并且可以轻松的将数据通过XMLHttpRequest.send() 方法发送出去,本接口和此方法都相当简单直接。如果送出时的编码类型被设为 “multipart/form-data”,它会使用和表单一样的格式。构造函数FormData()方法appned() 向 FormData 中添加新的属性值,FormData 对应的属性值存在也不会覆盖原值,而是新增一个值,如果属性原创 2020-09-18 17:47:35 · 394 阅读 · 0 评论 -
最佳实践
28.2 性能28.2.1 作用域意识第 4 章讨论过 JavaScript 作用域的概念,以及作用域链的工作原理。随着作用域链中作用域数量的增加,访问当前作用域外部变量所需的时间也会增加。访问全局变量始终比访问局部变量慢,因为必须遍历作用域链。任何可以缩短遍历作用域链时间的举措都能提升代码性能。避免全局查找改进代码性能非常重要的一件事,可能就是要提防全局查询。全局变量和函数相比于局部值始终是最费时间的,因为需要经历作用域链查找。来看下面的函数:function updateUI() {原创 2021-02-17 11:01:19 · 1338 阅读 · 5 评论 -
函数
编程的基本规则代码要具有通用性整洁度高内聚低耦合(尽可能的这样去做)函数概念:函数是可以重复调用的代码块特性:函数只有被调用时才会执行,或者事件驱动时会执行函数调用完毕后自动释放用途:一般情况下一个小的功能就封装为一个函数代码块,供重复调用函数的语法:函数的调用方式:函数传参形参:必须符合声明变量的规则形参数量可以是任意多个实参:实参可以是任意类型表达式或者值或者常量实参数量可以是任意多个形参和实参必须是一一对应的,位置上有绝对的要求什原创 2021-02-16 10:05:12 · 239 阅读 · 1 评论 -
事件循环机制EventLoop
https://www.jianshu.com/p/c3716bedfaae事件循环机制EventLoopBigTooth_3611关注0.3372019.01.28 09:04:23字数 3,035阅读 1,677Event Loop即事件循环,是解决javaScript单线程运行阻塞的一种机制。一、EventLoop的相关概念1、堆(Heap)堆表示一大块非结构化的内存区域,对象,数据被存放在堆中2、栈(Stack)栈在javascript中又称执行栈,调用栈,是一种后进先出的数组结构原创 2020-08-07 09:28:14 · 3919 阅读 · 0 评论 -
数据类型
nudefinednullbooleanstringnumberobject原创 2021-02-16 09:45:43 · 206 阅读 · 2 评论 -
语句
原创 2021-02-16 09:36:28 · 204 阅读 · 0 评论 -
HTML5脚本编程 JavaScript API
跨文档消息传递postMessage()原生拖放拖放事件媒体元素属性属性数据类型说明autoplayB取得或设置autoplaycontrolsB取得或设置controls属性,用于显示或隐藏浏览器内置的控件currentLoopInt媒体文件已循环的次数currentSrcS当前播放媒体文件的URLcurrentTimeF已经播放的秒数defaultPlaybackRateF取得或设置默认默认播放速度durati原创 2021-02-16 18:14:21 · 285 阅读 · 1 评论 -
js
访问dom元素document.querySelector(’[aaa=“aaa”]’)搜索与传入的选择器匹配的元素,即使有多个,也只返回一个document.querySelectorAll(’[aaa=“aaa”]’)匹配所有返回值:NodeList对象DOM元素返回值:节点列表(!数组)//节点列表(!数组)向后兼容var arr=[].slice.call(obj)...原创 2019-12-04 15:36:59 · 112 阅读 · 0 评论 -
js组织架构
提速:秒开iconfont预加载js,css 资源预加载requestIdleCallback打包加载锁定范围external公共加载依赖css3 varblejs沙箱react17 的多react实力闭包css隔离styled component按需加载cdn urlscopeversion原创 2021-07-07 10:18:50 · 279 阅读 · 0 评论 -
JavaScript 中 call()、apply()、bind() 的用法
https://www.runoob.com/w3cnote/js-call-apply-bind.html添加链接描述JavaScript 中 call()、apply()、bind() 的用法分类 编程技术其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解!先看明白下面:例 1obj.objAge; // 17obj.myFun() // 小张年龄 undefined例 2shows() // 盲僧 比较一下这两者 this 的差别,第一个打印里面的 this 指原创 2020-06-11 21:51:21 · 87 阅读 · 0 评论 -
JavaScript语言精粹_修订版
LispScheme原创 2020-11-17 23:36:58 · 187 阅读 · 0 评论 -
Promise
new Promise原创 2020-01-04 10:14:43 · 55 阅读 · 0 评论 -
价格去0方案
去除价格数字后面无意义 的 0, 减少空间占用. 如原创 2021-03-09 10:26:14 · 64 阅读 · 0 评论 -
ES6 教程
参考:1.ES6 入门教程2.Babel原创 2021-07-26 10:20:41 · 114 阅读 · 0 评论 -
错误处理和调试
21.1 浏览器错误报告原创 2021-02-16 21:39:03 · 297 阅读 · 1 评论 -
prettier配置规则
https://prettier.io/docs/en/options.htmlhttps://cloud.tencent.com/developer/section/1135807原创 2020-12-04 16:28:44 · 1695 阅读 · 0 评论 -
鼠标事件
由鼠标事件(MouseEvent)可以发现:其中包含了许多的坐标,且每个坐标的含义都不一样。下面我们来挨个介绍常用的坐标,以及它们的含义。一、clientX、clientY点击位置距离当前body可视区域的x,y坐标二、pageX、pageY对于整个页面来说,包括了被卷去的body部分的长度三、screenX、screenY点击位置距离当前电脑屏幕的x,y坐标四、offsetX、offsetY相对于带有定位的父盒子的x,y坐标五、x、y和screenX、screenY一样如图所示:原创 2020-06-28 22:56:56 · 360 阅读 · 0 评论 -
js原生操作DOM整理
JavaScript获取元素尺寸和大小操作总结JS获取子节点、父节点和兄弟节点的方法实例总结js判断是否超过几行原创 2021-05-24 08:53:55 · 93 阅读 · 0 评论 -
chrome黑科技
chrome://chrome-urls/栈溢出排查原创 2021-04-06 14:20:58 · 113 阅读 · 0 评论 -
编程风格
空格表示函数调用时,函数名与左括号之间没有空格。表示函数定义时,函数名与左括号之间没有空格。其他情况时,前面位置的语法元素与左括号之间,都有一个空格。按照上面的规则,下面的写法都是不规范的。foo (bar)return(a+b);if(a === 0) {…}function foo (b) {…}function(x) {…}上面代码的最后一行是一个匿名函数,function是语法关键字,不是函数名,所以与左括号之间应该要有一个空格。行尾的分号分号表示一条语句的结束。JavaSc原创 2020-06-06 17:57:46 · 187 阅读 · 0 评论 -
工作者线程
27.1 工作者线程简介JavaScript 环境实际上是运行在托管操作系统中的虚拟环境。在浏览器中每打开一个页面,就会分配一个它自己的环境。这样,每个页面都有自己的内存、事件循环、DOM,等等。每个页面就相当于一个沙盒,不会干扰其他页面。对于浏览器来说,同时管理多个环境是非常简单的,因为所有这些环境都是并行执行的。使用工作者线程,浏览器可以在原始页面环境之外再分配一个完全独立的二级子环境。这个子环境不能与依赖单线程交互的 API(如 DOM)互操作,但可以与父环境并行执行代码。...原创 2021-02-17 10:26:53 · 514 阅读 · 0 评论 -
模块
现代 JavaScript 开发毋庸置疑会遇到代码量大和广泛使用第三方库的问题。解决这个问题的方案通常需要把代码拆分成很多部分,然后再通过某种方式将它们连接起来。在 ECMAScript 6 模块规范出现之前,虽然浏览器原生不支持模块的行为,但迫切需要这样的行为。ECMAScript 同样不支持模块,因此希望使用模块模式的库或代码库必须基于 JavaScript 的语法和词法特性“伪造”出类似模块的行为。因为 JavaScript 是异步加载的解释型语言,所以得到广泛应用的各种模块实现也表现出不同原创 2021-02-16 22:21:43 · 643 阅读 · 1 评论 -
js函数
函数本身的作用域添加链接描述函数本身也是一个值,也有自己的作用域。它的作用域与变量一样,就是其声明时所在的作用域,与其运行时所在的作用域无关。var a = 1;var x = function () {console.log(a);};function f() {var a = 2;x();}f() // 1上面代码中,函数x是在函数f的外部声明的,所以它的作用域绑定外层,内部变量a不会到函数f体内取值,所以输出1,而不是2。总之,函数执行时所在的作用域,是定义时的作用域,而不是原创 2020-06-06 17:09:29 · 119 阅读 · 0 评论 -
rc-field-form 如何实现的
https://www.cnblogs.com/dora-zc/p/10763746.htmlhttps://www.jianshu.com/p/c0dee479225b原创 2021-01-04 16:13:18 · 1805 阅读 · 1 评论