qq 2903359018博客

各位编程爱好者，今天由小蓝与大家分享13个基本的JavaScript 函数，如果您是 Web前端开发人员，您应该熟悉这些函数。您可以将本文所有 JavaScript 函数加入收藏至您的工具箱，以便在您的软件项目中尽可能使用这些片段。

JavaScript 发展很快，但似乎 JavaScript 开发人员的发展速度更快，因为许多相对较新的功能已经显示出很高的采用率。

在本文中，我们将研究多种方法来轻松获取 JavaScript 中字符串的第一个字符。1.charAt() 方法要获取字符串的第一个字符，我们可以在字符串上调用 charAt() ，将 0 作为参数传递。例如，str.charAt(0) 返回 str 的第一个字符。

Hello~~各位小伙伴，相信在前端开发项目中，CSS实现如修改输入占位符样式，多行文本溢出，隐藏滚动条，修改光标颜色，水平和垂直居中等等，这些都是我们非常熟悉的开发场景！前端开发者几乎每天都会和它们打交道，所以，今天广州蓝景收集一些CSS技巧，希望对大家有帮助。

正在学习前端入门的爱好者，可以看过来，其实Javascript语言可以做很多神奇的事情，还有很多东西要学。今天广州蓝景简单跟大家介绍12个简短的代码帮助大家在开发过程中，写更少的代码，实现更好、更强的功能。使用 Math.random() 会返回一个介于 0 和 1 之间的随机数，然后判断是否大于 0.5 会得到一个有 50% 概率为 True 或 False 的值。反转字符串的方法有很多，这里是最简单的一种，使用 split()、reverse() 和 join()如果有兴趣了解、对比，可以共同交流。

各位小伙伴好，今天我们广州蓝景与大家分享一些前端技术知识。JavaScript中的Array对象与其他编程语言中的数组一样，可以将多个项目的集合存储在单个变量名下，并具有用于执行常见数组操作的成员。

各位小伙伴好，广州蓝景继续分享CSS加载动画效果的素材资源。现在我们就开始接着分享上一期【web前端素材】使用CSS动画效果(下)

很久没有跟大家分享【web前端素材】了，今天广州蓝景跟大家分享一期关于CSS加载动画效果的素材资源，这些素材既可以作为初学者的练习资源，也可以作为实际开发项目时的灵感来源。所以，小编把它整理到文章中，分成上下两部分。

各位编程的小伙伴，今天广州蓝景继续跟大家分享前端技术相关文章：微前端架构的几种技术选型，你了解吗？随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。

随着现代互联网IT发展趋势，其中，作为前端最重要的编程语言JavaScript，每年都在不断发展，让该语言都会通过新功能变得更强大，让开发人员编写更具表现力和简洁的代码。

在美好的中国情人节—浪漫的七夕到来之时 BLUE J 广州蓝景化身为爱的使者 打造属于程序员的“爱的告白”翻 译机， 将你们平时难以启齿的每一段情话， 传递到TA身边，只需输入自己的名字， 系统就能把“I LOVE YOU”自动翻译成你的风格 配上符合情境的动人音乐，让你的表白别具一格。...

导语：如今的前端早已不再拘泥于满足页面展示，而是开始延展到通过全栈来闭环产品。这表明前端已经有能力透过业务深入产业，继而影响商业结果。这种表象的改变背后是本质的转变，从更为宏观的角度来说，前端正在通过持续的技术革新和技术融合不断突破自身边界，进而重新定义自身价值。在这种大变革的时代背景下，广州蓝景前端团队也正在与时俱进得进行着技术更新、优化与升级，结合自身这一年的快速发展，广州蓝景前端团队为大家带来2022年上半年大前端技术趋势解读。......

各位小伙伴好，今天广州蓝景小编跟大家分享一下CSS 盒子模型(Box Model)的运用：所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。

各位读者好，今天广州蓝景小编带你探讨前端技术（HTML+CSS）入门之CSS常见代码大全，希望通过阅读本篇文章后大家有所收获，对前端知识有更深入的了解。HTML+CSS 可以很方便的进行网页的排版布局，还能减少很多不必要的代码。...

相信很多从事技术行业的朋友都有疑问，您有没有想过成为一名优秀的程序员除了 “硬技能”技术过硬以外，还需要具备什么条件呢？

前言Docker的诞生毫无疑问，DocKer成了近些年来最火热，甚至最具颠覆性的技术之一。首先，我们在传统项目简单描述一下，项目发布的基本流程。本地开发+测试，没有问题的话，编译打包发布到测试环境在测试环境中进行测试，测试完成后，发布到生产环境在生产环境中进行最后的测试，如果没有问题，那么一切就OK了如果你是从事了一年以上开发人员，我想100%的人都亲身经历过这样的事情 —— 在自己本地测试都没有问题，发布到测试环境、生产环境后，就出现问题了！搞得自己非常苦恼！非常纠结！到底是哪

前端面试，必问闭包闭包有多重要？如果你是初入前端的朋友，我没有办法直观的告诉你闭包在实际开发中的无处不在，但是我可以告诉你，前端面试，必问闭包。面试官们常常用对闭包的了解程度来判定面试者的基础水平，保守估计，10个前端面试者，至少5个都死在闭包上。讲解闭包时，我们先来看个例子上面代码中，函数f1可以读取全局变量n。但是下面例子，函数外部无法读取函数内部声明的变量。上面代码中，函数f1内部声明的变量n，函数外是无法读取的.如果有时需要得到函数内的局部变量。正常情况下，这是办不到的，只有通过变通方

