1 前端老道

尚未进行身份认证

我要认证

一个写代码有点嘚儿的程序猿~,希望和大家一起学习,一起进步。大家也可以关注【前端开发社区】,里面有更多学习干货供大家学习,下载。

等级
TA的排名 34w+

React基础性总结(一):组件的生命周期及执行顺序

“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!作者:前端林子 https://cloud.tencent.com/developer/article关注‘前端开发社区’每天精选好文本文作为React总结系列的第一篇文章,会总结组件的生命周期及执行顺序,涉及内容比较基础。在后面的系列文章中则会总结React Hooks等内容。1.七个可选的生命周期说明:componentWillMount()仅在render()方法前被调用一次

2020-07-04 11:45:12

JS基础知识总结(十四):模块的语法

“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!上一节主要是总结了ES6中对象扩展的基本知识。本节主要总结ES6中模块的有关内容,具体内容包括以下几个方面:1.模块化1.1什么是模块化模块化是指把一个复杂的系统分解到一个一个的模块,再用一定的方式拼装起来。1.2模块化开发的优点(1)一个单独的文件就是一个模块,是一个单独的作用域,只向外暴露特定的变量和函数。这样可以避免污染全局变量,减少变量命名冲突。(2)代码复用,让我

2020-07-02 15:46:27

JS基础知识总结(十三):ES6 对象的扩展

