原生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 ...
