panghu_bupang-CSDN博客

原创 2021/7/6

<html><head><meta charset="utf-8"><style>*{padding:0;margin:0;}.bjym{ position: fixed; left: 0; top: 0; width: 100%; zoom: 1; z-index: 999; width:100%; height:100%; }.tck { display:non

2021-07-06 23:37:55 126

曾经读到过一篇文章，程序员分级，并且还七级，感觉挺有趣，拿来分享下，更多的是想思考下，对，认真思考下！一、码奴非自愿写代码，也不努力学习，需要主管监督鞭策才写，写又写不好，归根结底，对代码没有热情，若遇之，可劝其转行。二、码徒编码能力不足但自愿学习，可择良师教之，假以时日，小则胜任工作，大则前途无量。三、码农也叫码工，按规矩做事，拿一份粮出一分活，俗称打工心态，一般般过得去。四、码匠对编码有热情，有悟性，肯钻研，最终可精于一门技术。也就是开发团队里的高级开发或资深开发。五、码师俗称布道

2021-01-18 21:29:32 639 1

原创你是什么级别的程序员

前言最近在和领导闲聊的时候，聊到了一些关于编程思想方面的东西，让我受益匪浅。尤其是有一个问题让我印象深刻。而且对于这个问题，在过往的面试中也被问了几次。我就把我以往自认为不错的回答重新说了一遍。谁知领导听完，竟然笑了起来，这着实让我有点摸不到头脑。你是什么级别的程序员？对于这个问题，相信各位在以往的面试中，应该有被问过的吧。很明显这个是一个开放式的问题，没有标准的答案。我是这样回答的：我觉得我是一个中级程序员。为什么这样说呢？其实我对于初级的定义是能干活。对于安排的任务能顺利完成，并解决出现的一些.

2021-01-18 21:20:11 161

原创如果你的 HTML 里全是 div，那就要小心了

如果你的 HTML 里全是 div，那就要小心了做前端开发的同学都知道，一个网页的基本组成部分是 HTML，JavaScript 和 CSS。开发人员通常更关注 JavaScript 和 CSS ，实践着各种语言规范和设计模式。对于 HTML 的关注度则明显偏少，只要能做出设计师画的界面就万事大吉了，不怎么去关心 HTML 是不是规范合理。于是下面的情况随处可见：按钮用的是可点击的 <div> 而不是 <button> 元素标题用的是 <div> 而不是标题元素 (

2021-01-15 21:40:31 312

原创 forEach跳出循环体

forEach跳出循环体在forEach中，不能使用 continue 和 break ，可以使用 return 或 return false 跳出循环，效果与 for 中 continue 一样。注意该方法无法一次结束所有循环。跳出本次循环forEach 跳出本次循环，使用return [1,2,3,4,5].forEach(function(item,index){ if(item == 3){ return } co

2021-01-13 21:16:50 329

原创 new操作符具体干了什么

new操作符具体干了什么如下代码，通过构造函数创建实例对象：function Func(){}let func= new Func();new 共经过了4个阶段:1.创建一个空对象let obj = new Object();2.链接到原型把 obj 的proto 指向构造函数Func的原型对象 prototype，此时便建立了 obj 对象的原型链：obj->Func.prototype->Object.prototype->null代码为：obj.__pro

2021-01-11 19:02:46 265

原创如何优雅的获取Form表单数据

如何优雅的获取Form表单数据？比如这里有一个简单的 form 表单<form id="form"> <input name="user" type="text"> <div> <input type="radio" name="A" value="r1">r1 <input type="radio" name="A" value="r2">r2 <input type="r

2021-01-08 20:50:25 5987

原创聊聊 HTTP 常见的请求方式

聊聊 HTTP 常见的请求方式在互联网已经渗透了生产、生活各个角落的今天，人们可以登录微信语音聊天，可以随手“扫”到各种功能的二维码，可以通过方便快捷的无人超市购物……这种互联网领域的跨越式发展，不仅满足了人们生活中各种各样的需求，也催生了一个个新兴领域的诞生，为经济增长注入了强劲动力。上网的过程，其实是浏览器向服务端发送请求，之后将服务端主机上的内容显示到本地的一个流程。而浏览器与服务器之间的请求走的就是 HTTP 协议。自 1990 年以来，超文本传输协议（HTTP）就成为了互联网数据通信的基

2020-12-30 20:53:15 123

原创常用布局简介（单列布局、两列布局、三列布局、sticky footer粘连布局）

十分钟学会正则表达式(一)限定符1、?:它前面的字符需要出现0次或1次例如：used?可以匹配到use和used2、*:它会匹配0个或多个字符例如：ab*c可以匹配到ac,abc,abbbbbbc3、+:它会匹配一次及以上的字符例如：ab+c可以匹配abc,abbbc,而不会匹配ac4、{}:可以限定匹配的数量例如：ab{6}c,则匹配到abbbbbbc,而要限定b的数量在2到6之间，则是ab{2,6}c，如果只是两次以上，则省略括号里的6，写成ab{2,}c(二)"或"运算符例如：a

2020-12-28 19:44:14 2989

原创 ajax概述

ajax 的全称是Asynchronous JavaScript and XML（异步的JavaScript 和 XML），其中，Asynchronous 是异步的意思，它有别于传统web开发中采用的同步的方式。关于同步和异步异步传输是面向字符的传输，它的单位是字符；而同步传输是面向比特的传输，它的单位是桢，它传输的时候要求接受方和发送方的时钟是保持一致的。同步的话，必须这个操作完了才会执行下一步，在等待期间浏览器会挂起不能执行任何接下来的js代码；异步则是【告诉】浏览器去做，【告诉】是一瞬间的

2020-12-23 21:53:28 188 1

原创 jq方法实现放大镜效果

使用jq方法实现一个放大镜????的效果心得：该特效并不是真的把图片放大，原本就有两张内容一致一大一小的图片，放大镜在小图上滑动时，另设置一标签显示大图。在实现放大镜在图片上移动时，我给左边图片绑定了mousemove鼠标移动事件，当鼠标移动的同时，也移动放大镜...

2020-12-21 21:54:45 216

原创什么是重绘，什么是回流，有什么区别？

html 加载时发生了什么在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体DOM Tree 和样式结构体组合后构建render tree, render tree类似于DOM tree，但区别很大，因为render tree能识别样式，render tree中每个NODE都有自己的style，而且render tree不包含隐藏的节

2020-12-18 19:43:26 168 1

原创 js和 jQuery有什么关系?它们的区别是什么?

js是运行在浏览器上的脚本语言jQuery是用js语言写出来的一个框架,封装了js的属性和方法我们一般都说js框架有哪些？然后一般回答就是jquery、extjs、dojo、easyui,所以这些都是框架,都是js语言写出来的框架。　　那么，框架有什么作用呢,框架一般就是将原生代码(这里是只原生js)封装成为更简单通用的接口、方法函数.就打比方你用js写某个功能要4句代码,带上jquery一句代码就搞定,这个就是框架的作用,但是实际上还是写了4句代码,只是封装起来了你看不到而已。...

2020-12-17 21:42:49 245

原创什么是事件委托？事件委托的原理以及优缺点

事件委托又称事件代理, 下面将要将要简要叙述一下这种方法的原理及优点一什么是事件委托?我们看下面的例子:假使我们需要对 3 个 li 元素添加点击事件:传统的方法是分别给每个 li 元素绑定 click 事件假使 li 元素特别多呢?可能你已经想到这样一个一个添加 click 事件是相当麻烦的, 那么是否有优化方法呢?当然, 我们只需要在 ul 元素上添加一个事件处理程序这种在 DOM 树中尽量最高的层次上添加事件处理程序的方式便是事件委托, 主要用于解决事件处理程序过多问.

2020-12-17 20:57:02 8410 3

panghu_bupang的博客