原生js制作表单验证,基本的表单验证方法
表单验证是web前端最常见的功能之一,也属于前端开发的基本功。自己完成一个表单验证的开发,也有助于加深对字符串处理和正则表达式的理解。 基本的表单验证包括如:字母验证、数字验证、字母和数字验证、汉字验证、密码验证、日期验证、手机验证、邮箱验证,密码验证等。 现在就来完成这些验证代码的编写,先来看字母 ...
静态页面布局方法分享
在初级web前端工程师的工作中,经常需要写一些静态/H5/花里胡哨的页面,这里分享我多年做这些页面总结的经验,希望对大家有点帮助。 页面初始化及手机端viewport配置 直接上代码: html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,bloc ...
网页跳转微信小程序的方案
微信开放了从网页跳转到微信小程序的能力,官网文档 一 微信外面打开小程序 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html 但是 有几点说明 单个小程序每日生成Scheme上 ...
CSS世界--代码实践--图片alt信息呈现
使用缺省 src 的<img>元素实现滚屏加载效果,但是,就有可能存在这样一个体验问题:如果我们的 JavaScript 加载比较慢,我们的页面就很有可能出现一块一块白色的图片区域,纯白色的,没有任何信息,用户完全不知道这里的内容是什么。 虽然 alt 属性可以提供描述信息,但由于视觉效果不好,被隐 ...
es6-ES6 的变量声明
提前声明:此文章仅仅用于个人成长学习的记录。 内容部分摘抄自: 一:https://github.com/qianguyihao/Web/tree/master/05-JavaScript%E4%B9%8BES6%E8%AF%AD%E6%B3%95 二:阮一峰 | ECMAScript 6 入门。 ...
Electron实用技巧-开机启动时隐藏主窗口,只显示系统托盘
# 1 在桌面软件中,开机自启动是很常见的功能,在electron中也提供了很好的支持,以下是主要代码: //应用是否打包 if (app.isPackaged) { //设置开机启动 app.setLoginItemSettings({ openAtLogin: true }); } //应用是否 ...
深入浅出浏览器渲染原理
浏览器的内核是指支持浏览器运行的最核心的程序,分为两个部分的,一是渲染引擎,另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种:Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Safari)。这里面大家... ...
uni-app开发经验分享二十: 微信小程序 授权登录 获取详细信息 获取手机号
授权页面 因为微信小程序提供的 权限弹窗 只能通用户确认授权 所以可以 写一个授权页面,让用户点击 来获取用户相关信息 然后再配合后台就可以完成登录 <button class="btnInfo" open-type="getUserInfo"/> 素材 页面代码示例这个接口要在后端调用(https ...
原生js实现文本滚动
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>文本滚动</title> </head> <body> <div id="anews" class="anews"> <img src="喇叭.png"> ...
网页小实验——在平面空间建立大量“可思考的”对象
实验目标:建立大量对象(万级),为每个对象设置自身逻辑,并实现对象之间的交互,以原生DOM为渲染方式。主干在于对象逻辑,可根据需求换用其他渲染方式。 一、html舞台: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UT ...
React笔记03:props、组件通讯、非受控组件
非受控组件(了解) 借助于 ref 就可以通过 非受控组件 的方式,来获取到的表单元素的值。 ref 的作用:获取DOM对象或组件。 import React from 'react'; import ReactDOM from 'react-dom'; class Hello extends Re ...
我的 2020 总结,我在蚂蚁成长的这一年
"努力做一个积极向上乐观开朗的人" 重庆跨年之夜 元旦跨年已过,是时候回顾下这一年的工作和生活,看看自己又成长了多少。再立一下 2021 年的 flag,争取在 35 岁之前实现自己财务自由的梦想。 工作 入职 今年来到蚂蚁工作,职业生涯进入到一个全新的阶段,阔别杭州多年之后又回到了这里。 依扬 | ...
计算起始车站车费问题-JavaScript数组对象写法
####计算起始站车费 题目:深圳--60--广州--50-虎门--40- -中山--36-珠海一34-澳门一89一香港以上车票费用计算,如坐车深圳到广州60元,广州到虎门50元,深圳到虎门就是60+50-110元其它以此类推。 请用一个函数,传入一个起始点,和一个终点,就能计算出车费如传入起始点虎 ...
给一个数字,输出人民币组合(JavaScript算法)
####人民币组合问题 题目:人民币由100元,50元,20元10元,5元1元,5毛,1毛面额组合。写一个方法随便传入一个数字参数,就输出人民币组合。 比如传入1526.5就显示1526.5元由人民币100元15张,20元1张,5元一张1元一张5毛一张构成。无需考虑多种组合方式,只需考虑最简单的组合 ...
JavaScript入门-对象
##js对象 本篇主要介绍js里如何创建对象,以及for循环访问对象的成员... ####什么是对象? 对象,并不是中文里有男女朋友意思,它是从英文里翻译来的,英文叫[Object],目标,物体,物品的意思。 在编程里,我们经常听到有人说,面向对象。那这个对象,你简单来理解,就是一个容器,一个能装变 ...
element el-table表格的vue组件二次封装(附表格高度自适应)
基于vue的el-table表格二次封装组件方法 前言 在公司实习使用vue+element-ui框架进行前端开发,使用表格el-table较为多,有些业务逻辑比较相似,有些地方使用的重复性高,如果多个页面使用相同的功能,就要多次重复写逻辑上差不多的代码,所以打算对表格这个组件进行封装,将相同的代码 ...
(2) 使用phpstudy 实现局域网内远程访问本地ThreeJS示例
1 下载phpStudy 作为本地开发服务器 hpStudy下载后解压安装。安装完成后启动服务。如下: 2 打开phpStudy的安装目录,进入到安装目录的 PHPTutorial \ WWW 文件夹中。 将本地的ThreeJS示例文件夹拷贝在当前文件夹,如下图: 3 打开vhosts.conf文件 ...
scrollIntoView()方法导致整个页面产生偏移
问题描述 今天在做页面UI改版的时候发现,我之前使用的是dom.scrollIntoView(); 使得点击右侧题目编号的时候,让左侧题目滚动到页面可视区域。 如果不知道 scrollIntoView 如果使用,我有篇文章专门写了 scrollIntoView 的简单使用:scrollIntoVie ...