不会js的前端 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

只会写js而不会排bug的人，做不了好前端

什么叫好前端？定义有很多，在我这至少包括能写js能排错。有些人因为面试的次数多了，什么样的面试题都见过，成了面霸成了面试小能手。...js面试题写的666，面试谈话也很ok，但实际的开发经历不多，所以他们的短板在于实际工作中的疑难杂症的排除经验。为什么会有些同学过不了试用期呢？...就是像刚才说的那样，面试很6，但排bug很卡，工作进度不Ok，自然面试到期就不Ok了。 //////// 前一篇《为啥总感觉跟前端开发“隔”了一层？因为你没有构建自己的三位一体的前端开发能力。》...//////// 前端开发是可以看到的。这个看到是指页面的不正常，要么是dom不正常，要么是js报错，要么是数据有问题，基本上就在这三个方面之内。...第3，看看这个bug，是js引起的，还是data引起的？这是在确定问题是谁的责任。第4，如果是js引起的，那么要在bug出现的前后不同位置，分别打上console.log来查看打印信息进行调试。

1.2K8 0

不会使用Spring boot写CRUD的前端不是好前端！

Spring Boot作为一个快速开发框架，而MyBatis-Plus则是一个高效的持久层框架，两者的结合可以帮助我们快速实现数据库操作。...概述 MyBatis-Plus是一个基于MyBatis的增强工具，提供了许多便捷的功能和方法，使得CRUD操作更加简单和高效。它能够自动生成基本的SQL语句，减少了手动编写SQL的工作量。...记得修改成自己需要的包路径，点击下一步选择和自己jdk匹配的spring boot版本不然项目会报错选择常用的一些插件，然后点击完成，等待maven下载依赖即可 4....记住jdk的版本和mybatis plus的版本要匹配不然也会出现问题。本人就踩过坑，这个版本要求自己查看官网文档即可这里给出我的pom.xml文件的步骤，包括依赖的引入、数据库连接的配置、实体类和Mapper接口的创建以及Mapper XML文件的编写。

4836 0

您找到你想要的搜索结果了吗？

是的

没有找到

前端JS规范

，eslint: quote-props 原因：因为通常来说我们认为这样主观上会更容易阅读，这样会带来代码高亮上的提升，同时也更容易被主流 JS 引擎优化 // bad const bad = {..._queue.splice(0, 1) return value } } 使用 extends 来实现继承原因：这是一个不会破坏 instanceof 的内建实现原型式继承的方式 // bad...，即 var 声明会被提升至该作用域的顶部，但是他们的赋值并不会。...= function () { console.log('test') } } 命名的函数表达式的变量名会被提升，但函数名和函数函数内容并不会 function example() {...，我建议统一使用分号，代码更加清晰关于应不应该使用分号的讨论有很多，好的 JS 程序员应该清楚场景下是一定要加分号的，相信你也是名好的开发者。

6.1K1 0

【前端开发系列】—— 别说你不会Ajax

之前一直都是用封装好的Ajax,所以一直很好奇它是如何使用和实现的。这里正好就进行一下学习，下面是Ajax的一个时间图。...　　由于Ajax并不是一个统一的标准，因此各个浏览器有自己的创建方式，因此在创建时，需要进行浏览器的验证，使用如下的验证方法即可。...我们的处理函数是自己定义的usernameCallback req.onreadystatechange = usernameCallback; 3.3 send函数用来发送创建好的请求。...req.send(null); 　　自己定义的usernameCallback函数，用于把返回的字符串使用DOM方式写入指定的div中。　　...失败时的效果！

7728 0

前端SweetAlter弹窗js的使用

并且，是全js操作，也即不用再html写任何标签。...官网 Sweetalter官网是：https://sweetalert.js.org/docs/ 也有中文网【注意不是官网，我不确定他是不是官网】，但是我觉得文档有问题，所以这里只放了英文官网，可以自行搜索中文网...Npm npm install sweetalert 浏览器 js..."> 使用最简单的使用 ?...然后请求后台删除，这种场景挺常见的。交互输入我们只需要传入content ,然后指定他的值是input即可。 ? ?

6.8K3 0

那些年之我不会js逆向

