网页 手机web css
nuxt 去掉第三方css SEO优化
build: { transpile: [/^element-ui/], extractCSS: { allChunks: true }, vendor: ['element-ui'] }, ......
antui-alipay风格的移动网页设计
地址：antui.alipay.com 需要加入的一些js 控制，见https://myjsapi.alipay.com/fe/preset-assets.html 参考代码： <!DOCTYPE html> <!-- A11Y：注意设置页面的 lang 属性 --> <html lang="zh" ......
官方下载aosp，编译并刷到pixel 3手机
下载 现在repo init需要在 https://android.googlesource.com 注册账号。 登陆后（我用的gmail账号）选择点击生成密码，将网页的命令粘贴到终端。 下载driver ......
《Web安全基础》07. 反序列化漏洞
@目录1：基本概念1.1：序列化&反序列化1.2：反序列化漏洞1.3：POP 链2：PHP 反序列化2.1：序列化&反序列化2.2：魔术方法3：JAVA 反序列化3.1：序列化&反序列化3.2：反射机制3.3：相关资源 本系列侧重方法论，各工具只是实现目标的载体。 命令与工具只做简单介绍，其使用另见 ......
python的flask框架部署网页过程报错及解决方案
python安装好flask框架之后，创建一个flask的项目，运行发生以下报错 UnicodeDecodeError: 'utf-8' codec can't decode byte 0xa1 in position 4: invalid start byte 原因是读取flask库源码的时候系统 ......
微信小程序登录授权并获取手机号
1.获取手机号是有特殊按钮类型 <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手机号</button> 2.类型和点击事件都是指定了open-type="getPhoneNumber" "bindge ......
支持JDK19虚拟线程的web框架，之二：完整开发一个支持虚拟线程的quarkus应用
本篇咱们从零开发一个quarkus应用，支持虚拟线程响应web服务，响应式操作postgresql数据库，并且在quarkus官方还未支持的情况下，率先并将其制作成docker镜像 ......
直播app开发，CSS3动画实现左右无缝滚动图
直播app开发，CSS3动画实现左右无缝滚动图 <view class="shortList_con"><view class="scrollCon" :style="'width:' + (shortRouteList.length)*210 + 'rpx'"><view class="short ......
百度 Web Uploader 文件批量上传组件
WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样 ......
纯css实现边框环绕的效果
最近做项目遇到一个需求，需要给卡片添加一个边框环绕的效果，当鼠标移入卡片时，出现边框。 这里我主要是使用:before 和 :after来辅助实现这个功能。 在很多时候，我们可以巧用:before 或者 :after 来实现一些看起来较为复杂的效果。 我们先看看效果： 代码如下，希望大家能受到些许的 ......
Web前端：2022年十大React表库
Web前端：2022年十大React表库 粤嵌HTML5培训2022-04-18 10:23广东 表格是每个应用程序的关键组件，手动构建和样式表不再有效，因为有大量完全准备好的库可用于该功能。因此，我们利用这些库来简化我们的前端任务。 我们收集了一些将在2022年派上用场的最佳 React 表库。 ......
How to fix Tailwind CSS colors not work in Next.js All In One
How to fix Tailwind CSS colors not work in Next.js All In One
Tailwind CSS & Next.js 13
......
熟练掌握并充分利用CSS3的新特性，持续更新中。。。
1.1 尝试新颖的CSS3特性 首先，我们来看一个具体的案例。 https://code.juejin.cn/pen/7277536985772720139 1.2 CSS3新特性简介和浏览器支持情况 1、新特性简介： 1）强大的CSS3选择器 2）抛弃图片的视觉效果 3）盒模型变化(多列布局和弹性 ......
Css开发：解决在less中动画效果失效的问题
一、问题如下 在vue的style样式中使用了less，而在less中直接使用普通的动画效果时效果会失效，无法对样式呈现出应有的效果。 这个是在less编译为css时，添加的动画效果和其他的附加样式一同被进行了编译操作，导致原本定义的动画名称无法被查到，所以不生效。 要解决这个问题，就得绕过动画名称 ......
界面控件DevExpress WinForms HTML-CSS模板：预设计UI模板加速.NET应用开发
在过去的一年里，DevExpress官方引入了两个强大的功能来加速/简化.NET桌面应用的开发，当一起使用时，您可以创建优雅/个性化的用户界面，减少重复的代码，从而节省更多的项目时间。 DevExpress WinForms有180+组件和UI库，能为Windows Forms平台创建具有影响力的业 ......
Django框架：Python的Web开发利器
Django是一个基于Python的强大Web开发框架，以其简单易学、功能全面和高效灵活的特性，受到众多开发者的欢迎。本文将带您深入了解Django框架的核心功能、优势以及应用场景。 ......
ctfhub_WEB基础关(文件上传)
WEB基础 六、文件上传 1、无验证 无验证的话，直接上传一个一句话木马试试 利用哥斯拉生成php木马 将生成的文件上传 利用哥斯拉连接，进入 进入文件管理，查看flag 2、前端认证 将第一关利用哥斯拉生成的ctf.php文件修改后缀名，改为ctf.jpg 上传该文件，并用Bp拦截修改文件后缀名 ......
Web前端学习路线
学习Web前端需要的精选的书本和网络资源 HTML教程 CSS教程 JavaScript教程 BootStrap教程 AJAX教程 Node.js教程 Vue.js教程 React教程 此外，在b站上有很多教学视频，亲测有效! 不积跬步，无以至千里；不积小流，无以成江海。 《荀子》 Web前端的方向 ......
Image decoding on the web
Image decoding on the web Inian ParameshwaranJun 12, 2019 What is decoding Image decoding is the process of converting the encoded image back to a unc ......
springboot发布部署web jar包
1.在idea中生成 jar包文件 2.我这个项目使用的是 Java JDK 20，所以要在 官网下载这个版本在服务器上安装。https://www.oracle.com/java/technologies/downloads/ 有些系统需要重启下服务器才会生效。 3.把第一步生成的 demo-0. ......
支持JDK19虚拟线程的web框架，之一：体验
随着JDK19的发布，虚拟线程也逐渐被大家了解和使用，然而，主流java框架是否支持虚拟线程这一特性呢？咱们应用开发者如何通过框架使用虚拟线程特性？经过精心准备，欣宸原创在第一时间为您带来详细的实战系列，与您共同学习 ......
Web自动化测试--selenium
一、selenium介绍 Selenium 是支持web浏览器自动化的一系列工具和库的综合项目，能够进行自动化网页浏览器操作，广泛应用于测试和自动化行业。它可以模拟用户在浏览器中执行的操作，如点击按钮、填写表单、导航到不同页面等。Selenium 提供了一组强大的 API 和工具，使开发人员能够以编 ......
PostCSS received undefined instead of CSS string
问题 npm run serve启动项目后，报错Syntax Error: Error: PostCSS received undefined instead of CSS string 解决 node-sass 版本兼容问题导致,按照应用使用的node-sass版本 切换（可使用nvm）到对应的n ......
CSS中的变量
前言 在 CSS 中，有很多需要反复使用的属性值，如果每个使用的地方都直接写死这个值，而没有使用变量去定义这个值的话，后期修改起来会很麻烦。有很多人忽略了在 CSS 中也可以定义变量这个事情，相信你会爱上它 ！ CSS 使用变量有很多好处: 可以减少样式代码的重复性，增加样式代码的扩展性和灵活性 声 ......
动态修改el-input样式，css变量形式外层修改input样式
背景：正常我们在修改样式的时候，直接在样式表里写死，但是如果我们想要动态的修改样式，例如el-input字体颜色时，我们需要修改的实际是.el-input__inner这个样式的color，既然是动态，我们就不能在样式表里写死了，而是使用CSS变量修改。 一、CSS变量是什么？ 1.css变量 注意 ......
Web自动化测试--selenium
一、selenium介绍 Selenium 是支持web浏览器自动化的一系列工具和库的综合项目，能够进行自动化网页浏览器操作，广泛应用于测试和自动化行业。它可以模拟用户在浏览器中执行的操作，如点击按钮、填写表单、导航到不同页面等。Selenium 提供了一组强大的 API 和工具，使开发人员能够以编 ......
web前端入门到实战：HTML5基础-新增标签+新增属性+布局案例
html5中常用的结构标签 article 文章 header 头部 nav 导航 section 区域 aside 侧边栏 hgroup 区块的相关信息 figure 定义一组内容及标题 figcaption 定义figure元素的标题 footer 底部 dialog 对话框 使用习惯： hea ......
【经验分享】使用 WIFI 魔盒，手机上测试 WIFI 信号强度，ping 命令等参数和功能
环境： 工具：WIFI 魔盒，一部手机 环境：无线 WIFI 网络环境 需求描述： 描述：有时不在现场，而另外一个地方的客户却要测试无线网络的环境，或者需要他们先自行排障，很多时候他们都是不会测试和使用这个软件 提示：若按照教程还是无法完成操作，可以进入右侧的企鹅，找我看看。 实现方法-视频与文字教 ......
Web安全-SQL注入
SQL注入 课前导论 自学部分 市场上主流的数据库，及常搭配后端语言； 关系型数据库和非关系型数据库的区别； 掌握MySQL的基本使用 能够创建用户、数据库和表； 熟练掌握select搭配常见函数进行查询。 什么是SQL注入 场景：通过在网站上输入信息，获取该网站数据库中的信息； 原理：网站程序将用 ......
Web项目如何配置Eslint
介绍 ESLint 是一个根据方案识别并报告 ECMAScript/JavaScript 代码问题的工具，其目的是使代码风格更加一致并避免错误。在很多地方它都与 JSLint 和 JSHint 类似，除了： ESLint 使用 Espree 对 JavaScript 进行解析。 ESLint 在代码 ......