“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!上一节主要是总结了ES6中和数组有关的内容。本节主要总结ES6中对象的扩展,具体内容包括以下几个方面:会介绍以下内容:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lFS4DgYE-1593584250123)(https://static01.imgkr.com/temp/1e7c8a927b014fe8b46f69ae9e9a20a5.png)]1.ES6对

2020-07-01 14:18:59

Python创建一个简单的HTTP服务器

场景:需要让别人访问自己本地的资源(静态页面 / 图片 等),本地起服务例如:我想要访问HTML文件夹下面的静态页面:目录结构:1、先进入访问文件夹的目录执行 python -m SimpleHTTPServer 命令,如图所示:出现Serving HTTP 即执行成功2、在浏览器打开,地址为: 自己的ip地址 + 开启服务的 端口(如:我的是 8000),结果如图所示:仅此而已~~,方便又好用~~请各位帅哥美女多多支持帅编,关注我的公众号:前端开发社区,回复“1”即可加入前端技.

2020-06-30 18:15:20

JS基础知识总结(十二):ES6 数组的扩展

“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!作者:前端林子 https://cloud.tencent.com/developer/article/1380512上一节主要总结了ES6中的类、类的继承的有关内容。本节主要总结和数组有关的内容,具体内容包括以下几个方面:1.创建数组 1.1 ES5的方式回忆下ES5中创建数组的方式:调用Array的构造函数,即new Array()new Array(size)new Array

2020-06-29 16:47:44

JS基础知识总结(十):ES6基本知识点(2)

“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!作者:前端林子 https://cloud.tencent.com/developer/article/1380512上一篇文章总结了前五个部分的内容,可以点击阅读小结ES6基本知识点(一)。本文将总结Symbol、Set和Map的有关内容。1.Symbol 回忆下js中的5种原始类型:number、string、boolean、undefined、null。在ES6中,新定义了Symbol这

2020-06-27 12:00:07

JS基础知识总结(九):ES6基本知识点(1)

“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!本文适合人群和主要内容ES6初学者,通过阅读本文可对ES6知识点有个大体的概念,强烈建议阅读阮一峰大大的ES6入门。老司机可以直接绕路。主要内容let、const命令解构赋值箭头函数字符串的一些扩展数组方法:map、filter、reduceModuleClassSet和MapPromiseasync和await1.let、const(1)let所声明的变量,

2020-06-27 11:18:47

JS基础知识总结(六):js模块化从CommonJS到ES6

“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!模块化是指把一个复杂的系统分解到一个一个的模块。模块化开发的优点:(1)代码复用,让我们更方便地进行代码管理、同时也便于后面代码的修改和维护。(2)一个单独的文件就是一个模块,是一个单独的作用域,只向外暴露特定的变量和函数。这样可以避免污染全局变量,减少变量命名冲突。js模块化规范有:CommonJS、AMD、CMD、ES6的模块系统。本文将依次介绍下每个规范。script

2020-06-25 11:22:51

JS基础知识总结(四):作用域与闭包

“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!本文是JS基础知识总结的第四篇文章,整个JS基础知识总结系列的文章可戳:一.变量类型原始类型、复合类型、类型判断数据类型转换值类型和引用类型二.浅拷贝与深拷贝浅拷贝的实现方式深拷贝的实现方式与赋值的区别三.原型与原型链原型原型链的定义四.作用域与闭包作用域与作用域链变量提升、函数提升1.作用域回顾下jQuery源码中,代码是包在(function()

2020-06-24 14:51:20

JS基础知识总结(五):防抖和节流

“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!引入首先举一个例子:模拟在输入框输入后做ajax查询请求,没有加入防抖和节流的效果,这里附上完整可执行代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>没有防抖</title> <style ty

2020-06-23 16:53:03

JS基础知识总结(三):原型、原型链

“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!上一篇JS基础知识总结(二)主要了介绍深拷贝、浅拷贝的基础知识,本文将介绍JS原型、原型链的有关内容。1.原型(1)所有的引用类型(对象、数组、函数),除了null,都具有对象特性,可自由扩展属性;(2)所有的引用类型(对象、数组、函数)都有一个__proto__属性,属性值是一个普通的对象;(3)所有的引用类型(对象、数组、函数)的__proto__属性值,指向它的构造函数的p

2020-06-21 09:56:29

三种方法实现CSS三栏布局

“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!本文会分别介绍三种CSS实现三栏布局的方法,可在浏览器中打开查看效果1.方法一:自身浮动的方法实现方法:需要左栏向左浮动,右栏向右浮动,中间设左右margin来撑开距离<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS实现三栏布局1&l

2020-06-16 11:51:16

vue面试题总结(二)

“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!16.vue路由传参数1.使用query方法传入的参数使用this.$route.query接受2.使用params方式传入的参数使用this.$route.params接受17.vuex 是什么? 有哪几种属性?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。有 5 种,分别是 state、getter、mutation、action、modulevuex 的

2020-06-15 17:53:27

vue面试题总结(一)

“ 关注 前端开发社区 ,回复"1"即可加入 前端技术交流群,回复 "2"即可免费领取 500G前端干货!1、Vue.js介绍Vue.js是一个轻巧、高性能、可组件化的 MVVM 库,同时拥有非常容易上手的APIVue.js是一个构建数据驱动的Web界面的库。Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.Vue 完全有能力驱动采用单文件组件和 Vue生

2020-06-14 11:40:31

用好这7个VS Code插件,效率蹭蹭涨

作者:LittleGinger来源: 玩转VS CodeGit 增强:GitLensGitLens增强了 VSCode 中内置的 Git 功能,它能够提供更多的版本控制功能来增强你的VSCode。GitLens 提供了对代码的深入分析功能,可以显示更改时间以及更改后的代码。通过使用 GitLens 甚至可以比较不同的分支、标签和提交。点击安装:https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens代码检查:ESL.

2020-06-12 17:13:47

Vue项目团队代码规范

“ 关注 前端开发社区 ,回复 ‘领取资料’,免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步规范与每个团队和个人都是息息相关的,因为其影响的不只是只是代码的维护和理解成本,严重的时候是会影响成员开发的心情一个团队的编码规范、git规范等,并没有绝对的最优解,心里要清楚明白没有银弹,规范是为了让团队统一,提高代码阅读性、降低代码维护成本等,本文是记录一些在项目code review中常见的规范,仅供参考JS部分和渲染无关的数据vue中d

2020-06-02 11:09:58

如何修改 node_modules 里的文件

“ 关注 前端开发社区 ,回复 ‘领取资料’,免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步前言有时候使用npm上的包,发现有bug,我们知道如何修改,但是别人可能一时半会没法更新,或者是我们特殊需求,别人不愿意修改,这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢?首先,直接修改node_modules里面的文件是不太行的,重新安装依赖就没有了。一般常用办法有两个:下载别人代码到本地,放在src目录,修改后手动引入。f

2020-06-01 16:14:44

收藏吧 || ES6 方法,用来解决实际开发的JS问题(一)

“ 关注 前端开发社区 ,回复 ‘领取资源’,免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步1、如何隐藏所有指定的元素:const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none'));// 事例:隐藏页面上所有`<img>`元素?hide(document.querySelectorAll('img'))2、如何检查元素

2020-05-30 13:04:38

js工具函数大全 || 实用篇

“ 关注 前端开发社区 ,回复 ‘领取资源’,免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步为元素添加on方法Element.prototype.on = Element.prototype.addEventListener;NodeList.prototype.on = function (event, fn) {、 []['forEach'].call(this, function (el) { el.on(ev

2020-05-29 17:22:56

webpack 高级配置与优化,让你的项目飞起来

“ 关注 前端开发社区 ,回复 ‘领取资源’,免费领取Vue,小程序,Node Js,前端开发用的插件以及面试视频等学习资料,让我们一起学习,一起进步打包多页面应用所谓打包多页面,就是同时打包出多个 html 页面,打包多页面也是使用 html-webpack-plugin,只不过,在引入插件的时候是创建多个插件对象,因为一个html-webpack-plugin 插件对象只能打包出一个 html 页面。如:module.exports = { entry: { index:

2020-05-27 10:52:23

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 分享学徒
    分享学徒
    成功上传1个资源即可获取