-
Linux运维必须要掌握的命令
Linux 命令 一、文件管理 1.1 cd 语法：cd [dirName] 功能：用于切换当前工作目录至 dirName(目录参数)。 说明：其中 dirName 表示法可为绝对路径或相对路径。若目录名称省略，则变换至使用者的 home 目录 (也就是刚 login 时所在的目录)。另外，"~" 也表示为 home 目录 的意思，"." 则是表示目前所在的…- 657
- 0
-
2021年web前端面试集锦
一. HTML、CSS相关 html5新特性、语义化 语义化标签 ： header nav main article section aside footer 语义化意味着顾名思义，HTML5的语义化指的是合理正确的使用语义化的标签来创建页面结构，如 header,footer,nav，从标签上即可以直观的知道这个标签的作用，而不是滥用div。 语义化的优点有: 代码结构清晰，易于阅读，利于开发和…- 1.1k
- 0
-
对于bind、call、apply 区别？
一、作用 call、apply、bind作用是改变函数执行时的上下文，简而言之就是改变函数运行时的this指向 那么什么情况下需要改变this的指向呢？下面举个例子 var name="lucy"; const obj={ name:"martin", say:function () { console.log(this.na…- 772
- 0
-
call、apply、bind的应用和区别
1. call( ) 面试中常问的Js中关于call、apply、bind的问题，比如： 怎么利用call、apply来求一个数组中最大或者最小值 如何利用call、apply来做继承 apply、call、bind的区别和主要应用场景 首先，要明白这三个函数的存在意义是什么？答案是改变函数执行时的上下文，再具体一点就是改变函数运行时的this指向。有了这个认识，接下来我们来看一下,怎么使用这三个…- 852
- 0
-
Vue项目优化首页加载速度
一、路由懒加载 { path: '/index', component: () => import('@/views/index'), //懒加载-访问该页面才加载 } 这一步之后，打包后会发现很大的chunk-vendors.xxxxxxx.js不见了，其实是分成了不同的js文件 二、使用CDN引入 <script src="http…- 832
- 0
-
Web前端如何进行SEO结构优化
做前端的肯定离不开SEO，无论您是专职的SEOer还是其他什么别的，只要设计到前端就避不开SEO，前前后后做了几十个网站和个人博客网站建设的我，对与SEO仍然出于小白阶段，下面就介绍一下日常SEO注意的知识点： 一、合理的title、description、keywords 搜索对着三项的权重逐个减小，title值强调重点即可；description把页面内容高度概括，不可过分堆砌关…- 767
- 0
-
Vue3.0 起跑 搭建项目后应用 系列二
Vue3.0部分知识点 项目目录结构 |-node_modules -- 所有的项目依赖包都放在这个目录下 |-public -- 公共文件夹 ---|favicon.ico -- 网站的显示图标 ---|index.html -- 入口的html文件 |-src -- 源文件目录，编写的代码基本都在这个目录下 ---|assets -- 放置静态文件的目录，比如logo.pn就放在这里 ---|…- 1k
- 0
-
VSCode打造成为开发神器
VSCode现在是世界上最为常用的编辑器之一，为什么被称为编辑器，是因为它不像IDE一样集成了大量开发环境的配置，必须你手动配置很多东西，才能将它打造成为一个趁手的生产工具。 VSCode最大的优势就在于它是完全免费的，你不需要支付任何费用，就可以得到一个开发各种代码的编辑器，也正因为它具有高拓展性，它可以用来编写Python、C++、C#、GO、Dart等一系列语言。 你可以通过下面的插件将VS…- 1k
- 0
-
全面解读 Vue 3.0 的变化
vue3.0的改进思路 vue最主要的特点就是响应式机制、模板、以及对象式的组件声明语法，而3.0对这三部分都做了更改。 1. 响应式 2.x的响应式是基于Object.defineProperty实现的代理，兼容主流浏览器和ie9以上的ie浏览器，能够监听数据对象的变化，但是监听不到对象属性的增删、数组元素和长度的变化，同时会在vue初始化的时候把所有的Observer都建立好，才能观察到数据对…- 792
- 0
-
vue:将px转化为rem，适配移动端vant-UI等框架(postcss-pxtorem)
1.下载lib-flexible 使用的是vue-cli+webpack，通过npm来安装的 npm i lib-flexible --save 2.引入lib-flexible 在main.js中引入lib-flexible import 'lib-flexible/flexible' 3.设置meta标签 <meta name="viewport"…- 1k
- 0
-
Node版本器nvm的安装与使用
一、nvm是什么 nvm全名node.js version management，是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs,主要解决node各种版本存在不兼容现象 二、下载nvm 点击github下载地址 可以下载最新nvm版本，本次下载安装的是windows版本。打开网址我们可以看到以下安装包： nvm-noinstall.zip：绿色免安装版，但使用时需进行…- 735
- 0
-
从0到1搭建webpack2+vue2自定义模板详细教程
前言 webpack2和vue2已经不是新鲜东西了，满大街的文章在讲解webpack和vue，但是很多内容写的不是很详细，对于很多个性化配置还是需要自己过一遍文档。Vue官方提供了多个vue-templates，基于vue-cli用的最多，不过对于很多人来说，vue-cli 的配置还是过于复杂，对于我们了解细节实现不是很好，所以想自己从零开始搭建一个模板工程，也顺便重新认识一下webpack和vu…- 1k
- 0
-
dragula插件web端和移动端的拖拽排序
Dragula简介 Dragula是一款支持移动触摸屏设备的纯js元素拖放插件。这个元素拖放插件使用简单，浏览器兼容性好，能够实现通过鼠标或在移动设备中通过手指来拖动DOM元素的位置。 代码演示： <script src="dist/dragula.js"></script> <link rel="stylesheet" hre…- 1k
- 0
-
meta标签强制客户端浏览器为google内核+兼容+双核
meta代码： // 强制客户端浏览器为google内核<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> // 设置谷歌内核<meta name="renderer" content="webkit"> 360浏览器…- 954
- 0
-
webpack介绍、配置、使用
一、webpack介绍 1、由来 由于前端之前js、css、图片文件需要单独进行压缩和打包，这样团队人员处理很繁琐，然后 Instagram 团队就想让这些工作自动化，然后webpack应运而生。 2、介绍 webpack是一个模块打包器（module bundler），webpack视HTML，JS，CSS，图片等文件都是一种 资源 ，每个资源文件都是一个模块（module）文件，webpack…- 785
- 0
-
HTML网页/KRPano项目一键打包EXE工具
工具简介 HTML一键打包EXE工具(HTML封装EXE,桌件)能把任意HTML项目(网址)一键打包为单个EXE文件，可以脱离浏览器和服务器，直接双击即可运行。支持KRPano全景VR项目,WebGL游戏项目(Egret游戏打包,Cocos游戏打包,RPG MV Maker游戏打包),课件打包,网址打包等. 最新软件下载地址：地址 官方网址：地址 HTML一键打包工具具有以下特性 1. 可以把HT…- 1.5k
- 0
-
yarn的安装和使用
简介： Yarn 是 Facebook 发布的一款取代 NPM 的包管理工具。 特点： 1. 速度超快 Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。 2. 超级安全 在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。 3. 超级可靠 使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工…- 916
- 0
-
CSS 最核心的几个概念
前言 本文将讲述 CSS 中最核心的几个概念，包括： 盒模型、position、float等。 这些是 CSS 的基础，也是最常用的几个属性，它们之间看似独立却又相辅相成。 元素类型 HTML 的元素可以分为两种： 块级元素（block level element） 内联元素（inline element 有的人也叫它行内元素） 两者的区别在于以下三点： 块级元素会独占一行（即无法与其他元素显示在…- 1.2k
- 0
-
20个编写现代CSS代码的建议
明白何谓Margin Collapse 不同于其他很多属性，盒模型中垂直方向上的Margin会在相遇时发生崩塌，也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时，只有二者中的较大值会被保留下来，可以从下面这个简单的例子来学习: .square { width: 80px; height: 80px; } .red { background-color: #F44336; m…- 1.2k
- 0
-
15个国外最流行的CSS框架
摘要：CSS框架通常指的是一些CSS文件的集合，这些文件包括网页的基本布局、表单样式、网格或简单结构、以及样式重置。本文将介绍15个国外最流行的CSS框架，希望对您有所帮助。 CSS框架通常指的是一些CSS文件的集合，这些文件包括网页的基本布局、表单样式、网格或简单结构、以及样式重置。例如，typography.css是基本排版规、grid.css是基于网格的布局、layout.css通常的布局，…- 969
- 0
-
前端Js框架汇总
概述： 随着互联网飞速发展的时代，技术更新迭代的速度也在加快。看着Java、Js、Swift在各领域心花路放，也是煞是羡慕。寻了寻.net的消息，也是振奋人心，.net core 1，mono，xamarin等等，但大多都还在狂吼的阶段。其实一直以来对技术的理解是技术服务于业务和产品，产品又在不同程度的推进着技术的演进。 Web、无线、物联网、VR、PC从不同方向推进着技术的融合与微创新。程序员在…- 1.1k
- 0
-
伪元素的妙用–单标签之美
:before和::before的区别 在介绍具体用法之前，简单介绍下伪类和伪元素。伪类大家听的多了，伪元素可能听到的不是那么频繁，其实 CSS 对这两个是有区分的。 CSS2及CSS3伪类区分 CSS3伪元素单双冒号区分 有时你会发现伪类元素使用了两个冒号 (::) 而不是一个冒号 (:)，这是 CSS3 规范中的一部分要求，目的是为了区分伪类和伪元素，大多数浏览器都支持这两种表示方式。 1 #…- 986
- 0
-
Web前端开发的四个阶段
第一阶段：HTML的学习 超文本标记语言（HyperText Mark-up Language 简称HTML）是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。 HTML的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“…- 991
- 0
-
前端开发，如何优雅处理前端异常？
前端一直是距离用户最近的一层，随着产品的日益完善，我们会更加注重用户体验，而前端异常却如鲠在喉，甚是烦人。 一、为什么要处理异常？ 异常是不可控的，会影响最终的呈现结果，但是我们有充分的理由去做这样的事情。 增强用户体验；远程定位问题；未雨绸缪，及早发现问题；无法复现问题，尤其是移动端，机型，系统都是问题；完善的前端方案，前端监控系统； 对于 JS 而言，我们面对的仅仅只是异常，异常的出现不会直接…- 921
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×