uni-app:购物车页面--列表渲染区域
问题说明：在用户每次输入内容之后，都会触发 inputValue 侦听器，从而调用 this.$emit("change", newVal) 方法。问题说明：当用户在 NumberBox 中输入字母等非法字符之后，会导致 NumberBox 数据紊乱的问题。的值以后，希望将最新的商品数量更新到购物车
【零基础入门前端系列】—动画和弹性盒模型（二十四）
过渡和动画的区别过渡只能制作简单的动画（没有过程），动画可以制作复杂的动画（控制过程）过渡必须要有触发事件，动画可以没有过渡只能执行一次，动画可以执行无数次。
Vue前端模板框架--vue-admin-template
Vue前端模板框架--vue-admin-template
基于 vite 创建 vue3 全家桶项目（vite + vue3 + tsx + pinia）
在src目录下创建store，并在src/store中创建demo.ts文件。该文件中咱们使用的方式实现store。import {
uni.getLocation和wx.getLocation方法调用无效，也不返回失败，解决方案！！！
属实被坑了一下午。开发微信小程序，看之前的网课。可以直接通过一下的代码成功打印出经度维度。然后一样的代码 没有任何反应，也不报错。起初以为是 微信小程序开发工具的bug。（排查未果）。后面又以为是uniapp的bug（排查未果）。最后查了微信官方的说明：https://developers.weix
【Vue插槽详解】
个人对Vue中插槽的见解，详细的介绍了不同种类的插槽方法，以及不同类型的插槽作用
【React全家桶】react简介（一）
创建项目creat-react-app1.1 React特点1.2 引入文件1.3 JSX1.3.1 为什么要用JSX1.3.2 JSX语法规则1.4 虚拟DOM1.5 模块与组件1.5.1 模块React面向组件编程2.1 创建组件2.1.1 函数式组件2.1.2 类式组件2.2 组件实例的三大属
Chromedriver安装教程【无需翻墙】
Chromedriver的快速安装教程，使用python库selenium的必备步骤。无需翻墙，不是翻墙
一文吃透前端低代码的 “神仙生活”
今天来说说前端低代码有多幸福？低代码是啥？顾名思义少写代码……这种情况下带来的幸福有：代码写得少，bug也就越少（所谓“少做少错”），因此开发环节的两大支柱性工作“赶需求”和“修bug”就都少了；要测的代码少了，那么测试用例也可以少写了。
Java Web 实战 07 - 多线程基础之单例模式
单例模式中分为懒汉模式和饿汉模式 , 懒汉模式是需要用的到的时候才去创建实例 , 而饿汉模式是程序一启动就立刻创建实例
vue 预览 word
docx-preview 预览word
前端编程中你是如何进行调试代码的？这篇文章让你学会更多调试方法——前端新手进阶
要我讲就是：对自己代码自信的人，从来不需要调试，只是log一下值是否符合预期(doge)。哈哈，这当然是一句玩笑话，不管你是刚刚起步的新手，还是从业多年的老手，编程中或多或少都会遇到一些瓶颈，这时就需要进行代码调试来找出错误并加以排除！报错是各种各样的，调试的方法也不仅限你了解的那几种，接下来由我来
vite打包配置(静态资源合并打包/清除log/gzip压缩/ENV配置等)
vue3+vite项目的 vite打包配置,包含静态资源拆分打包\超大静态资源拆分\静态资源压缩\去除console和debugger\旧版chorme和ie兼容\ENV配置等内容,持续更新中
DVWA靶场搭建
合天网安2022冬令营day1----web环境搭建
完美解决：flex布局中设置宽度被压缩的问题
问题描述：在父级中设置了display:flex;父元素宽度不够的时候，子元素就算设置的宽度，也会被压缩；产生原因：当子元素设置固定宽度，如果整体宽度不足时，会把固定宽度给压缩解决方法: 给固定宽度的元素添加flex-shrink:0flex-shrink:0;TIPS：flex-shrink平时在
浅析什么是伪类和伪元素？伪类和伪元素的区别解析
1、伪类种类伪类作用对象是整个元素尽管这些条件不是基于DOM的，但结果每一个都是作用于一个完整的元素，比如整个链接，段落，div等等。2、伪元素种类伪元素作用于元素的一部分：一个段落的第一行或者第一个字母}伪元素其实相当于伪造了一个元素，例如 before，first-letter 达到的效果就是伪
CSS样式：渐变色圆角边框
最近遇到一个css样式，最终需要实现渐变色+圆角的边框，最开始我的想法是通过border-image和border-radius实现这种效果，后来发现这两个属性竟然不兼容。
background-size 之 背景图的尺寸设置
引：background-size: 没有设置任何尺寸时使用图片本身的大小，宽度和高度都是auto默认值可以用px设置成具体的值，也可以使用百分比各种不同比例的适配问题，完美适配很少发生背景图1和背景图2 you红色边框分隔开来背景图1背景图2......
CSS基本布局——grid布局
grid布局简介： Grid布局是将容器划分成“行”和“列”，产生单元格，然后指定“项目所在”的单元格，可以看作是二维布局。Grid比Flex布局强大。基本概念：容器（container）——有容器属性项目（items）——有项目属性行（row)列（column）间距（gap) ——单元格之间的距
记录--前端性能优化——首页资源压缩63%、白屏时间缩短86%
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 常规且有效 的首屏优化建议目标： 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理1、路由懒加载SPA 项目，一个路由对应一个页面，如果不做处理，项目打包
