大前端技术
文章平均质量分 77
学习记录
超周到的程序员
【履历】目前就职于快手,大三时在腾讯实习,22年秋招收到多家大厂的录用offer:腾讯云、快手、云账户、福耀、比亚迪等,有二十余场面试经验
【技术咨询】本人可提供指导的方向:软件开发领域的多种语言的后端开发(Java、Python、Node.js、Go)、前端开发、3D游戏开发、App开发、网络爬虫、Web自动化、数据可视化
展开
-
【Vue.js】 整合 Element UI 详细过程
一、初始化工程1、创建工程vue init webpack vueui2、安装依赖:vue-router,element-ui,sass-loader 和 node-sass 四个插件# 进入工程目录cd vueui# 安装 vue-routernpm install vue-router --save-dev# 安装 element-ui,这是官网中说明的安装方式npm i element-ui -S# 安装依赖npm install# 安装 sass 加载器npm i原创 2021-04-19 18:58:04 · 983 阅读 · 2 评论 -
【Vue.js 】路由 + 参数传递(嵌套路由) + 路由模式 + 实现404页面
文章目录Vue 路由一、初始化项目二、删除自带的组件三、路由例子编写1、定义组件(components 目录下)2、配置路由(router 目录下的 index.js 文件)3、导入路由到 main.js(main.js 文件)4、使用路由(App.vue)5、附:index.html 不用改动四、效果展示Vue 路由一、初始化项目1、vue init webpack 项目名:创建一个基于 webpack 模板的新项目2、同意安装 vue-router (如果选了否,那么需要自己在项目创建完后,打开原创 2021-04-19 09:08:46 · 344 阅读 · 0 评论 -
【MVVM模式】与Vue 概述:什么是MVVM模式,为什么要使用 MVVM,MVVM 的组成部分...
前言:学习自https://www.bilibili.com/video/BV18E411a7mC?p=4文章目录一、MVVM 概述1、什么是MVVM模式2、为什么要使用 MVVM3、当前流行的MVVM实现框架4、MVVM 的组成部分二、Vue 概述一、MVVM 概述1、什么是MVVM模式2、为什么要使用 MVVM3、当前流行的MVVM实现框架Vue.js , AngularJS 等。4、MVVM 的组成部分二、Vue 概述Vue 是 MVVM 模式的一种实现。...原创 2021-04-17 12:21:53 · 869 阅读 · 0 评论 -
【Webpack】 概述 + 安装 + 在项目中的用法(详细步骤:打包JS,打包CSS)
前言:学习自https://www.bilibili.com/video/BV1BU4y147pS?p=29文章目录Webpack一、概述二、安装三、在项目中的用法Webpack一、概述二、安装全局安装npm install -g webpack webpack-cli检验webpack -v三、在项目中的用法1、在项目文件夹下,创建一个nodejs项目:npm init -y2、创建一个src目录3、在src存放两个需要合并的util.js和common.js4、准.原创 2021-04-13 14:08:16 · 216 阅读 · 0 评论 -
【JavaScript 模块化编程】CommonJS 模块化规范,ES6 模块化规范 导出导入与转码
CommonJS 模块化规范每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。ES6 模块化规范ES6使用 export 和 import 来导出、导入模块。...原创 2021-04-13 12:31:12 · 236 阅读 · 0 评论 -
【Babel 详细教程】概述,安装,使用,自定义脚本
前言:学习自:https://www.bilibili.com/video/BV1BU4y147pS?p=24文章目录一、Babel 概述1、简介2、安装二、使用三、自定义脚本一、Babel 概述1、简介ES6 的某些高级语法在某些浏览器环境甚至是 Node.js 环境中无法执行,Babel 是一个广泛使用的转码器,可以将 ES6 代码转化为 ES5 代码(原理其实利用就是一个ES6 语法糖 至 ES5 语法的映射表作为中介转换,总而将实际代码转换为 ES5 版本),从而在现有的环境中执行运行,.原创 2021-04-13 09:23:24 · 747 阅读 · 0 评论 -
【NPM 详细教程】概述,常见用法:项目的初始化配置 + 修改镜像 + 安装模块 + 其他命令
前言:学习自https://www.runoob.com/nodejs/nodejs-npm.htmlhttps://baike.baidu.com/item/NPM/23807941?fr=aladdinhttps://www.bilibili.com/video/BV1BU4y147pS?p=21文章目录一、NPM 概述二、NPM 常见用法1、项目的初始化配置(1)npm init(2)npm init -y2、修改npm镜像3、安装模块4、其他命令一、NPM 概述1、了解 NPM(No.原创 2021-04-13 08:29:48 · 2901 阅读 · 0 评论 -
【ECMAScript 6 学习总结】常见规则用法(解构赋值,模板字符串,语法简化,对象拓展运算符...)
文章目录一、ECMAScript 介绍二、规则用法1、var,let ,const一、ECMAScript 介绍二、规则用法1、var,let ,const原创 2021-04-12 23:00:10 · 247 阅读 · 3 评论 -
【Node.js】 简介,入门案例,启动服务器、操作数据库功能的实现
什么是Node.js介绍简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端 JavaScript 环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。两部分使用者【前端程序员】:不懂得像PHP、Python或Ruby等动态编程语言,但又想创建自己的服务,那么可用 Node.js 。由于 Node.原创 2021-04-12 19:52:32 · 185 阅读 · 0 评论 -
【Ajax技术】学习总结,详细介绍 + 伪Ajax + 异步获取用户列表信息 + 输入框动态信息提示(代码+图例)
文章目录一、简介二、常见应用(1)百度的输入框(2)百度图片(3)微博等三、实例(1)伪Ajax,同样效果的局部刷新(2)jQuery Ajax一、简介AJAX(Asynchronous JavaScript and XML,异步的JS和XML) 是一种用于创建快速动态网页的技术。AJAX 通过在后台与服务器进行少量数据交换,使网页实现异步更新。这意味着可以在不重载整个页面的情况下,对网页的某些部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个页面。二、常见应用(1)百度的输原创 2021-04-10 14:41:39 · 279 阅读 · 1 评论 -
【JavaScript精华荟萃】精华汇总+易混淆知识(下篇)
文章目录一、关于Navigator的建议二、Window对象方法一览三、Document1.控制台中直观显示2.DOM操作一览三、DOM删除的动态性四、劫持Cookie原理五、前端的表单验证一、关于Navigator的建议如下图,window.navigator为浏览器对象,用于获取浏览器信息,但是不建议用这些属性来判断和编写代码(例如if这个属性等于,就…),因为这些配置信息可以人为修改,自定义,因此,这些是可变的属性。二、Window对象方法一览因为JS最初就是为了作为浏览器的脚本,因此其操作原创 2021-03-17 11:59:10 · 157 阅读 · 0 评论 -
【JavaScript精华荟萃】精华汇总+易混淆知识(中篇)
原型原创 2021-03-16 19:23:22 · 322 阅读 · 1 评论 -
【JavaScript精华荟萃】精华汇总+易混淆知识(上篇)
前言:因为我目前是一名大二学生,因此可能有些内容是站在学生角度理解的,因此如有不当,还请各位前辈指点。写此文是想梳理一下JS的知识,以及一些易混淆的内容,顺便进行回顾,因为确实有一段时间没真正地在JS上花精力了,同时我也将我的JS经历写在了文章最后。文章目录1.数据类型具体取值+Undefined+Null2.===与NaN问题3.浮点数底层误差问题4.同一数组可存不同类型5.严格检查模式6.转义符 \ 的另一种用途7.Math.random()8.全局变量与局部变量9.多行字符串与模板字符串10.原创 2021-03-14 23:40:31 · 209 阅读 · 1 评论 -
【前端UI框架】Bootstrap、Foundation、Semantic UI、Pure和UIkit的对比说明
原文地址:https://www.sunjs.com/article/detail/6ec78db2139a468d933c40ed38322ecf.htmlhttps://www.cnblogs.com/Im-Victor/p/13585449.html现在有大量的CSS前端框架可用。但真正好的屈指可数。本文将比较五个最佳前端框架,每个框架都有自己的长处和短处,以及特定的应用领域,使你可以根据特定项目的需求进行选择。例如,如果项目很简单,则不需要使用复杂的框架。此外,许多选项都是模块化的,只允许使转载 2021-01-15 10:06:35 · 1024 阅读 · 0 评论