相关文章

Web前端视频学习笔记(手机初稿)

HTMLCSS系列教程 目录 一、拨云见日 HTML CSS 切图流程 PC企业站布局 PC游戏站布局 二、溯本求源 扩展HTML 扩展CSS HTMLS新语法 CSS3新语法 兼容与hack 三、风生水起 弹性布局 网格布局 移动端布局 响应式布局 Bootstrap 四、巧夺天工 预编译css postcs…

前端面试八股文(详细版)—上

本文将详细讲解 HTML 、CSS 、JavaScript 、计算机网络知识等方面的内容,Vue 、React 、git 、项目开发实例等内容放在下篇,预祝各位成功上岸! 第一板块:JavaScript ES6 新增内容 1、模板字符串 变量名写在 ${} 中,$…

前端常见面试八股文

HTML篇 1、H5新增标签有哪些? 一、语义化标签 header、footer、nav、aside、section、article 语义化的意义? 1、更适合搜索引擎的爬虫爬取有效的信息,利于SEO。 2、对开发团队很友好,增加了标签的可读性,结构更…

2022年前端技术发展趋势

最近,字节跳动技术团队公布了一份关于 2022 年前端技术的发展趋势预测,总结了新的一年前端技术可能发生的6个变化,下面我们来参考一下。 1,前端新标准 2014 年 10 月 28 日,W3C 正式发布 HTML5.0 推荐标准让前端技术…

前端开发攻略---实现发送手机验证码60s倒计时效果(手机号验证+按钮文字自定义显示+Vue2写法+Vue3写法)

1、演示 2、说明 1、为了便于演示,本示例将在3秒后就再次发送。您可以根据需要自定义此时间间隔。 2、采用最少的变量以满足需求,以减少内存占用。 3、不仅仅局限于按钮情况,也可应用于不禁用按钮的情况,以实现更多的扩展性。 4、…

前端隐藏手机号中间几位字符

通过replace和正则实现隐藏手机号的功能。 replace() 方法返回一个由替换值替换部分或所有的模式匹配项后的新字符串。模式可以是一个字符串或者一个正则表达式。该方法并不改变调用它的字符串本身,而只是返回一个新的替换后的字符串。 然后通过正则把手机号分为三…

前端网站实现

周末的时候简单实现了一个功能较为完善的网站,样式图片什么的可能不是很好看,寒假有空再调整,该网站主要包括四个板块 1.主页面模块(背景图片用轮播图展示) (网站主页面下面还有一些内容,),就不截图了 2.注册模块 3.登陆模块(注册之后通过手机号+密码登陆) 登陆之后…

微信小程序 Canvas裁切案例

源于 https://ask.csdn.net/questions/7797682 效果 输入 输出 环境 基础库版本 2.20.x使用的新版的canvas(也不算新两三年了)。 知识点 canvas base64转临时路径 代码 index.wxml <canvas type"2d" id"photo" class"photo" disable…

微信指数案例

微信指数爬取 Appium mitmproxy 网易mumu安卓模拟器实现微信指数小程序爬取1.MAC系统Appium的环境搭建1. homebrew的安装2. 通过brew安装node3. 安装npm4. 安装android-sdk-macosx5. 安装jdk&#xff0c;去官网下载&#xff1a;下载地址为直接下载dmg去安装6. 环境变量配置 可…

微信小程序案例——计算器

文章目录 &#xff08;一&#xff09;运行效果&#xff08;二&#xff09;知识储备&#xff08;三&#xff09;实现步骤&#xff08;一&#xff09;准备工作1、创建项目2、设置导航栏 &#xff08;二&#xff09;实现页面结构1、编写页面整体结构2、编写结果区域结构3、编写按钮…

微信小程序——实现手机振动效果

✅作者简介:2022年博客新星 第八。热爱国学的Java后端开发者,修心和技术同步精进。 🍎个人主页:Java Fans的博客 🍊个人信条:不迁怒,不贰过。小知识,大智慧。 💞当前专栏:微信小程序学习分享 ✨特色专栏:国学周更-心性养成之路 🥭本文内容:微信小程序——实现…

微信小程序案例2-1:学生信息

1、什么rpx单位 rpx(Responsive Pixel,自适应像素)。rpx单位是微信小程序独有的、用来解决屏幕适配问题的尺寸单位。rpx单位的设计思想是把所有设备的屏幕在宽度上等分为750份,即屏幕的总宽度为750rpx。微信小程序在不同设备上运行的时候,会自动把rpx单位换算成对应的像素…

微信发红包案例测试场景

目录 1、功能 2、安全 3、性能 4、兼容性 5、界面 6、网络 7、易用性 1、功能 # 公众号&#xff1a;AllTests软件测试 1、单人红包功能 &#xff08;1&#xff09;自己不能领取 &#xff08;2&#xff09;已经是好友可以发红包 &#xff08;3&#xff09;不是好友拉黑了…

微信小程序——调节手机屏幕亮度案例分享

✅作者简介:2022年博客新星 第八。热爱国学的Java后端开发者,修心和技术同步精进。 🍎个人主页:Java Fans的博客 🍊个人信条:不迁怒,不贰过。小知识,大智慧。 💞当前专栏:前端案例分享专栏 ✨特色专栏:国学周更-心性养成之路 🥭本文内容:微信小程序——调节手…

手机号微信检测方法案例分析

添加粉丝&#xff0c;是一个微商最为关心的问题&#xff1f;怎么能够快速的添加粉丝呢&#xff1f;每一位用户都希望尽量花最少的钱达到最好的效果。 下面我就来就两种不同检测方法进行分析。 一、手动检测 二、利用软件检测 三、两种检测方法的区别 【一】、手动…

微信小程序案例2-3:婚礼邀请函

文章目录 一、运行效果二、知识储备(一)导航栏配置(三)vw、vh单位(四)video组件(五)表单组件(六)Node.js概述三、实现步骤(一)准备工作1、创建微信小程序2、清空index页面内容3、修改index页面配置文件4、修改全局配置文件4、配置全局导航栏5、准备图片素材6、准备…

小程序学习 - 02 微信小程序案例实践

案例实践 创建一个页面&#xff0c;展示请求接口获取的数据。 申请接口 测试用接口可以使用&#xff1a; 自己开发&#xff1a; 例如使用 Express模拟接口&#xff08;Mock API&#xff09;&#xff1a;例如 rap2第三方接口 本例使用 和风天气开发平台 提供的第三方接口&a…

微信小程序案例3-2 计算器

文章目录 一、运行效果二、知识储备(一)data-* 自定义属性(二)模块三、实现步骤(一)准备工作1、创建项目2、设置导航栏(二)实现页面结构1、编写页面整体结构2、编写结果区域3、编写按钮区域第一行按钮的结构4、编写按钮区域第二行按钮的结构5、编写按钮区域第三行按钮的…

微信小程序案例---本地生活

文章目录 首页效果以及实现步骤接口地址新建项目并梳理项目结构配置导航栏效果配置 tabBar 效果实现轮播图效果实现九宫格效果实现图片布局 本地生活&#xff08;列表页面&#xff09;演示页面效果以及主要功能列表页面的 API 接口页面导航并传参获取并渲染列表数据上拉触底时加…

微信小程序案例2-2:本地生活

文章目录 一、运行效果二、知识储备&#xff08;一&#xff09;swiper与swiper-item组件1、swiper组件&#xff08;1&#xff09;功能描述&#xff08;2&#xff09;属性说明 2、swiper-item组件&#xff08;1&#xff09;功能描述&#xff08;2&#xff09;属性说明 3、基本语…