![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端必备
文章平均质量分 68
廖若星辰LTY
经年已逝还愿我们不负往昔,来日未定你我皆是红尘黑马
展开
-
web前端常用知识点杂记(不定时更新)
CSS样式穿透、设置最高优先级、首行缩进、删除线、文本溢出可滚动、设置背景图、边框渐变、背景渐变、文字渐变、禁用原生input、button边框、设置input光标颜色、设置透明度、伪类选择器、鼠标样式、HTML、CSS特效、滚动条样式;浏览器窗口大小、监听浏览器窗口变动、双击实现浏览器全屏或者退出全屏、JS生成随机ID、时间处理-Date() 对象、??与||、正则表达式校验手机号、随机数、eval函数、数组去重、JS常用数组、对象、字符串方法及使用示例、Vue相关知识、uniApp相关知识,内容持续更新原创 2021-10-14 17:19:03 · 1066 阅读 · 0 评论 -
纯 HTML + CSS 实现 input placeholder 过渡效果
记录前端使用纯 HTML + CSS提示文本上下移动的过渡效果核心概要:CSS的 pointer-events: none; 样式可以使一个元素不响应点击事件变得不可点击从而充当 input 的placeholder 时不会影响 input 的正常点击获取焦点事件;input 元素添加 required 属性后,如果输入框中的值是合法的,则 CSS 中的.input:valid 选择器能被匹配。原创 2022-12-11 22:57:08 · 648 阅读 · 0 评论 -
HTML + CSS 实现矩形/圆形进度条效果 - SVG
通过 HTML + CSS + 部分原生 JS 使用 SVG 嵌入 HTML 文档的用法实现常见的圆形和矩形进度条效果(实际运行效果是进度条从 0 过渡到一个目标值比如 100%)原创 2022-11-30 15:30:14 · 1737 阅读 · 0 评论 -
uniapp 为项目配置分包
uniapp 分包 小程序 分包配置 步骤 分包优化原创 2022-10-09 11:30:46 · 1743 阅读 · 0 评论 -
uniapp 微信小程序版本更新后自动触发提示并更新
uniapp 微信小程序版本更新后自动触发提示并更新原创 2022-10-08 18:58:42 · 232 阅读 · 0 评论 -
uniapp-移动端实现购物车左滑删除的UI和事件处理
uniapp 移动端 小程序 微信小程序 购物车左滑 删除 手指触摸屏幕事件 手指移动事件 手指离开屏幕事件原创 2022-06-13 17:03:11 · 2034 阅读 · 3 评论 -
腾讯云即时通讯IM前端使用步骤简述
腾讯云 即时通讯 IM uniapp-微信小程序 客户端接入步骤/流程为项目接入腾讯云即时通信原创 2022-01-22 16:31:21 · 6855 阅读 · 0 评论 -
前端跨域-jsonp、CROS、配置反向代理
跨域指的是浏览器不能执行其他网站的脚本,它是由浏览器的同源策略造成的,是浏览器对JavaScript 施加的安全限制。同源就是指 域名,协议,端口 均相同。两个网域若 域名、协议、端口 任一不同则二者的通信就出现了跨域问题,前端的跨域问题普通存在于两个阶段,一个是开发环境调试阶段,另一个发布上线后的生产环境运行阶段,一般生产环境下的跨域问题会由运维或实施人员来解决,但是开发环境下的跨域问题需要前端或后端进行处理。常见的跨域解决方案1.jsonp 跨域jsonp 是数据格式 JSON 的一种“..原创 2021-11-05 19:17:39 · 653 阅读 · 0 评论 -
vue-router路由的基本使用
vue-router 是 Vue 实现组件化/模块化 开发的关键,也是实现单页面复应用的核心,是 Vue 项目中必不可少的插件,那么我们来看一下怎么在项目中安装配置与使用 vue-router 。安装与配置直接下载 / CDNhttps://unpkg.com/vue-router/dist/vue-router.js引入加载使用:在 Vue 后面加载vue-router,它会自动安装的:<script src="/path/to/vue.js"></scri...原创 2021-10-19 20:31:07 · 156 阅读 · 0 评论 -
Element-UI 的安装与配置使用
Element-UI是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。官网:http://element-cn.eleme.io/#/zh-CNElement-UI 的安装与配置使用有两种方式,下面简单介绍一下。基于命令行方式手动安装步骤:1.在项目的终端运行 npm i element-ui -S 命令安装依赖包npm i element-ui -S2.在项目的 main.js 中导入 Element-UI 相关资源// 导入组件库import.原创 2021-10-16 00:21:18 · 3932 阅读 · 0 评论 -
将开发完成的项目打包上线(本地服务器示例)
我们的 Web 项目开发完成后先要进行一系列的调试优化,最后符合要求后才能进行打包上线,本篇主要以本地服务器为例介绍将开发完成的项目打包上线的步骤:1.先将需上线的项目进行 build 打包,会在项目根目录中自动生成一个 dist 文件;npm run build2.在与该项目同级目录下新建一个该项目的 server 文件夹,在 VS Code 中打开这个空文件夹,使用 “Ctrl + `”打开终端,输入 npm init -y 将项目自动初始化,然后运行 npm i express -S 为项原创 2021-10-14 17:08:39 · 1686 阅读 · 0 评论 -
数据可视化-ECharts.js的基本使用
数据可视化是前端必备技能之一,可视化插件也是非常常用且实用的一个插件,这里简单介绍一下ECharts.js这个插件的基本使用步骤。ECharts.js是百度出品的一个开源javascript数据可视化库,是目前国内最常用、最热门的一个基于javaScript的数据可视化插件。下面是ECharts.js的网址:ECharts官网地址:https://www.echartsjs.com/zh/index.html/Apache ECharts:https://echarts.apache.org/.原创 2021-07-25 01:26:07 · 5699 阅读 · 2 评论