程序员必备技能
文章平均质量分 78
疯狂平头哥前端乐园
happy coding happy cooking
展开
-
JavaScript进阶必会的手写功能(二)
JavaScript进阶必会的手写功能(一)6. 手写浅拷贝6.1 JavaScript数据类型分类 1. 简单数据类型: Number、 String、Boolean、null、undefined、Symbol 2. 引用数据类型: Array、Object6.2 不同数据类型的存储方式 由上图可见,简单数据类型,将值存储在栈中与堆无关,引用数据类型将值存储在堆中, 而在栈中存放的是指向堆的指针浅拷贝 创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。如.原创 2022-05-07 17:36:49 · 756 阅读 · 3 评论 -
JavaScript进阶必会的手写功能
JavaScript进阶的必要性无论是学习react还是vue,它们都是js的应用框架。剥去他们的壳子看到的始终是js,所以作为一个前端大厨必须要熟练掌握好js这个大勺,才能烧出一顿好菜无论是自我提升还是应付面试以下这些手写功能是每一个前端程序员必须掌握的1. 手写apply、call、bind 每个Function对象都存在apply()、call()、bind() 方法,其作用都是可以在特定的作用域 中调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域。apply、原创 2022-04-17 08:53:46 · 985 阅读 · 1 评论 -
URL的hash
#的含义- #代表网页中的一个位置,其右边的字符,就是该位置的标识符。比如- http://www.example.com/index.html#top- 就是代表index.html中的top位置。浏览器会自动把top位置滚动到页面可视区域内。设置方法:step1:设置一个锚点 <a href="#print">定位到top位置step2:在页面需要定位的内容加上id=“top”。例如:测试:step1设置的锚点,step2中id为top的内容会滚动到页面顶端(可观察滚动条的原创 2020-10-04 19:37:38 · 516 阅读 · 0 评论 -
webpack
webpack1. webpack 就是一个js程序的打包器,当 webpack 处理应用程序时,它会递归地构建一个依赖关系图2. Webpack就是负责从我们指定的一个文件为入口,以入口文件为基础,然后依据环环相扣的关系,把我们写的每个需要使用的功能模块找到,构建出一个依赖关系,然后把它们优化、压缩、打包,最后生成最完美的文件。3.webpack提供了模块化支持,代码压缩混淆,解决js兼容问题,性能优化等特性,提高了开发效率和项目的可维护性webpack打包的好处1. 程序员在开发的时..原创 2020-09-19 16:37:13 · 97 阅读 · 0 评论 -
使用码云部署项目上线
项目打包好之后,将dist文件单独拿出来在码云上创建一个仓库将本地的dist进入终端 采用(git init初始化)再将文件推送到远程的仓库点击开启就会生成一个项目链接就可以点击访问这个链接在码云上点击自己的项目再点击下图就会生成一个链接...原创 2020-09-18 14:14:56 · 390 阅读 · 0 评论 -
在vue中通过索引修改数组中的数据是否是响应式的
一句话:先抛结论,在vue中通过索引修改数组中的数据页面是不会改变的也就不是响应式以下是具体的代码案例var vm = new Vue({ el: '#app', data: { // 数组类型的类型 list: ['apple', 'orange', 'banana', { a: 123 }], // 对象类型的数据 info: { name: 'lisi', age: 12原创 2020-08-28 20:44:12 · 1877 阅读 · 0 评论 -
前端解决跨域
跨域:在浏览器里面当协议、域名、端口有任何一项不同的时候就会产生跨域处理跨域的方式:JsonP(只能处理get请求)、cors(后端开启)、代理服务器前两种已经在之前的文章有所解释可参观JsonP和CROS解决跨域本文介绍代理服务器解决跨域的问题 跨域只会在开发存在,项目的发布时候,会将项目资源整合在一起放在一个服 务器下就不会存在跨域问题跨域值仅存在浏览器中,服务器与服务器之间的数据请求是不存在跨域的问题,于是代理服务器解决跨域的思路就是:在本地设置在需要发送请求的时候本地服务器localh原创 2020-08-28 19:48:38 · 126 阅读 · 0 评论 -
ES5数组方法的比较
数组方法之:遍历(forEach)<script> //定义一个数组 var arr=[100,200,300,400,500]; //注意:forEach()遍历是不能提前结束的 arr.forEach(function(val,i,arr){ //函数中的第一个参数:当前项的值 //函数中的第二个参数:当前项的索引值 //函数中的第三个参数:当前数组本身 //打印数组中的各个值 console.log(v.原创 2020-06-21 00:01:28 · 176 阅读 · 0 评论 -
ES5的继承(没有super关键字)使用组合继承:构造函数+原型对象
<script> function Father(name, age) { this.name = name; this.age = age; } //父类的方法是放在原型对象中的--为了节约内存 Father.prototype.money = function () { console.log('先赚它一个小目标'); } functi原创 2020-06-20 23:57:34 · 1288 阅读 · 1 评论 -
简单轮播图的实现
简单轮播图的实现#简单轮播图的实现的思路所谓的简单轮播图就是指每一个数字按钮对应一张图片,并能够点击数字按钮实现图片的跳转。其实轮播图就是一个ul列表中的每一个li浮动成一行,将超过盒子的部分隐藏。痛过点击数字按钮使整体的ul列表向左右侧移动,视觉是感受不到整体的ul列表移动只能感受到某一张图片移动。主要问题是:移动的距离其实就是盒子的大小*(数字按钮数字大小-1),因为是向左移动所以是负数所以向左侧移动的距离target=-盒子的大小*(数字按钮数字大小-1)。值得注意的是要将每个数字添加自己的原创 2020-05-16 22:56:13 · 1869 阅读 · 1 评论