网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,Web 1.0时代,网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接,新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上,高级HTML前端工程师年薪达30—50万,很多企业对于与web前端相关的技术职位更是求贤若渴。
ReferenceError: menuAction is not defined
2024年06月14日
页面加载一个 js 文件之后调用函数,却出现了:ReferenceError: menuAction is not defined具体代码如下:<script src="https://staticx.dev/da/js/auth-0.bundle.js" defer></script><script>menuAction();</script>出现问题的原因:由于 script 使用了 defe...
TypeError: i.createPopper is not a function
2024年06月13日
最近在使用 Bootstrap 的时候出现了这个错误:TypeError: i.createPopper is not a function出现错误的原因:没有加载 Popper.js 这个文件,但是如果使用Popper.js,Bootstrap.min.js 文件,会出现冲突,也会出现问题。解决方案:使用 bootstrap.bundle.min.js 而不是 Popper.js,Bootstr...
markdown toolbar element 推荐
2024年04月16日
最近需要在评论表单加上 Markdown 功能支持,找了很多 Markdown 功能的编辑器,一直不是很好用。找到了一个 markdown-toolbar-element 的项目,比较轻量,可以更具需求更改。同此此项目还提供了一个效果预览页面。第二个推荐的依然是一个轻量的 Markdown 编辑器,名称:markdown-toolbar element,但是没有看到源代码。这两个都需要根据项目需求...
css 实现超出宽度,文字加省略号
2023年12月27日
在CSS中,可以使用text-overflow属性来实现超出宽度时显示省略号。以下是一个简单的例子:.overflow-example { white-space: nowrap; /* 禁止文字换行 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; /* 显示省略号 */ wi...
在 Angular 中 ngStyle 如何设置 background-image
2023年11月20日
最近在编写管理后台的时候,使用 Angular 加载图片,具体代码如下:<span class="symbol-label" style="background-image:url({{element.img_url}});"></span>但是编译器会出现错误提示。我们可以使用 Angular 中的 ngStyle,下面是修改后的写法:<span class="symbol-label" [ng...
ts 判断数组是否为空
2023年11月20日
在 TypeScript 中,您可以使用以下方法来判断数组是否为空:使用数组的 length 属性:const arr: number[] = []; if (arr.length === 0) { console.log("数组为空"); } else { console.log("数组不为空"); } 使用 Array.isArray() 方法:const arr: n...
Module not found: Error: Can't resolve 'sass-loader' in
2023年11月14日
今天在打包的时候出现了如下错误:Module not found: Error: Can't resolve 'sass-loader' in截图如下:出现问题的原因:可能是由于缓存造成的。解决方案:运行如下两个命令:npm install sass-loader -D npm install node-sass -D这两个命令是用于在Node.js项目中安装与Sass(Syntacticall...
页面过期相关问题
2023年11月09日
我们购物车中的商品已经结算了,但是我们通过浏览器后退按钮,还是会显示原来没有支付的商品,也就是页面没有过期,这个问题我们再项目中应该如何处理?处理页面过期的问题通常涉及到使用合适的前端和后端技术,以确保用户在购物车结算后不能通过浏览器后退按钮看到未支付的商品。以下是一些建议:1. 使用合适的状态管理: 在用户完成购物车结算后,确保相应的状态被正确更新。这可以通过前端框架(如React、Vue等)中...