使用宝塔Linux部署node项目+前端包上线

小彬2021-05-22前端技术160
使用宝塔Linux部署node项目+前端包上线
使用宝塔搭建项目还是非常便捷的1、进入软件商店下载PM2,然后可以设置放置到首页2、上传node包到宝塔把本地的node包压缩好上传到特定的目录下,node_modules 不用打包。特定的目录:根据...

vue-element-admin框架之动态路由配置及思路(个人实践,拒绝照搬)

小彬2021-02-28前端技术585
vue-element-admin框架之动态路由配置及思路(个人实践,拒绝照搬)
思路:三步1、在路由拦截前对路由数据进行存储和处理2、在渲染路由的router里合并constRoutes和asyncRoutes3、在权限进行修改的时候进行存储和更新路由数据4、对后端返回的数据进行...

使用js对数组进行去重的六种办法

小彬2021-02-26前端技术249
使用js对数组进行去重的六种办法
1、es5使用双重for循环去重但是对NaN不能进行处理,要单独处理var arr1=[1,12,0,2,'12','12','ab',...

Webpack原理与实践从零到掌握

小彬2021-02-12前端技术343
Webpack原理与实践从零到掌握
 Webpack 以模块化思想为核心,帮助开发者更好的管理整个前端工程。1、快速上手webpack1、初始化package.json,并安装webpacknpm init ...

sass条件函数和内置函数

小彬2021-02-05前端技术349
sass条件函数和内置函数
sass条件函数 1、if-else   $type="value1" @if $type== "value1"{...

Vue响应式原理模拟

小彬2021-01-24前端技术381
Vue响应式原理模拟
1、准备工作 2、数据响应式的核心原理Vue 2.x当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的 property...

javascript的深拷贝和浅拷贝(重点)

小彬2021-01-23前端技术365
javascript的深拷贝和浅拷贝(重点)
浅拷贝的时候如果数据是基本数据类型,那么就如同直接赋值那种,会拷贝其本身,如果除了基本数据类型之外还有一层对象,那么对于浅拷贝而言就只能拷贝其引用,对象的改变会反应到拷贝对象上;但是深拷贝就会拷贝多层...

移动webAPP开发必备基础知识汇总

小彬2021-01-22前端技术378
移动webAPP开发必备基础知识汇总
HTML5存储1、localStorage和sessionStorage1相同的使用方法api使用setItem方法设置存储内容使用getItem方法设置获取内容使用removeItem方法删除存储内...

Vue.js 框架最为核心的 Virtual DOM 是如何实现的?

小彬2021-01-15前端技术488
Vue.js 框架最为核心的 Virtual DOM 是如何实现的?
1、虚拟DOMVirtual DOM :由普通的js对象来描述DOM对象,因为不是真实的DOM对象,所以叫虚拟DOMSnabbdom 就是Vue使用的虚拟DOM框架1)真实DOM成员 let...

使用Javascript对图片进行定宽或定高压缩处理

小彬2021-01-13前端技术434
使用Javascript对图片进行定宽或定高压缩处理
使用Javascript对图片进行定宽或定高压缩处理本文参考了以下链接https://www.jb51.net/article/182078.htm https://www.cnblogs....

json以及jsonp的跨域

小彬2021-01-07前端技术349
json以及jsonp的跨域
 什么是JSON?JSON(javascript object notation)全称是javascript对象表示法,它是一 种数据交换的文本格式,而不是一种编程语言,用于读取结构化数据,...

js基础之video视频、audio音频属性及API

小彬2020-10-03前端技术534
js基础之video视频、audio音频属性及API
1、video 视频video支持三种格式 mp4 webm ogvvideo 里可放source标签,如果播放失败会继续检查下一个source标签,直到兼容不同浏览器差异safafi 只认mp4格式...

js基础之canvas绘图技术

小彬2020-09-29前端技术495
js基础之canvas绘图技术
1.canvas的默认宽度和高度是300*150   canvas宽高应设置在canvas标签上(画布大小),设在style里会让canvas根据样式进行缩放(画布被拉伸后的大小)...

https协议知识汇总

小彬2020-08-14前端技术534
https协议知识汇总
1、https协议超文本传输安全协议。也称HTTP over TLS,HTTP over SSL, HTTP over Secure通过计算机网络进行安全通信的传输协议OSI模型中的应用层协议隶属于T...

HTTP之安全威胁解析

小彬2020-08-06前端技术657
HTTP之安全威胁解析
1、web安全攻击web应用的概念web应用是由动态脚本、编译过的代码等组合而成它通常架设在web服务器上,用户在web浏览器上发送请求这些请求使用http协议,由web应用和企业后台的数据库及其他动...

HTTP之功能追加协议以及升级http2.0

小彬2020-08-05前端技术694
HTTP之功能追加协议以及升级http2.0
1、影响http网络请求的因素带宽 延迟2、http协议的瓶颈一条连接上只可发送一个请求请求只能从客户端开始,客户端不可以接受除响应以外的指令请求/响应头部冗余,不经压缩就发送每次互相发送相...

HTTP之安全的https以及实战操作

小彬2020-08-05前端技术558
HTTP之安全的https以及实战操作
证书机构:证书颁发机构、服务端网址、机构私钥加密(服务端公钥)、机构私钥加密(证书签名)1、https协议概述HTTPS可以认为HTTP +TLS.,TLS是传输层加密协议,它的前身是SSL协议.HT...

HTTP之使用HTTP+JAVA构建应用

小彬2020-08-04前端技术383
HTTP之使用HTTP+JAVA构建应用
1、HTTP请求服务器的简单实现(开发)下载Java jdk :  www.oracle.com 添加到环境变量 JAVA_HOME(C:\Program Files\Java\j...

HTTP之协议结构、通讯原理以及http特性和使用方法

小彬2020-08-03前端技术515
HTTP之协议结构、通讯原理以及http特性和使用方法
1、http协议 超文本传输协议(http)是一种通信协议,它允许将超文本标记语言(html)文档从web服务器传送到客户端的浏览器http是一个属于应用层的面向对象的协议web是一种基于超...

javascript之原生ajax请求步骤

小彬2020-07-23前端技术515
javascript之原生ajax请求步骤
一、什么是Ajax?Ajax的全称是Asynchronous JavaScript and XML(即异步的 JavaScript和 XML,它并不是一种新的编程语言,结合了多项技术的浏览器端的网页开...

计算机编码规范之ASCII码

小彬2020-07-08前端技术603
计算机编码规范之ASCII码
Bin(二进制)Oct(八进制)Dec(十进制)Hex(十六进制)缩写/字符解释0000 00000000x00NUL(null)空字符0000 00010110x01SOH(start of hea...

在nuxt中使用localStorage

小彬2020-07-07前端技术3540
在nuxt中使用localStorage
原文作者:Growth61原文链接:https://zhuanlan.zhihu.com/p/82481387使用 localStorage 进行缓存,操作比 cookie 更简单,且存储空间更大,用...

手机端分享调用功能的实现(只能在真机上测试有效)

小彬2020-07-06前端技术460
手机端分享调用功能的实现(只能在真机上测试有效)
html: <a href="javascript:void(0);" onclick="call('default')"> <...

选择打包工具:Rollup 和 Webpack

小彬2020-07-03前端技术300
选择打包工具:Rollup 和 Webpack
————————————————   原文作者:拉勾教育  原文链接:https://kaiwu.lagou.com/course/courseInfo.ht...

常用正则表达式汇总

小彬2020-07-01前端技术469
常用正则表达式汇总
来源:菜鸟教程http://c.runoob.com/front-end/854常用正则表达式正则表达式元字符和特殊字符移步6、第五章--引用类型(Date类型、RegExp类型)一、校验数字的表达式...

CSS Flex 盒布局教程

小彬2020-06-23前端技术643
CSS Flex 盒布局教程
参考文章:A Visual Guide to CSS3 Flexbox Properties,W3C CSS Flexible Box Layout Module Level,Flex 布局教程:语法...

浏览器几种缓存方法的比较

小彬2020-06-22前端技术571
浏览器几种缓存方法的比较
在Web应用领域,Web缓存大致可以分为以下几种类型:1.数据库数据缓存Web应用,特别是社交网络服务类型的应用,往往关系比较复杂,数据库表繁多,如果频繁进行数据库查询,很容易导致数据库不堪重荷。为了...

浏览器缓存机制

小彬2020-06-21前端技术502
浏览器缓存机制
浏览器缓存机制本文地址: https://www.laruence.com/2010/03/05/1332.htmlCache-ControlCache-Control 是最重要的规则。这个...

es6入门之环境搭建

小彬2020-06-20前端技术491
es6入门之环境搭建
话不多说,首先我也是先学习了然后再总结的。es6入门——es6环境的搭建(原文有个错误,把cmd说成是控制台,以至于评论区有个新手没理解到意思,控制台是浏览器的console,cmd是输入命令行执行的...

前端入门html、css、js知识汇总(2)

小彬2020-06-19前端技术582
 前端入门html、css、js知识汇总(2)
68.ECMAScript{   简单数据类型:undefined,null,boolean,number,string   复杂数据类型:object...

Vue2.x进阶知识

小彬2020-06-18前端技术532
Vue2.x进阶知识
1、$on 与$emit的相互调用$on监听当前实例上的自定义事件。事件可以由 vm.$emit 触发。回调函数会接收所有传入事件触发函数的额外参数。个人理解:$emit触发事件,...

JS 预解析机制与定义函数的三种方式

小彬2020-06-17前端技术546
JS 预解析机制与定义函数的三种方式
1、JS 预解析机制与定义函数的三种方式 定义函数的三种方式 1、 函数声明(用的最多,推荐优先使用)   function fn(){  &nbs...

5种常见网页自动跳转方法

小彬2020-06-16前端技术1751
5种常见网页自动跳转方法
利用HTML标记(META中的REFRESH属性)用HTML标记,就是用META的REFRESH标记,举例如下:<meta http-equiv=refresh content="10...

实现iframe高度自适应的6种方法

小彬2020-06-15前端技术829
实现iframe高度自适应的6种方法
iframe高度自适应JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。如果内容是固定的,那么我们可以通过CSS...

CSS grid 网格布局教程

小彬2020-06-14前端技术840
CSS grid 网格布局教程
grid 兼容性查看请点此处 最新Grid兼容前言:用过这个grid只能说简直爽啊,以往需要float甚至position定位,自从学了grid网格布局,代码量非常精简但是也要注意兼容问题,...

ECMAScript 6之let、const和块级作用域

小彬2020-06-13前端技术444
ECMAScript 6之let、const和块级作用域
参考资料:let 和 const 命令1、letlet 允许创建块级作用域,ES6 推荐在函数中使用 let 定义变量,而非 var:let 只能声明一次, var 可以声明多次:var a...

html5 移动端开发总结

小彬2020-06-12前端技术727
html5 移动端开发总结
取自https://quirksmode.org/mobile/viewports2.html手机与浏览器浏览器:移动端开发主要针对手机,ipad等移动设备,随着地铁里的低头族越来越多,移动端开发在前...

SEO搜索引擎工作原理

小彬2020-06-11前端技术866
SEO搜索引擎工作原理
一、搜索引擎工作原理  当我们在输入框中输入关键词,点击搜索或查询时,然后得到结果。深究其背后的故事,搜索引擎做了很多事情。  在搜索引擎网站,比如百度,在其后台有一个非常庞大的数据库,里面存储了海量...

前端日常编程代码便捷汇总

小彬2020-06-10前端技术714
前端日常编程代码便捷汇总
1、使用form表单进行上传文件需要为form添加enctype="multipart/form-data" 属性,除此之外还需要将表单的提交方法改成post,如下 me...

基于Vue自定义上下轮播组件(原创)

小彬2020-06-09前端技术1128
基于Vue自定义上下轮播组件(原创)
当初拿到设计师设计的这个稿子,我也是花了好几天才写出来的这个轮播图效率极低,特此发表纪念一下,万一以后能用的到呢。效果:鼠标移入圆点,移动下一张图片。它也可以自动轮播。重点是右侧我标注的红框,它是固定...

基于Vue自定义左右渐变图片轮播组件

小彬2020-06-08前端技术646
基于Vue自定义左右渐变图片轮播组件
本文取自 https://github.com/zhangxiaoshang/va-carousel 的 一个基于 vue 的图片轮播组件 我在此基础上修改了一下,自己用...

Vue2.x 实战总结知识点

小彬2020-06-07前端技术696
Vue2.x 实战总结知识点
1、git操作上传文件到gitee 先在线上建一个仓库bin012,然后本地打开git bash执行以下三步  mkdir bin012  cd&...

Vue2.x基础知识

小彬2020-06-06前端技术524
Vue2.x基础知识
1.vue绑定值与字符串拼接四种方法 A  :title="`字符串${变量}`"    B  :titl...

PC端固定顶部的导航栏在屏幕缩小时左右滚动

小彬2020-06-01前端技术1143
PC端固定顶部的导航栏在屏幕缩小时左右滚动
一般网站都会有固定导航栏,但是大多数都是随着屏幕的缩小并不会出现左右滚动。比如京东和淘宝的官网就是没有出现左右滚动你想想,如果把这个问题解决掉,其实你比他们还优秀言归正传,那就来说说怎么实现。首先上我...

手机端使用3D轮播图的方法

小彬2020-06-01前端技术482
手机端使用3D轮播图的方法
效果呈现来源于http://www.jq22.com/demo/jR3DCarousel-master20160315/我根据业务需求,改成了自己需要的样子,如图总的来说,代码量并不多。我把栏目的数据...

meta标签功能之兼容主流浏览器

小彬2020-05-27前端技术651
meta标签功能之兼容主流浏览器
其实一般新手估计都不会注意这个问题,新手大多都会迫不及待的为了实现网页而去重视代码,往往忽视最重要的meta标签,我就是这样,我也是做了两年的前端才算发现这个里面有很大的学问我最近在一个人独自开发一个...

使用rem做手机端网页自适应

小彬2020-05-27前端技术810
使用rem做手机端网页自适应
利用原生js做手机端网页自适应解决方案rem布局刚开始我用的是下面这段代码,然后js通过外部链接引入,最后每次用手机刷新网页的时候都会出现缩略图function getRem(pwidth,...

前端入门html、css、js知识汇总(1)

小彬2020-05-26前端技术629
前端入门html、css、js知识汇总(1)
注:本文适合需要一点前端知识,如有不懂自行百度或去W3C官网、去菜鸟教程查询1.html不需要编译,直接由浏览器执行   html文件时一个文本文件   h...

分享:

支付宝

微信