解析器在调用函数时，每次都会向函数内部传递一个隐含的参数this，这个隐含参数就是this, this指向的是一个对象，这个对象我们称为函数执行的上下文对象根据函数的调用方式的不同，this会指向不同的对象1.以函数的形式调用时，this指向的是window2.以方法的形式调用时，this就是调用方法的那个对象3.当以构造函数的形式调用时，this就是新创建的那个对象4.使用call()和apply()调用时，this就是call()和apply()第一个参数的对象5.使用bind()()调

为什么要关注内存如果我们有内存溢出，程序占用的内存会越来越大，最终引起客户端卡顿，甚至无响应。如果我们使用Node.js做后端应用，因为后端程序会长时间运行，如果有内存溢出，造成的后果会更严重，服务器内存可能会很快就消耗光，应用不能正常运行。JS数据类型与JS内存机制JS有如下数据类型原始数据类型：String, Number, Boolean, Null, Undefined, Symbol引用数据类型：Object（对象，数组，函数）而存放这些数据的内存又可以分为两部分：栈内存（Stac.

前言浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分的，一是渲染引擎，另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种：Trident（IE）、Gecko（火狐）、Blink（Chrome、Opera）、Webkit（Safari）。这里面大家最耳熟能详的可能就是 Webkit 内核了，Webkit 内核是当下浏览器世界真正的霸主。本文我们就以 Webkit 为例，对现代浏览器的渲染过程进行一个深度的剖析。页面加载过程在介绍浏览器渲染过程之

setInterval() - 间隔指定的毫秒数不停地执行指定的代码（一直执行）。setTimeout() - 在指定的毫秒数后执行指定代码(只执行一次)。使用setInterVal：function doStuff(){ // 此处为需要执行一段时间T的代码 } setInterVal(doStuff, 100);下来用使用setTimeout模拟setInterval：function tick() { doStuff();

这次想聊聊移动开发相关的事。是的，你没有看错，一句话就可以开始你的移动前端开发。你心里一定在想，什么话这么酷，能够瞬间带入到移动前端开发的世界。但其实它一点也不新奇，不复杂。viewport简介没错，就是viewport特性，一个移动专属的Meta值，用于定义视口的各种行为。该特性最先由Apple引入，用于解决移动端的页面展示问题，后续被越来越多的厂商跟进。举个简单的例子来讲为什么会需要它：我们知道用户大规模使用手机等移动设备来进行网页浏览器，其实得益于智能手持设备的兴起，也就是近几年的事。（

git是分布式版本控制系统的一种实现,并且是当下世界上最先进的分布式版本控制系统,没有之一。目前版本控制系统还有集中式,例如svn,但分布式版本控制以其独特的优势得到快速扩张.那我们为什么要版本控制呢? 当团队多人协作完成一个项目时,合并多人的代码是一件头疼的事情,尤其是多人都要修改同一个公共文件时,我们并不知道别人改了哪里,不能冒失将自己的代码覆盖别人的.这就是git可用解决的问题之一,当然它还有更多功能,例如其分支系统可隔离开发,生成,debug环境,又可以方便合并.版本回退让你有后悔药吃https.

JavaScript：是浏览器中一种常见的脚本语言,以此来实现网页的动态以及和后端（数据库）的交互。jQuery：是JavaScript整合后的类库，通过操作jQuery可以减少原生JavaScript语句的使用，从而提高效率。JS：则是JavaScript的一种简称。区别概要：1.JQuery极大的简化了JavaScript，最大程度上做到了以最少代码完成更多功能的艰巨任务。2.JavaScript对DOM的加载只加载一次，JQuery会加载多次。3.JQuery对DOM的操作更加方便。如节点

git是分布式版本控制系统的一种实现,并且是当下世界上最先进的分布式版本控制系统,没有之一。目前版本控制系统还有集中式,例如svn,但分布式版本控制以其独特的优势得到快速扩张.那我们为什么要版本控制呢?当团队多人协作完成一个项目时,合并多人的代码是一件头疼的事情,尤其是多人都要修改同一个公共文件时,我们并不知道别人改了哪里,不能冒失将自己的代码覆盖别人的.这就是git可用解决的问题之一,当然它还有更多功能,例如其分支系统可隔离开发,生成,debug环境,又可以方便合并.版本回退让你有后悔药吃,这里就不多说

web前端开发语言主要包含：html语言，css样式代码，javascript脚本,html5,css3，jQuery，ajax，Bootstrap，Backbone1.html语言：网页的基本标记语言，也是最基础的语言，掌握起来比较简单。2.css样式代码：是用来控制html代码如何显示的，html语言只是网页的标记，但如何更好的在网页上展示你想要的效果，由css样式来控制，建议手写css样式代码，手写的更精简，重用性更高。3.javascript脚本：运行在客户端，主要是由一些事件来改变网页的代码

有很多前端爱好者或正在学习中的前端实习生在开发中所遇到一些比较常见的问题,下面带大家来看一下1、css问题(1)margin-top和margin-bottom不能正常显示：父盒子中的子盒子使用margin-top不管用，需要在子盒子上加{height:0;overflow:hidden}(2)父盒子没有设置高度，子盒子都都设置了浮动，此时需要清除浮动方法一:再加一个子元素，其css设置clear:left|right|both；方法二：给父元素设置：.clearfix::after{c

总结7中隐藏元素的办法1.CSS display的值是none。(该元素是不会在页面上显示)div{ display: none;}type="hidden"的表单元素。(该元素是不会在页面上显示)宽度和高度都显式设置为0。(该元素是会在页面上显示)div{ width: 0; height: 0;}一个祖先元素是隐藏的，(该祖先以及祖先以下的元素是不会在页面上显示)CSS visibility的值是hidden(该元素是会在页面上显示，还占

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><style type="text/css"

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .test{ zoom: 1; border: 1px solid #f00;

学员故事7月学员--土木兄弟到前端开发