0x01 示例1-bc野站（md5） (直接搜索关键词法) 在日某个网站的时候，想要爆破账号密码，解密密码加密的时候遇见的问题这里的password被加密了，尝试找到加密方式通过抓取js发现了： /...jdb-gamehallv3/pool_247/_nuxt/entry.ee524e21.js 代码数据很多，搜索关键字，然后搜索了很久，搜索到了crypto关键字，发现这么一段代码： var nodeWrap...解密把他的加密函数复制下来，然后分别把下列js也一并复制到本地，然后包含即可。...Com_RegisterFile("security.js"); Com_IncludeFile("aes.js"); Com_IncludeFile("base64.js"); 使用npm引入库 const...CryptoJS = require('crypto-js'); 然后把获取sessionid的部分抓包或者f12把sessionid复制进去，定义变量，然后即可加密解密结果：这里看见本地加密的结果和浏览器端加密的一致

4621 1

前端常见算法的JS实现

arr[i]; while(i<j){ while(ix) j--; if(i<j) //这里用i++，被换过来的必然比...arr[i++] = arr[j]; while(i<j && arr[i]<x) i++; if(i<j) //这里用j--，被换过来的必然比...var re = /[\W_]/g; // 将字符串变成小写字符,并干掉除字母数字外的字符 var lowRegStr = str.toLowerCase().replace(re,'');...// 如果字符串lowRegStr的length长度为0时，字符串即是palindrome if(lowRegStr.length===0) return true; // 如果字符串的第一个和最后一个字符不相同

8853 0

nodejs与前端js的区别

很多前端程序员想玩nodejs开发，认为这是前端的一股趋势，但真正能从前端js过渡到nodejs的却是凤毛麟角，而看似和nodejs扯不上关系的后端程序员反而玩的不亦乐乎。...这于理不合，写js向来是前端程序员的拿手好戏，但为什么一碰到nodejs，前端程序员反而不知所措了呢？...因此我认为，前端开发中使用的js和nodejs之间，重点不是js，而是利用js开发的程序的种类的区别。...进行前端开发工作需要掌握技能有html、 css、js以及各种前端框架，把这些技术玩6就可以成为一名合格的前端开发工作者而进行nodejs开发，需要掌握js、web服务器原理、关系数据使用，如果玩想玩的深一点...而前端工程师，通常对于web服务器和关系数据库完全是陌生的，而掌握这两项技术可不比掌握js的使用来的轻松。

4.9K9 0

不会吧不会吧，你不会还不知道这些提高JS代码质量的骚操作吧？

1 评价代码质量指标 1.1 健壮性程序的健壮性是指程序在执行时，在局部发生错误的情况下，不影响整个系统的运行，而且我们能够很快的定位到发生错误的位置。...虽然这种方式，没有一开始那种方式代码量少，写代码的时间也会更长，但我认为这是值得的，因为后期维护的时候会为我们节省更多的时间。如果你维护过一些老的代码，你就会明白，易于维护的代码是多么的重要。...1.2.2 高内聚低耦合耦合就是多个模块之间的依赖关系，而低耦合指的就是多个模块之间的依赖要尽可能的低。...耦合度越低，那么意味着对其他模块依赖度越低，尽量在其他模块出问题的时候，自己开发的模块不会出问题，少依赖别人。一般降低耦合度常用的方法是加层数。...1.2.3 用添加代替更改当需求改变的时候，我们最好加上一段代码去实现新加的功能，而不是去改变原来的代码。 1.3可读性 1.3.1 变量命名规范 js命名应遵循简洁、语义化的原则。

1.3K5 2

前端Js框架汇总

所以，是的，我们需要时不时的回来对掌握的知识梳理归类，以备不时之需。一、前端框架库： 1....总而言之，NodeJS适合运用在高并发、I/O密集、少量业务逻辑的场景。（web前端学习交流群：328058344 禁止闲聊，非喜勿进！）...是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。...2.bootstrap 地址：http://www.bootcss.com/ 描述：简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。...四、前端构建工具 1.gulp 地址：http://www.gulpjs.com.cn/ 描述：易于使用通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。

8.3K3 0

重温前端-js篇

但是多个js文件的加载顺序不会按照书写顺序进行 js"> derer：有derer的话,加载后续文档元素的过程将和 script.js...与传统的try/catch代码块不同的是，即使没有使用catch方法指定错误处理的回调函数，Promise 对象抛出的错误也不会中止外部脚本运行。...mousemove、mouseover，input输入框的keypress等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能。...通过xhr，前端也可以进行异步上传文件的操作，一般由两个思路。...文件切片编码方式上传中，在前端我们只要先获取文件的二进制内容，然后对其内容进行拆分，最后将每个切片上传到服务端即可。

6K1 0

不会js逆向，你是找不到爬虫工作的！

随着各个公司对自家数据信息的重视，他们对自己网站的反爬也是做得越来越全面了，一年前很多网站都能轻松爬到数据，但一年后很多网站都已经不能轻松拿到数据了，很多网站都会有js逆向反爬。...如今想找一份爬虫的工作，或者你想爬一些知名网站，都会加上js逆向反爬，所以js逆向反爬也就成了必须掌握的技能！...看上去逻辑还蛮简单的,就是先这样再那样然后拼接在一起返回回来,完事儿~ 分析加密我们一个个跟进去研究下: u,d,a,e,s这几个加密都可以通过上图的方法追踪到对应的加密。...而且这个代码看着也不像自写的算法,估计也是套的通用的那几种算法,所以我开始翻之前扣过的代码，果然让我找到了: 上面的代码是不是长得有点像,为了验证这个想法我把js里关于加密的代码扣下来look look...不得不说好的编辑器可以让你事半功倍,看到图中划线的地方这个参数的加密方法就一目了然了。

1.8K3 0

前端JS代码规范

前言下面这几点将工作中所踩的一些坑简单整理了一下,团队几个人开发,一些默契就比较重要,可以提高开发效率和代码的可读性命名,编码和注释命名 A.文件夹命名:文件夹、文件的命名与命名空间应能代表代码功能...C.Js代码注释console.log和debugger再提交 D.重要函数或者类等都要添加头描述 ? 字符串拼接应使用数组保存字符串片段，使用时调用join方法。...避免使用+或+=的方式拼接较长的字符串，每个字符串都会使用一个小的内存片段，过多的内存片段会影响性能例一: ? 例二:会影响性能 ?...C.箭头函数使用注意的问题: This指向定义者,内部无arguments对象,不能new(因为箭头函数的this就是指向定义本身),函数里面不要有太多的return D.函数的形参不超过7个,超过用数组...Flag为false If,for…in,for…of和的使用 A.能用三元运算符就用,减少if的嵌套,第一个花括号位于一行的结束 ?

5.9K1 0

前端技巧——js篇

及之后的字符串 var str = url.string(1, url.length); // 删除'?'...var avd = 360 / $('.box').length; // 每一个box对应的弧度 var ahd = avd * Math.PI / 180; // 设置每一个元素的位置...style="margin:0;height: 100vh;width:100vw; background:#900;overflow: hidden;"> js... 这个div的父级下是可以全屏显示的内容... js控制页面的退出全屏显示 <script language

2.4K3 0

【前端】Three.js

Three.js 基本概念渲染器（Renderer）渲染器将和Canvas元素进行绑定场景（Scene）在Three.js中添加的物体都是添加到场景中的，因此它相当于一个大容器。...一般说，场景里没有很复杂的操作，在程序最开始的时候进行实例化，然后将物体添加到场景中即可。照相机（Camera）针对投影方式的不同，照相机分为正交投影照相机与透视投影照相机。...渲染在定义了场景中的物体，设置好的照相机之后，渲染器就知道如何渲染出二维的结果了。这时候，我们只需要调用渲染器的渲染函数，就能使其渲染一次了。

8232 0

JS前端Date（日期）

，那就是两种类型的月份不同，这个各位继续往下看就会得到答案了。...下面小菜重点讲解一些比较重要且常用的方法： - getFullYear(): 返回 4 位数年（即 2022） - getMonth(): 返回日期的月（0 表示 1 月，11 表示 12 月） -...getDate(): 返回日期中的日（1~31） - getHours(): 返回日期中的小时（0~23） - getMinutes(): 返回日期中的分钟（0~59） - getSeconds():...返回日期中的秒（0~59） - getDay(): 返回日期中表示周几的数值（0 表示周日，6 表示周六） - toLocaleDateString(): 获取当前日期（例: 2022/2/27）...获取毫秒值(时间戳) 获取时间戳的方法有很多，小菜挑出这四个常用的简单介绍一下： valueOf() getTime() +new Date() Date.now() H5新增这些返回的结果都是一样的

12.9K3 0

Node.js相比于前端js

相比于前端js，有不少新的api，有操作底层的，有连接mysql的，另外是有了分层、处理请求象等服务端的一些概念感觉更多的是作为中间层，主要可以降低服务器复杂度，后端只提供通用的接口，想怎么显示，中间层组装...，更灵活，但是更多事情就到前端了，更依赖前端资源 node.js引用包,和前端一样，只是额外依赖的包也会自动装 node.js作为中间层的好处：安全些（主服务器不暴露给前端）性能 (高性能)

1.6K2 0

前端JS内存管理

JS内存管理内存原理：任何变成语言在执行的时候都需要操作系统来分配内存，只是有些语言需要手动管理分配的内存有些语言有专门来管理内存的方式如 JVM 了解以上的概念之后，我们再来了解一下大致的内存周期...分配需要的内存使用内存在不使用的时候释放内存 JS 属于自动管理内存的语言在我们定义数据的时候 JS 会给我们分配内存，但是内存分配的方式有区别对于原始数据内存分配在执行的时候直接放在栈空间进行分配...他会从一个根对象去不断查找确认查找之后就会标记对象如果发现找不到就等于无法引用那么就会去销毁（如下图）前提是 RO 对象不会被删除其实就代表我们 js 中的 window对象拓展其他的...新两组有很多对象在完成工作后就会销毁长期存活的对象变为老旧同时他们的检查频次不会那么频繁增量收集（Incremental collection）如果有许多对象，并且我们试图一次遍历并标记整个对象集...闭包概念闭包是JavaScript中一个非常容易让人迷惑的知识点 JS 作为高级语言是支持函数式编程的，这意味着在js中函数操作和使用都非常灵活函数可以作为另外一个函数的参数，也可以作为另外一个函数的返回值来使用

2.5K2 0

js手写前端需要掌握的点

return arr[0] return arr[0] + add(arr.slice(1)) }console.log(add(arr)) // 21实现Object.isObject.is不会转换被比较的两个值的类型...handler);// 视图更改 --> 数据变化input.addEventListener('keyup', function(e) { proxy.text = e.target.value;});参考：前端手写面试题详细解答实现...【译】Promise.allSettled 跟 Promise.all 类似, 其参数接受一个Promise的数组, 返回一个新的Promise, 唯一的不同在于, 其不会进行短路, 也就是说当Promise.../promise.js'), 'utf8').then(d=>{// console.log(d)// })// promise化node所有apiconst promisifyAll = target...7，所以add(m+n)=add(7+5)=add(12)，此时m=12，并且返回temp函数由于后面没有传入参数，等于返回的temp函数不被执行而是打印，了解JS的朋友都知道对象的toString是修改对象转换字符串的方法

2.2K3 0

Avm.js前端框架的优势

在大前端技术领域，当我们遇到了需要解决重复性的问题时，通常会考虑设计一个DSL（Domain-Specific Language）或者抽象出一个框架层，专门来解决这些类似的问题。...这些DSL最终被编译为目标代码，直接发布于小程序平台，或者借助JS-Runtime运行于APP和Web浏览器。...AVM（Application-View-Model）是APICloud基于标准H5子集设计的DSL中间语言编程框架，提供包含虚拟DOM和Runtime的编程框架avm.js以及多端统一编译工具，完全兼容...Web Components标准，同时兼容Vue和React语法编写代码，编译工具将Vue和React相关语法糖编译转换为avm.js代码。...APICloud DSL使用Vue方式定义组件或页面： Avm.js跨端框架的优势配图1.png APICloud DSL使用兼容React JSX方式定义组件或页面： Avm.js跨端框架的优势配图2

2.5K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