草庐IT

纯前端

全部标签

前端node.js入门

(创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹)目录Node.js入门 什么是Node.js?什么是前端工程化? Node.js为何能执行JS? fs模块-读写文件 path模块-路径处理URL中的端口号 常见的服务程序 Node.js模块化什么是模块化? CommonJS标准 ECMAScript标准-默认导出和导入 包的概念 npm-软件包管理器 npm-全局软件包nodemonNode.js总结 Node.js入门 什么是Node.js?定义:作用:使用Node.js编写服务器端程序        编写数据接口,提供网页资源浏览功能等等     

前端vue/uniapp —— 兼容ios与安卓问题

1.flex布局中justify-content/align-items:end;ios不生效问题//把end改为flex-endjustify-content:flex-end;align-items:flex-end;2.文字溢出显示省略号——富文本在ios真机不生效①css样式无效:安卓可,ios不可.multiWrap{word-wrap:break-word;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-o

Vue前端自动化测试-Vue Test Utils

VueTestUtils简介vue-test-utils是vue官方的单元测试框架,提供了一系列非常方便的工具,使我们更轻松地为vue构建的应用来编写单元测试。主流的JavaScript测试运行器有很多,但vue-test-utils都能支持。它是与测试运行器无关的。环境配置通过脚手架vue-cli来新建项目的时候,如果选择了UnitTesting单元测试且选择的是Jest作为测试运行器,那么在项目创建好后,就会自动配置好单元测试需要的环境。本文主要讲的就是新建项目之初没有选择单元测试功能,需要后面去添加的配置。npmi@vue/cli-plugin-unit-jest-Dnpmi@vue/t

谁说的前端已死后端已亡?你给我站出来

前言今年莫名其妙的网上就冒出来一句话:前端已死后端已亡,然后就会有很多人说工作不好找,要求高等等,本人也是在编程领域混迹了很多年,今天我们就来客观的分析一下,现在互联网到底是一个什么情况。互联网现状如何可能身处互联网的老铁其实能感觉到,今年找工作比前面几年确实要卷一些了,这是客观事实。那你有么有关注过其他行业现状如何?其实23年并不是互联网有低迷的趋势,而是各行各业都出现了找工作难的情况。那么导致这一情况的直接原因:三年疫情,经济衰退。(当然还有其他原因DDDD,不敢说…)虽然疫情已经过去很久,但是三年疫情导致太多的公司垮掉,或是大量裁员,外资撤走等等。公司为了生存也是勒紧裤腰带过日期,投资人

转转前端周刊第十一期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野1、深入浅出前端监控近期主要工作内容是进校开放平台(简称开平)相关业务,开平简单来说就是一个可为第三方应用提供接入主端(例如微信、飞书)应用能力的平台,为了让第三方应用稳定可靠地接入开平,需要为其提供一些底层的基础能力,其中应用监控就是其中不可或缺的一环。目前如何在进校开平中做三方应用的监控管理还在初步预研阶段,为此了解了一下前端监控相关背景知识。鉴于我司已有一套非常完善的APM平台,因此下文诸多理论和源码参考自我司APMWebSDK源码2、Whistle开发调试最佳实践whistle(读音[ˈwɪsəl],拼音[wēisǒu])基于Nod

HTML学习 第一部分(前端学习)

参考学习网站:网页简介(w3schools.com)我的学习思路是:网站+实践+视频。视频很重要的,因为它会给你一种开阔思路的方式。你会想,噢!原来还可以这样。这是书本或者网站教程所不能教给你的。而且,对一些教程,它的用法你可能在工作或者以后都用不上,这种情况下,看视频也是一种很好的解决方式。比较跟网址或者书本学习,以及和跟视频学习的比较:前期过基础,建议跟网站或者app,这些现在的网址或者app已经开发的比较发达全面了,以后也会更新更好用的。但是,如果难度变大,要从基础之上去提升。这个时候,我的建议是去看视频。视频,听别人讲一遍,跟着别人的思路去思考,可以扩展你的思维,提高你的视界,并提高你

盘点国内前端npm CDN替代方案,基本上可以替代unpkg、jsdelivr

收集一波常见的加速NPM包的CDN,发现有些还是挺好用的,基本上可以替代unpkg、jsdelivr,用来做博客或者网站加载NPM使用还是可以的。经典老牌的CDN加速unpkg.comcdn.jsdelivr.netfastly.jsdelivr.net使用方法:直接进官网,搜NPM包名使用。缺点:有时候不是很稳定,而且国内有些地方没法访问,jsdelivr曾经被用来结合github做免费CDN加速的图床存博客配图,不过之前遇到过使用jsdelivr直接访问不了的情况。国内能用的目前国内有很多NPM的CDN,可以高速支持相关包文件的访问下载,如:BootCDN:www.bootcdn.cn七牛

盘点国内前端npm CDN替代方案,基本上可以替代unpkg、jsdelivr

收集一波常见的加速NPM包的CDN,发现有些还是挺好用的,基本上可以替代unpkg、jsdelivr,用来做博客或者网站加载NPM使用还是可以的。经典老牌的CDN加速unpkg.comcdn.jsdelivr.netfastly.jsdelivr.net使用方法:直接进官网,搜NPM包名使用。缺点:有时候不是很稳定,而且国内有些地方没法访问,jsdelivr曾经被用来结合github做免费CDN加速的图床存博客配图,不过之前遇到过使用jsdelivr直接访问不了的情况。国内能用的目前国内有很多NPM的CDN,可以高速支持相关包文件的访问下载,如:BootCDN:www.bootcdn.cn七牛

nginx 配置解决前端跨域问题

一、为什么会出现跨域问题    出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的。javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port。二、什么是跨域1.当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。nginx是静态页面的web服务器,

解决:使用前端路由时的报错Cannot destructure property ‘options’ of ‘(0 , vue__WEBPACK_IMPORTED_MODULE_1__.inject)

使用前端路由时,代码无误,但是页面不显示任何东西,控制台报错:Cannotdestructureproperty‘options’of‘(0,vue__WEBPACK_IMPORTED_MODULE_1__.inject)(…)’asitisundefined.解决:step1:删掉下图所示目录node_modules(需要管理员身份)step2运行命令npmi,重新生成上述目录step3运行:npmrundev/serve(根据自己的配置文件来)最终就可以得到期望的效果啦