前端

vue-cli域名访问Invalid Host header

vue-cli域名访问Invalid Host header

在webpack.dev.conf.js中添加:disableHostCheck: true const devWebpackConfig = merge(baseWebpackConfig, { ... // these devServer options should be cust

Joe.Ye Joe.Ye 2023-03-12
0 0 0
解决vue项目ip地址无法访问的问题

解决vue项目ip地址无法访问的问题

vue脚手架vue-cli起的webpack项目,使用localhost可以正常访问,切换到ip就提示无法访问此网站。 修改config目录下的index.js 将 host: 'localhost' 改为 host: '0.0.0.0' 重启vue项目 >

Joe.Ye Joe.Ye 2023-03-12
0 0 0
如何选择正确的Node框架:Next, Nuxt, Nest?

如何选择正确的Node框架:Next, Nuxt, Nest?

Next、Nuxt和Nest这三个框架都是服务器端渲染,它们分别与React、Vue和Angular(三个目前最流行的前端框架)密切相关 Next Next是一个React框架,允许使用React构建SSR和静态web应用 安装 next react react-dom是必不可少的 npm ins

Joe.Ye Joe.Ye 2023-03-12
0 0 0
如何选择正确的Node框架:Express,Koa还是Hapi?

如何选择正确的Node框架:Express,Koa还是Hapi?

简介 Node.js是10年前首次推出的,目前它已经成为世界上最大的开源项目,在GitHub上有+59,000颗星,下载次数超过10亿。流行度快速增长的部分原因是Node.js允许开发人员在应用程序的客户端和服务器端部分使用相同的语言:JavaScript。Node.js是一个开源和跨平台的Java

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Vue.js 移动端 UI 组件库 YDUI

Vue.js 移动端 UI 组件库 YDUI

Vue-ydui 是 YDUI Touch 的一个基于 Vue2.x 的移动端&微信UI实现版本,专为移动端打造,在追求完美视觉体验的同时也保证了其性能高效。 官网:http://www.ydui.org/ GitHub:https://github.com/ydcss/vue-ydui

Joe.Ye Joe.Ye 2023-03-12
0 0 0
有赞前端组件库Vant

有赞前端组件库Vant

Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源,是业界主流的移动端组件库之一。 Vant 官方 Vue 2 版本:https://vant-contrib.gitee.io/vant Vant 官方 Vue 3 版本:https://vant-contrib.gitee.io/va

Joe.Ye Joe.Ye 2023-03-12
0 0 0
H5前端UI框架

H5前端UI框架

WeUI(支持H5):https://github.com/Tencent/weui vux.li(支持H5):https://vux.li/ Ant.design(支持H5):https://vue.ant.design | https://pro.ant.design 有赞Vant(支持H5):

Joe.Ye Joe.Ye 2023-03-12
0 0 0
跨浏览器Html页面及图像灰度(grayscale)

跨浏览器Html页面及图像灰度(grayscale)

meta标签规范 使用W3c CSS filter方式的grayscale实现Html页面及图像灰度 CSS3中借鉴IE私有滤镜的方式提供了标准的CSS Filter方案,支持grayscale灰度、sepia褐色、saturate饱和度、hue-rotate色相旋转、invert反色、opaci

Joe.Ye Joe.Ye 2023-03-12
0 0 0
CSS3 grayscale滤镜图片变黑白

CSS3 grayscale滤镜图片变黑白

CSS3 grayscale滤镜图片变黑白实例 CSS代码 .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Layer For Mobile 移动端弹出层

Layer For Mobile 移动端弹出层

layer mobile是为移动设备(手机、平板等webkit内核浏览器/webview)量身定做的弹层UI。由于是采用原生 JavaScript编写,所有并不依赖任何第三方库。layer mobile完全独立于PC版的layer,需要按照场景选择使用。 官网:http://layer.layui

Joe.Ye Joe.Ye 2023-03-12
0 0 0
移动端HTML5页面功能之点击和长按事件

移动端HTML5页面功能之点击和长按事件

移动端HTML5页面开发常见的需求:长按识别图中二维码 //点击事件 document.addEventListener("click", function() { document.getElementById("mask").style.displa

Joe.Ye Joe.Ye 2023-03-12
0 0 0
HTML5移动页面自适应手机屏幕方法

HTML5移动页面自适应手机屏幕方法

使用meta标签:viewport H5移动端页面自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。 手机浏览器是

Joe.Ye Joe.Ye 2023-03-12
0 0 0
JavaScript中forEach与each

JavaScript中forEach与each

forEach是ES5中操作数组的一种方法,主要功能是遍历数组,例如: var arr = [1, 2, 3, 4]; arr.forEach(alert); 等价于: var arr = [1, 2, 3, 4]; for (var k = 0, length = arr.length; k &

Joe.Ye Joe.Ye 2023-03-12
0 0 0
JS字符串格式化方法

JS字符串格式化方法

扩展String原型对象方法 String.prototype.format = function (args) { var result = this; if (arguments.length > 0) { if (arguments.length == 1 &&

Joe.Ye Joe.Ye 2023-03-12
0 0 0
JS控制浮点数输入正则

JS控制浮点数输入正则

需求: 1、过滤以0开头 2、去除所有非数字和小数点的字符 3、去掉重复的小数点 JS实时控制浮点数输入 amountWatcher (val, oldVal) { console.log(val) this.order.amount = val.replace(/^[0]+/, &#03

Joe.Ye Joe.Ye 2023-03-12
0 0 0
1 9 10 11 12 13 20