前端
问题咋就那么多?
这个作者很懒,什么都没留下…
展开
-
vue、npm、nodejs更新版本
npm和nodejs注意:是在linux系统中使用,windows系统建议去官方下载新版本覆盖在原路径上。# 更新npmnpm update -g# 更新nodejsnpm install -g n n latestvuenpm install -g @vue/cli或者cnpm install -g @vue/cli原创 2020-08-01 14:25:12 · 1460 阅读 · 0 评论 -
.prettierrc文件常见配置,如:printWidth、semi、singleQuote
相比原文增加了“每行最多多少个字符换行”配置【printWidth】。{ //每行最多多少个字符换行 "printWidth": 100, // tab缩进大小,默认为2 "tabWidth": 4, // 使用tab缩进,默认false "useTabs": false, // 使用分号, 默认true "semi": false, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号) "singleQuote"转载 2020-05-22 22:17:29 · 14122 阅读 · 0 评论 -
【1.3 - 前端Vue】Vue.js脚手架Vue-cli配置修改
本篇文章项目结构创建npm install webpack projectName(项目名)项目结构:修改内容一:.gitignore文件.gitignore文件是git忽略提交文件,项目管理提交给git时,例如node_modules等依赖下载文件不需要上传,可以通过在.gitignore文件中配置忽略示例:# git忽略提交文件# 配置语法# 以斜杠“/”开头表示目录;# 以星号“*”通配多个字符;# 以问号“?”通配单个字符# 以方括号“[]”包含单个字符的匹配列表;# 以原创 2020-05-14 21:59:45 · 499 阅读 · 0 评论 -
【1.2 - 前端Vue】Vue.js脚手架Vue-cli搭建
Vue项目在创建过程中,Vue项目的目录结构如下:|-- build // 项目构建(webpack)相关代码| |-- build.js // 生产环境构建代码| |-- check-version.js // 检查node、npm等版本| |-- dev-...原创 2019-11-19 08:47:55 · 196 阅读 · 0 评论 -
【1.1 - 前端Vue】Vue.js的基本语法
简介Vue.js是前端MVVM时代的三大代表框架之一,是由尤雨溪主导开发的一套渐进式JavaScript框架。Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。官网:Vue.jsVue.js环境<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></scri...原创 2019-11-18 17:52:08 · 386 阅读 · 0 评论 -
【前端笔记】BootStarp的table属性跨行跨列后无法居中
解决问题引用BootStarp的table属性跨行跨列后无法居中。html代码如下(table为bootstarp属性):<head> <link rel="stylesheet" href="./bootstrap.css"> <style> td { text-align: center; ...原创 2019-11-12 13:58:51 · 1195 阅读 · 0 评论 -
【前端笔记】HTML中实现table垂直居中
html中是没办法实现上下居中的,如果设置上下居中,需要通过js程序来设置。方法一:在外面嵌套一层table,用table中的td来控制居中<form id="form1" method="post"> <table border=0 cellpadding=0 cellspacing=0 style="width:100% ;height:100%"> ...转载 2019-11-12 09:35:46 · 491 阅读 · 0 评论 -
【0.8 - 前端基础】Mock实现模拟数据
简介在前后端分离工作中,前端在没有得到后端的数据的情况下需要进行测试的时候,Mock可以提供给前端模拟的JSON数据进行测试。MockJS的语法规范分两种:数据模板定义规范(Data Temaplate Definition,简称DTD)和数据占位符定义(Data Placeholder Definition,简称DPD)。安装在对应文件夹下执行npm install mockjsM...原创 2019-11-07 16:08:09 · 287 阅读 · 0 评论 -
【0.7 - 前端基础】Webpack打包
1. 全局安装#Webpack打包npm install -g webpack webpack-cli#css打包npm install --save-dev style-loader css-loader 2. 项目目录下创建webpack.config.jsconst path = require("path") //引入Node.js内置模块//commonJS导出模块m...原创 2019-11-07 11:56:30 · 126 阅读 · 0 评论 -
【0.6 - 前端基础】export模块化开发
简介因为前端业务也在不断的增大,所以无论是在管理还是切分角度出发,模块化都是必需的选择。但是,JavaScript不是一种模块化编程语言,它并没有类或者包的概念。所以,对此,JavaScript制定了模块化规范:CommonJS模块化规范、ES6模块化规范。CommonJS模块规范每个文件就是一个模块,通过导出,提供给其它模块使用。例如://拟定该js文件名为:导出.js//定义一...原创 2019-11-07 11:45:03 · 205 阅读 · 0 评论 -
【0.5 - 前端基础】Babel转码器
简介Babel 是一个 JavaScript 编译器,ES6的某些高级语法在浏览器环境甚至是Node.js环境中无法执行,所以需要Babel将ES6代码转为ES5代码,再执行。安装npm install --global babel-cli//查看版本babel --version初始化一个项目npm init -y写一段ES6的代码let arr = [1,2,3]arr...原创 2019-11-04 18:01:25 · 169 阅读 · 0 评论 -
【0.4 - 前端基础】ES6简单了解,var、let、const的区别
简介ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里并没有类的概念,但是目前浏览器的 JavaScript 是 ES5 版本,大多数高版本的浏览器也支持 ES6,不过只实现了 ES6 的部分特性和功能。var、let、const的区别简单的说,var没...原创 2019-11-04 17:19:06 · 223 阅读 · 0 评论 -
【0.3 - 前端基础】NPM包管理器常用命令
简介NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题。如果说Node.js类似于JVM(运行环境方面),那么NPM就类似于Maven(依赖集成方面)。NPM常用命令查看版本npm -v版本升级#windowsnpm install npm -g#linux(改变路径和版本则操作需要对应修改)sudo npm install npm ...原创 2019-11-04 15:13:41 · 182 阅读 · 0 评论 -
【0.2 - 前端基础】Node.js安装与简单使用
简介Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。简单的说 Node.js 就是运行在服务端的 JavaScrip...原创 2019-11-01 17:25:31 · 186 阅读 · 0 评论 -
【0.1 - 前端基础】前端开发,工具推荐与环境搭建
前端文化前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。它从网页制作演变而来,名称上有很明显的时代特征。互联网开始全面进入移动时代,前端开发的工作越来越重要。最初所有的开发工作都是由后端工程师完成的,随着业务越来越繁杂,工作量变大,于是我们将项目中的可视化部分和一部分...原创 2019-11-01 16:52:18 · 381 阅读 · 0 评论