一切福田,不離方寸,從心而覓,感無不通。

Category Archives: Frontend

前端开发环境

Node.js 服务端的 JavaScript,所有的包依赖、开发脚手架都是基于node.js的。 下载地址:https://nodejs.org/en/   Python 有些依赖包是python写的。 下载地址:https://www.python.org/downloads/release/python-2717/   Vscode 微软开源轻量级IDE,插件多,受众广泛。 下载地址:https://visualstudio.microsoft.com/zh-hans/downloads/   安装过node.js之后,就可以cmd下查看npm的版本了,vue2要求npm的版本3.0以上。 用以下命令查看npm版本:npm -v 使用淘宝 NPM 镜像安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org   npm设置为淘宝镜像 npm config set registry https://registry.npm.taobao.org   #升级 npm cnpm install npm -g # 升级或安装 cnpm npm install cnpm -g   # 全局安装 vue-cli npm install --global vue-cli   创建Vue项目 vue init webpack {project name}

龙生   13 Jan 2024
View Details

node 版本与 node-sass node-loader 版本的对应关系

node 版本与 node-sass 版本的对应关系: 其一、查看文档的地址: https://www.npmjs.com/package/node-sass 其二、对应关系的表格: 对应版本 node16 “node-sass”: “6.0.1” “sass-loader”: “10.2.0” node: v14.19.0; node-sass: ^4.14.1; sass-loader: ^7.3.1; from:https://blog.csdn.net/weixin_38345306/article/details/132311818

龙生   12 Jan 2024
View Details

js保留两位小数总结

var num =2.446242342;
num = num.toFixed(2); // 输出结果为 2.45

龙生   18 Dec 2023
View Details

基于vue的 表单设计器(拖拽生成表单)

日常开发时想要快速构建节省时间或者功能需求需要拖拽生成表单,推荐使用以下表单设计器。 1.基于vue+elementui 的表单设计及代码生成器 Form Generator        Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。 码云仓库: form-generator: Element UI表单设计及代码生成器 演示地址: form-generator 安装依赖:

  JSON解析器:

  vscode插件 form-generator-plugin        此项目将form-generator的vscode-plugin分支封装为一个vscode插件,拓展了form-generator的文件写入能力; 帮助使用element UI的开发者完成基本的表单代码搭建任务,减少重复的劳动。 2. 基于vue+ant-design-vue的表单设计器 k-form-design 设计器布局参考form-generator项目,基于vue和ant-design-vue实现的表单设计器,样式使用less作为开发语言,主要功能是能通过简单操作来生成配置表单,生成可保存的JSON数据,并能将JSON还原成表单,使表单开发更简单更快速。 github仓库:https://github.com/Kchengz/k-form-design 演示地址:http://cdn.kcz66.com/form-design.html 组件 KFormDesign 表单设计器(基于可视化操作快速设计出表单页面,生成配置json或页面) KFormBuild 表单构建器(根据设计器中获取的配置json数据,快速构建出表单页面) 安装

  引入组件

  使用组件

  3.基于vue的表单生成器(支持iview,element-ui,ant-design-vue) form-create form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件。 安装 iview

  iview

  element-ui

  ant-design-vue

  4.基于vue+ElementUI的表单设计器 form-designer 码云仓库:https://gitee.com/wurong19870715/formDesigner 演示地址:http://wurong19870715.gitee.io/formdesigner   from:https://blog.csdn.net/weixin_43765747/article/details/122995904

龙生   01 Dec 2023
View Details

前端调用浏览器打印判断用户点击确认还是取消

window监听到打印的beforePrint和afterPrint两个事件,但是无论点击打印还是取消都会触发afterPrint事件,所以只能通过这个事件的触发让用户自己判断是否打印成功,以此来记录数据是否打印或者是打印了几次,以下是打印的方法

  调用方法后监听iframe的afterPrint事件

  from:https://blog.csdn.net/soclear_/article/details/127439860

龙生   09 Nov 2023
View Details

jquery 打印方法 jquery打印网页

今天利用闲余时间研究了一下Jquery Jqprint插件,使用该Jquery脚本可以轻而易举的实现打印网页指定区域内容的功能: 例子一:

  例子二:

  from:https://blog.51cto.com/u_16099297/6962748

龙生   09 Nov 2023
View Details

web端js调用window.print()的回调函数(打印前和打印后的回调)

  from:https://codeleading.com/article/96272527602/#google_vignette

龙生   09 Nov 2023
View Details

Webpack源代码泄露紧急修复方案

nginx

 

龙生   20 Oct 2023
View Details

Webpack源代码泄露漏洞研究

Webpack 会为打包后的代码生成 Source Map 文件,以便在运行时可以调试源代码。然而,如果开发人员在生产环境中没有正确地配置 SourceMap,攻击者就可能获得敏感信息,例如源代码和服务器配置等。

攻击者可以通过发送 HTTP 请求来获取 Source Map 文件,并从中获取敏感信息。

龙生   20 Oct 2023
View Details