0

原生js制作表单验证,基本的表单验证方法

表单验证是web前端最常见的功能之一,也属于前端开发的基本功。自己完成一个表单验证的开发,也有助于加深对字符串处理和正则表达式的理解。 基本的表单验证包括如:字母验证、数字验证、字母和数字验证、汉字验证、密码验证、日期验证、手机验证、邮箱验证,密码验证等。 现在就来完成这些验证代码的编写,先来看字母 ...

蒋伟平 发布于 2021-01-20 21:09 评论(0) 阅读(16)
0

静态页面布局方法分享

在初级web前端工程师的工作中,经常需要写一些静态/H5/花里胡哨的页面,这里分享我多年做这些页面总结的经验,希望对大家有点帮助。 页面初始化及手机端viewport配置 直接上代码: html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,bloc ...

林恒 发布于 2021-01-20 17:43 评论(0) 阅读(7)
0

网页跳转微信小程序的方案

微信开放了从网页跳转到微信小程序的能力,官网文档 一 微信外面打开小程序 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html 但是 有几点说明 单个小程序每日生成Scheme上 ...

Likwo 发布于 2021-01-20 12:03 评论(0) 阅读(17)
0

CSS世界--代码实践--图片alt信息呈现

使用缺省 src 的<img>元素实现滚屏加载效果,但是,就有可能存在这样一个体验问题:如果我们的 JavaScript 加载比较慢,我们的页面就很有可能出现一块一块白色的图片区域,纯白色的,没有任何信息,用户完全不知道这里的内容是什么。 虽然 alt 属性可以提供描述信息,但由于视觉效果不好,被隐 ...

噔噔噔噔噔噔噔 发布于 2021-01-20 11:43 评论(0) 阅读(7)
0

es6-ES6 的变量声明

提前声明:此文章仅仅用于个人成长学习的记录。 内容部分摘抄自: 一:https://github.com/qianguyihao/Web/tree/master/05-JavaScript%E4%B9%8BES6%E8%AF%AD%E6%B3%95 二:阮一峰 | ECMAScript 6 入门。 ...

豌杂 发布于 2021-01-20 11:24 评论(0) 阅读(3)
0

聊聊 React

