Web前端入门第 55 问:JavaScript 严格模式与非严格模式区别
JavaScript 默认是非严格模式的,可以通过 "use strict"; 启用严格模式。此声明语句可以放在 JS 文件顶部,也可以放在函数内部。
启用严格模式
1、外部脚本在 JS 文件开头声明,内部脚本在 <script> 标签开头声明,声明后所有 JS 代码启用严格模式:
"use strict";
console.log('Hello World!');
错误写法:
console.log( ...
前端开发和后端开发都是干什么的?有哪些区别?
前端开发和后端开发都是干什么的?有哪些区别?通俗地讲,前端干的工作是用户可以直接看得见的,而后端开发的工作主要在服务端,用户不太能直接看到。虽然前端开发和后端开发的工作有巨大的区别,但是他们的工作都是相辅相成的,都是为了更好的用户体验。
1、前端开发:
网站的“前端”是与用户直接交互的部分,包括你在浏 ...
8个常用的WEB开发前端框架 提高项目前端开发效率
随着互联网的推进我们可以寻找到各种高效资源,比如我们设计网站、小程序和公众号开发的时候,前端设计并不需要我们太多的自主设计,我们可以借助免费开源或者有些付费的前端框架和插件来快速完成。比如我们在设计网站主题的时候,可以借助类似BootStrap、Layui这些常用的前端框架高效开发。
目前可选的前端框架还是比较多 ...
vxe-table 单元格超出隐藏内容提示使用自定义插槽模板
vxe-table 单元格超出隐藏内容提示使用自定义插槽模板
当内容溢出时显示为省略号,show-overflow 和 show-header-overflow 和 show-footer-overflow
如果需要更灵活的展示,还可以使用自定义提示插槽模板,通过 headert-tooltip、tooltip、footer-tooltip 来自定义模板
查看官网:https://vxetable.cn
gitbub:https://gith ...
最好懂的自动寻路-前端
先看效果
黑块是障碍物,可以理解成游戏里的墙
白块是可走的路
点哪里走哪里,类似于游戏里的移动
在线演示
前言
本节采用BFS算法,没有涉及到一些更深层次的优化。
代码用的vue3+ts,单组件,复制粘贴即可运行,核心的代码就一个函数,可以用GPT转成其他语言并运行
鄙人没有从事这方面工作,纯属兴趣爱好,只能带大家看 ...
vue2和vue3的响应式原理有何不同?
大家好,我是 V 哥。
Vue 2 和 Vue 3 在响应式原理上存在显著差异,下面为你详细介绍。
如果你是前端开发,V 哥建议抓紧入坑鸿蒙,2025年鸿蒙趋势将引领国产化替代的新征程,大量内推岗位等你来拿。
推荐一本鸿蒙 NEXT 书《鸿蒙 HarmonyOS 开发之路》卷1,可以让你少走弯路。
Vue 2 响应式原理
Vue 2 使用 Object.definePr ...
npm pack - npm install .tgz 离线安装 前端开发环境
npm pack - npm install .tgz 离线安装 前端开发环境
为什么有这个需求
曾经出差,到一个机构里面,里面是局域网,没有外网。后台都是java,刻录个光盘,然后就把开发环境装好了,就直接开发了。
我进去后,由于不能离线安装开发环境,导致楼上楼下跑,效率极低,开发还特别慢。
延展
开发electronjs,那搞一个开发环境, ...
前端大文件上传的另一种提速思路
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
最近在重构项目里的大文件上传模块,本想着按常规方案实现:File API 切片、计算 Hash、封装一个带并发限制(通常习惯性设为 6)的请求池,最后调个 Merge 接口收尾。
这套方案可以说是前端圈处理大文件的标配了。但看着 Network 面板里稳步推进的进度条,我突然意识到一个经 ...
年会抽奖不用愁!这款开源 3D 抽奖工具,颜值与实用双在线!
大家好,我是 Java陈序员。
临近年底,又到了喜闻乐见的年会活动。但对于策划部门来说,每年都会为年会抽奖环节用什么工具发愁?用 Excel 随机抽奖太枯燥,花钱买商业软件又不划算。
今天,给大家安利一款免费开源的 3D 抽奖神器,炫酷球体抽奖效果直接拉满活动氛围,自定义配置更是精准适配各类年会、团建场景!
关注微信 ...
JavaScript数据表格方案AG Grid主题定制新升级:Figma 设计系统全面打通设计与开发
在最新版本的 Figma 设计系统 中,所有变量已与 AG Grid Theming API 参数 实现 1:1 映射。这意味着设计师在 Figma 中的修改能够无缝传递到开发代码,彻底消除沟通障碍。更重要的是,借助自动化导出与转换工具,团队可以一键生成生产可用的 AG Grid 自定义主题,显著提升交付效率 ...
SortableJS 实现 Element UI Table行拖拽排序功能
Element UI Table组件基本使用(官方文档)
Sortable.js 官方文档
实现步骤
1. 安装SortableJS
通过npm安装:
npm install sortablejs --save
或使用国内CDN(推荐):
<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.14.0/Sortable.min.js"></script>
2. 基础拖拽功能实现
在Vue组件中,通过ref获取Table的bod ...
前端实现带滚动区域的 DOM 长截图导出
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
日常开发中,导出带滚动条的DOM内容为图片时,普通截图只能抓可视区域?本文分享基于@snapdom的长截图方案,完美导出完整内容,还能精准复刻UI~
一、业务痛点(为什么选snapdom?)
开发中经常遇到「导出带滚动区域的DOM为图片」的需求(比如评估报告、图表列表、长表单) ...
前端开发日常——CSS动画无限轮播
近来没有什么值得写的东西,空闲的时候帮前端的同学做了些大屏上的展示模块,就放在这里写写吧,手把手“需求->设计-> 实现”,受众偏新手向。
为了直观便于理解, 直接把结果贴在上面。
如上所示,基本需求比较简单明了, “分页显示供应商、供应占比列表,自动轮播”。
一、需求评审
该 ...
借助Aspose.html控件,在 Java 中将 SVG 转换为 TIFF
如果您正在寻找高级 HTML SDK,那么你可以了解使用Aspose.HTML!该 SDK 几乎支持所有主流编程语言。在本篇教程中,我们将讨论如何借助Aspose.HTML在 Java 中以编程方式将SVG转换为TIFF。
Aspose.Html 是一种高级的HTML操作API,可让您直接在.NET应用程序中执行广泛的HTML操作任务,Aspose.Html 允许创建,加载,编辑 ...
前端开发随笔
前端技术栈以 Jinja2 为模板,TailwindCSS 负责样式,而 Alpine.js 则是实现所有客户端交互的“魔法棒”。Alpine.js 允许我们直接在 HTML 中编写组件逻辑,极大地简化了前端开发。
aimap_fusion.html:三步联动的 AI 融创流程
此页面是项目的核心,它通过三个阶段——解构、构想、呈现——将用户的图片转化为全新的 AI 设 ...
扣子 Coze 产品体验功能
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。
本文作者:长路
认识扣子
相关链接
官方文档:什么是扣子 https://www.coze.cn/open/docs/guides/welcome
学习资源:https://www.coze.cn/open/docs/guides/learning_resources
动态 ...
Vue 前端开发团队风格指南(史上最全)
Vue官网的风格指南按照优先级(依次为必要、强烈推荐、推荐、谨慎使用)分类,本文根据项目实际情况整理了一份适用于团队开发的vue风格指南,供大家参考。
一、命名规范
常用的命名规范:
camelCase(小驼峰式命名法 —— 首字母小写)
PascalCase(大驼峰式命名法 —— 首字母大写)
kebab-case(短横线连接式)
Snake ...
作为前端开发,如何写好一个简历
背景
前一阵子,闲下来便开始着手做一个一直想做的东西--resume。经过几天业余时间的折腾,终于做出了一番模样。Github项目地址:https://github.com/eternityspring/eternityspring.github.io
需求来源
通常在各个招聘网站,我们填写完一些信息后,网站就可以帮助我们生成一个很不错的简历。但是作 ...
1+x 证书 web 前端开发初级对应课程分析
响应国家号召 1+X 证书 Web 前端开发考试样题
官方QQ群
1+x 证书 web 前端开发初级对应课程分析
http://blog.zh66.club/index.php/archives/194/
1+X 证书 Web 前端开发中级对应课程分析
http://blog.zh66.club/index.php/archives/195/
1+x 证书 Web 前端开发初级理论考试样题 2019
http://blog.zh66.club/index.php/archi ...
如何使用 vxe-table 展开行实现展开子表父子表格
如何使用 vxe-table 展开行实现展开子表父子表格
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
<template>
<div>
<vxe-grid v-bind="gridOptions">
<template #expand_content="{ row }">
<div class="expand-wrappe ...