vue2从0开始打包发布npm包,踩坑无数,完整版
2024-09-04初始化的package.json中“name”参数就是要发布的npm包的名字,必须是唯一的,可以去npm官网搜一搜有没有重名的;三、假设两个.vue文件就是我们想要打包的组件,我们要先将他们暴露出去,在项目的根目录(src同级)或src/components文件夹中新建一个文件index.js。这时候,项目就成功启动起来了,打开链接 http://localhost:8080 ,就可以看到我们的项目了。按回车后,大概需要5分钟,甚至更久,才会新建成功,慢慢等待。至此成功,真是踩了无数的坑!_npm 打包
vue中使用localStorage存储信息
2024-08-30对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更直观,而且容量更大,它包含两种:localStorage 和 sessionStoragesessionStorage(临时存储) :为每一个数据源维持一个存储区域,在浏览器打开期间存在,包括页面重新加载localStorage(长期存储) :与 sessionStorage 一样,但是浏览器关闭后,数据依然会一直存在。_vue localstorage
Vue前端项目打包,并部署Vue项目到Linux云服务器上
2024-08-302.在config目录下的prod.env.js文件当中配置我们后端服务器的IP地址和端口号,因为这是在实际的部署当中所以必须要在生成环境下进行项目的部署。在实际当中服务器中可能有多个vue前端项目,此时我们只要单独修该conf文件即可,一个前端项目对应的一个conf文件。在/usr/local/nginx/conf目录下配置nginx.conf文件修改内容。(Vue项目设置了本地代理,部署到Nginx上需要使用反向代理解决生产环境跨域问题)(1) 修改root,(root为项目打包后文件的存放路径。_vue项目打包部署到linux
css样式隔离的几种常用方式
2024-08-30在webpack的项目中是css-loader提供的能力({ loader: 'css-loader', options: { modules: true/*开启css模块*/} })。在CSS Module中可以使用:local(className)来声明一个局部作用域的CSS规则进行样式隔离, 使用:global(className)来声明一个全局作用域的规则,不会进行隔离。css in js主要还是在react中应用的比较多(由于国内用的不多,就不多介绍了,知道有这么个东西即可)。_样式隔离
HTML5 Web 存储
2024-08-27使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站的性能.数据以 键/值 对存在, web网页的数据只允许该网页访问使用。Internet Explorer 8 , Firefox, Opera, Chrome, 和 Safari支持Web 存储。Internet Explorer 7 及更早IE版本不支持web 存储._localstorage.clickcount
Fastjson反序列化漏洞
2024-08-25使用恶意MySQL的url作为参数创建一个com.mysql.cj.jdbc.admin.MiniAdmin对象可以通过MySQL的JDBC驱动的com.mysql.cj.jdbc.admin.MiniAdmin类创建一个指定url的JDBC连接。再通过LOAD DATA local INFILE语句读取任意文件。只要用户期望类继承自 Throwable 类,Fastjson便会将该类信任,从而造成只要是继承Throwable的任意类都可以被反序列化。生成恶意mysql文件后,_几个fastjson反序列化漏洞常用类
pink老师携程网制作(html css)
2024-02-09(1)顶部搜索模块(search-index)(1)流利使用flex布局并且认识其中重要标签。(5)侧导航栏(subnav-entry)(3)局部导航栏(local-nav)(6)销售模块(sales-box)(2)焦点图模块(focus)(4)主导航栏(nav)仿写pink老师携程网。(2)移动端宽度的注意。_简易携程页面html
HTML5 新特性详解
2024-08-23HTML5不仅增强了网页的表现力,还引入了一系列新的功能,使得Web应用更加丰富、互动性更强。与之前的版本相比,HTML5最大的变化在于它引入了许多新的元素和属性,以简化Web开发流程并增强网页的多媒体功能。HTML5提供了本地存储机制,如localStorage和sessionStorage,以及离线应用缓存,使得Web应用即使在网络断开的情况下也能继续运行。希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。专栏系列(点击解锁)
HTML5本地存储-localStorage操作使用详解
2024-05-10javascript是前端必要掌握的真正算得上是编程语言的语言,学会灵活运用javascript,将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识,而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的,直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后,发现暂时没有提升的空间,我们可以暂时放一放。继续下面的学习,javascript贯穿我们前端工作中,在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解,关键是灵活运用。
Refused to execute script from ‘‘ because its MIME type (‘text/html‘) is not executable, and strict
2024-02-03Refused to execute script from 'http://localhost:8080/style.js?v=1.1' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.造成这个报错的情况有很多,比如服务器配置错误、缓存问题、代码错误、应用部署问题等等这篇文章是在前端项目运行时产生的问题,原因就是我在vue.config.js中设置了静态资源_because its mime type ('text/html') is not executable, and strict mime type