都说 React 开发效率高,但效率高在哪呢?来细看看。 用 d3 写一个 List: const renderList = data => { d3.select("ul") .selectAll("li") .data(data, d => d.id) .join( enter => enter ...

apolis 发布于 2021-01-20 09:22 评论(0) 阅读(95)
0

Electron实用技巧-开机启动时隐藏主窗口,只显示系统托盘

# 1 在桌面软件中,开机自启动是很常见的功能,在electron中也提供了很好的支持,以下是主要代码: //应用是否打包 if (app.isPackaged) { //设置开机启动 app.setLoginItemSettings({ openAtLogin: true }); } //应用是否 ...

xhznl 发布于 2021-01-20 09:08 评论(0) 阅读(68)
0

深入浅出浏览器渲染原理

浏览器的内核是指支持浏览器运行的最核心的程序,分为两个部分的,一是渲染引擎,另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种:Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Safari)。这里面大家... ...

GZXZSJ 发布于 2021-01-19 16:47 评论(0) 阅读(16)
0

uni-app开发经验分享二十: 微信小程序 授权登录 获取详细信息 获取手机号

授权页面 因为微信小程序提供的 权限弹窗 只能通用户确认授权 所以可以 写一个授权页面,让用户点击 来获取用户相关信息 然后再配合后台就可以完成登录 <button class="btnInfo" open-type="getUserInfo"/> 素材 页面代码示例这个接口要在后端调用(https ...

林恒 发布于 2021-01-19 16:00 评论(0) 阅读(27)
0

原生js实现文本滚动

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>文本滚动</title> </head> <body> <div id="anews" class="anews"> <img src="喇叭.png"> ...

显示昵称已被使用2010 发布于 2021-01-19 15:26 评论(1) 阅读(8)
0

网页小实验——在平面空间建立大量“可思考的”对象

实验目标:建立大量对象(万级),为每个对象设置自身逻辑,并实现对象之间的交互,以原生DOM为渲染方式。主干在于对象逻辑,可根据需求换用其他渲染方式。 一、html舞台: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UT ...

ljzc002 发布于 2021-01-19 14:28 评论(0) 阅读(4)
0

React笔记03:props、组件通讯、非受控组件

非受控组件(了解) 借助于 ref 就可以通过 非受控组件 的方式,来获取到的表单元素的值。 ref 的作用:获取DOM对象或组件。 import React from 'react'; import ReactDOM from 'react-dom'; class Hello extends Re ...

贺刘芳 发布于 2021-01-19 11:13 评论(0) 阅读(6)
7

我的 2020 总结,我在蚂蚁成长的这一年

"努力做一个积极向上乐观开朗的人" 重庆跨年之夜 元旦跨年已过,是时候回顾下这一年的工作和生活,看看自己又成长了多少。再立一下 2021 年的 flag,争取在 35 岁之前实现自己财务自由的梦想。 工作 入职 今年来到蚂蚁工作,职业生涯进入到一个全新的阶段,阔别杭州多年之后又回到了这里。 依扬 | ...

依扬说 发布于 2021-01-19 09:14 评论(3) 阅读(1423)
0

计算起始车站车费问题-JavaScript数组对象写法

####计算起始站车费 题目:深圳--60--广州--50-虎门--40- -中山--36-珠海一34-澳门一89一香港以上车票费用计算,如坐车深圳到广州60元,广州到虎门50元,深圳到虎门就是60+50-110元其它以此类推。 请用一个函数,传入一个起始点,和一个终点,就能计算出车费如传入起始点虎 ...

lovelyk 发布于 2021-01-18 23:24 评论(0) 阅读(19)
0

给一个数字,输出人民币组合(JavaScript算法)

####人民币组合问题 题目:人民币由100元,50元,20元10元,5元1元,5毛,1毛面额组合。写一个方法随便传入一个数字参数,就输出人民币组合。 比如传入1526.5就显示1526.5元由人民币100元15张,20元1张,5元一张1元一张5毛一张构成。无需考虑多种组合方式,只需考虑最简单的组合 ...

lovelyk 发布于 2021-01-18 23:08 评论(0) 阅读(18)
0

JavaScript入门-对象

##js对象 本篇主要介绍js里如何创建对象,以及for循环访问对象的成员... ####什么是对象? 对象,并不是中文里有男女朋友意思,它是从英文里翻译来的,英文叫[Object],目标,物体,物品的意思。 在编程里,我们经常听到有人说,面向对象。那这个对象,你简单来理解,就是一个容器,一个能装变 ...

lovelyk 发布于 2021-01-18 22:22 评论(0) 阅读(27)
0

异步(二)回调地狱

一.回调地狱 在谈到回调地狱发生的情况和解决办法,需要先了解ajax请求 先列出服务器提供的数据接口: app.get('/data1', (req, res) => { res.send('hi') }) app.get('/data2', (req, res) => { res.send('he ...

zmztyas 发布于 2021-01-18 22:20 评论(0) 阅读(9)
0

element el-table表格的vue组件二次封装(附表格高度自适应)

基于vue的el-table表格二次封装组件方法 前言 在公司实习使用vue+element-ui框架进行前端开发,使用表格el-table较为多,有些业务逻辑比较相似,有些地方使用的重复性高,如果多个页面使用相同的功能,就要多次重复写逻辑上差不多的代码,所以打算对表格这个组件进行封装,将相同的代码 ...

ZERO丶X 发布于 2021-01-18 20:02 评论(0) 阅读(50)
0

(2) 使用phpstudy 实现局域网内远程访问本地ThreeJS示例

1 下载phpStudy 作为本地开发服务器 hpStudy下载后解压安装。安装完成后启动服务。如下: 2 打开phpStudy的安装目录,进入到安装目录的 PHPTutorial \ WWW 文件夹中。 将本地的ThreeJS示例文件夹拷贝在当前文件夹,如下图: 3 打开vhosts.conf文件 ...

三线小码农 发布于 2021-01-18 15:51 评论(0) 阅读(17)
0

scrollIntoView()方法导致整个页面产生偏移

问题描述 今天在做页面UI改版的时候发现,我之前使用的是dom.scrollIntoView(); 使得点击右侧题目编号的时候,让左侧题目滚动到页面可视区域。 如果不知道 scrollIntoView 如果使用,我有篇文章专门写了 scrollIntoView 的简单使用:scrollIntoVie ...

Daotin 发布于 2021-01-18 15:07 评论(0) 阅读(23)