前端技术
文章平均质量分 71
前端技术经验分享
mask哥
工匠精神coding,终生学习
展开
-
vs code 启动react项目,执行npm start报错原因分析
vscode中执行npm start启动react项目报错:无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。错误原因分析原创 2024-07-15 19:19:48 · 251 阅读 · 0 评论 -
前端React生态技术总结
React hooks、Router、Redux、Antd、Typescript、webpack、sass、umi技术使用总结原创 2022-04-21 19:06:10 · 2251 阅读 · 0 评论 -
前端typescript技术总结
1.typescript安装国内镜像:npm config set registry https://registry.npmmirror.com安装 typescriptnpm install -g typescript查看typescript版本tsc -v将 TypeScript 转换为 JavaScript 代码:tsc app.ts使用 node 命令来执行 app.js 文件node app.js2.开发工具vscode3.tsc 常用编译参数:..原创 2022-03-31 16:57:46 · 1459 阅读 · 0 评论 -
前端ES6技术使用汇总
1.webpack webpack 是javascript应用程序的静态模块打包器。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图 (dependency graph) ,其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。 webpack核心概念: 入口 (entry):入口会指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始. 输出 (output):output 属性会告诉 webpack...原创 2022-03-28 12:30:29 · 1313 阅读 · 0 评论 -
Babel技术使用汇总
1.babel作用:把 JavaScript 中 es2015/2016/2017/2046 的新语法转化为 es5,让低端运行环境(如浏览器和 node )能够认识并执行。2.使用方法: 使用单体文件 (standalone script) 命令行 (cli) 构建工具的插件 (webpack 的 babel-loader, rollup 的 rollup-plugin-babel)。 **多见于 package.json 中的 scripts 段落中的某条命令**3.运...原创 2022-03-28 11:15:10 · 1271 阅读 · 0 评论 -
性能工具Yslow的使用技巧
网站性能工具Yslow的使用方法Yslow是雅虎开发的基于网页性能分析浏览器插件,从年初我使用了YSlow后,改变了博客模板大量冗余代码,不仅提升了网页的打开速度,这款插件还帮助我分析了不少其他网站的代码,之前我还特意写了提高网站速度的秘籍,就是通过这款插件分析得出的。网络上已经有不少Yslow使用说明了,本文我想介绍下我使用Yslow的方法和一些别人没提到的小技巧。原创 2014-11-10 16:12:37 · 1131 阅读 · 0 评论 -
移动web开发前准备知识了解(html5、jquery)笔记
移动web开发调试、插件使用原创 2014-11-10 16:48:09 · 1291 阅读 · 0 评论 -
使用jquery accordion动态加载数据,accordion样式丢失解决方案分析
jQuery UI插件非常好用,只要指定dom就可以自动UI渲染提供丰富的可视化控制挂件,但是在结合一些事件和ajax机制时,往往会重复对一个dom进行UI渲染的可能,此时对dom渲染的挂件(wdigets)有可能存在修饰的id,class丢失的现象,导致再次渲染时无法正常展现。结合起自身的ajax机制来调用according挂件时候,因为重复渲染according导致accroding挂件失效。原创 2012-10-10 13:45:14 · 3032 阅读 · 3 评论 -
从零构建react开发技术汇总
npm设置淘宝镜像sudo npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm set registry https://registry.npm.taobao.org更新npm 版本sudo cnpm install -g npm@8.1.0更新node版本npm install node@17.0.0构建react开发环境npm install -g create-react-app创建react原创 2022-03-25 16:14:29 · 2002 阅读 · 0 评论 -
创建react工程报错:npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not
分析:tar版本过低,需要升级tar版本。执行如下命令:npm install -g tar继续创建hello工程:create-react-app hello-app,成功!原创 2022-03-24 20:07:11 · 12361 阅读 · 0 评论 -
物联网平台:一份全面前端知识总结
总结这份前端知识主要包含以下几部分:1.开发工具 vscode 常用插eslint/npm/prettier(代码风格)/vetur/liveserver/ant desgin vue/stylelint/element ui helper chrome浏览器 nodejs vue-devtools:调试vue yarn/npm:依赖包管理 webpack:前端资源加载打包 根据模块规则生成静态资源; 安...原创 2021-06-12 19:44:58 · 4887 阅读 · 4 评论 -
物联网平台:前端技术选型总结
(1)技术选型针对物联网管理平台主要负责设备管理、指令下发、上报数据图表展示等功能.结合当前流程的主流前端技术框架应用情况考虑如下: 前端开发技术选型可采用vue3.0+typescript+elementUI(组件库)+html5+vuex(状态管理)作为核心的开发技术.采用npm+nodejs:进行前端包管理 采用webpack/yarn:进行资源加载和打包工具 采用vuetools:调试vue#########...原创 2021-05-25 14:33:47 · 4412 阅读 · 11 评论