前端技术
文章平均质量分 62
一个孤独漫步者的遐想
立志做摄影界书法最美的段子手,漫画界文笔最好的美食家,然而毕业于计算机系
展开
-
屏幕自适应
设计稿是1920pxflexible.js 把屏幕分为 24 等份cssrem 插件的基准值是 80px插件-配置按钮—配置扩展设置–Root Font Size 里面 设置。但是别忘记重启vscode软件保证生效index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="viewport"原创 2021-08-13 14:27:00 · 121 阅读 · 0 评论 -
less转css
less转css扩展设置{ "editor.fontSize": 17, "explorer.confirmDelete": false, "emmet.triggerExpansionOnTab": true, "explorer.confirmDragAndDrop": false, "liveServer.settings.donotVerifyTags": true, "liveServer.settings.donotShowInfoMsg"原创 2021-08-13 14:24:53 · 102 阅读 · 0 评论 -
八、前端技术-webpack介绍
八、前端技术-webpack一、什么是Webpack二、Webpack安装1、全局安装2、安装后查看版本号三、初始化项目1、创建webpack文件夹2、创建src文件夹3、src下创建common.js4、src下创建utils.js5、src下创建main.js四、JS打包1、webpack目录下创建配置文件webpack.config.js2、命令行执行编译命令3、webpack目录下创建index.html4、浏览器中查看index.html五、CSS打包1、安装style-loader和 css-l原创 2021-01-13 09:54:22 · 106 阅读 · 0 评论 -
七、前端技术-模块化
七、前端技术-模块化一、模块化简介1、模块化产生的背景2、什么是模块化开发二、CommonJS模块规范1、创建“module”文件夹2、导出模块3、导入模块4、运行程序三、ES6模块化规范1、导出模块2、导入模块3、运行程序四、ES6模块化的另一种写法1、导出模块2、导入模块一、模块化简介1、模块化产生的背景随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑原创 2021-01-11 10:31:44 · 110 阅读 · 0 评论 -
六、前端技术-babel转码器
六、前端技术-babel转码器一、简介Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行执行。这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。二、安装安装命令行转码工具Babel提供babel-cli工具,用于命令行转码。它的安装命令如下:npm install --global babel-cli#查看是否安装成功babel --version三、Babel的使用1、初始化项目npm init -y2、创建文件s原创 2021-01-08 09:33:45 · 123 阅读 · 0 评论 -
五、前端技术-npm包管理工具
五、前端技术-npm包管理工具一、简介1、什么是NPM2、NPM工具的安装位置二、使用npm管理项目1、创建文件夹npm2、修改npm镜像3、npm install命令的使用4、其它命令一、简介1、什么是NPMNPM全称Node Package Manager,是Node.js包管理工具,是全球最大的模块生态系统,里面所有的模块都是开源免费的;也是Node.js的包管理工具,相当于前端的Maven 。2、NPM工具的安装位置我们通过npm 可以很方便地下载js库,管理前端工程。Node.js默认原创 2021-01-07 11:33:16 · 432 阅读 · 0 评论 -
四、前端技术-nodejs介绍
四、前端技术-nodejs介绍一、简介1、什么是Node.js2、Node.js有什么用二、安装1、下载2、安装3、查看版本三、快速入门1、创建文件夹nodejs2、控制台程序3、服务器端应用开发(了解)一、简介1、什么是Node.js简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。2、Node.js有什么用如果你是一个前端程原创 2021-01-06 12:41:21 · 1259 阅读 · 0 评论 -
三、前端技术-vue
五、前端技术-vue一、介绍1、Vue.js 是什么2、初始Vue.js二、基本语法1、基本数据渲染和指令2、双向数据绑定3、事件4、修饰符5、条件渲染6、列表渲染三、前端技术-vue组件一、组件(重点)1、局部组件2、全局组件二、实例生命周期三、vue-路由四、axios获取数据五、element-ui:1、引入css2、引入js3、编写html4、编写js一、介绍1、Vue.js 是什么Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视原创 2020-12-24 16:42:25 · 1001 阅读 · 1 评论 -
二、前端技术-es6的介绍
二、前端技术-es6的介绍一、ECMAScript 6 简介1、ECMAScript 和 JavaScript 的关系2、ES6 与 ECMAScript 2015 的关系二、基本语法1、let声明变量(作用域)2、const声明常量(只读变量)3、解构赋值4、模板字符串5、声明对象简写6、定义方法简写7、对象拓展运算符8、箭头函数[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kb7ZK9Lb-1608526474968)(F:\谷粒学院教育项目.assets\5-es6介原创 2020-12-21 12:56:04 · 5400 阅读 · 0 评论 -
一、前端相关基础知识
一、前端开发前端工程师“Front-End-Developer”源自于美国。大约从2005年开始正式的前端工程师角色被行业所认可,到了2010年,互联网开始全面进入移动时代,前端开发的工作越来越重要。最初所有的开发工作都是由后端工程师完成的,随着业务越来越繁杂,工作量变大,于是我们将项目中的可视化部分和一部分交互功能的开发工作剥离出来,形成了前端开发。由于互联网行业的急速发展,导致了在不同的国家,有着截然不同的分工体制。在日本和一些人口比较稀疏的国家,例如加拿大、澳洲等,流行“Full-Stack原创 2020-12-16 12:45:40 · 271 阅读 · 0 评论