移动开发
前端小白鲨
从事前端开发3年了,从开始默默无闻的小白,到默默无闻的今天,还没想好。。。。。。
展开
-
javascript中JSON对象和formdata格式互相转换
【代码】javascript中JSON对象和formdata格式互相转换。原创 2022-09-09 14:26:08 · 3898 阅读 · 1 评论 -
拼接字符串使用es6的方法拼接
es6拼接字符串并且进行判断显示不同的数据原创 2022-04-26 15:42:21 · 2910 阅读 · 0 评论 -
获取年月日 星期 当前时间
需要的 html 段 <ul class="" id="topToolBarContainer"> <li class="" > <span id="week" style="color:#707478;line-height: 60px;"></span> <span id="yyddmm" style="color:#707478;margin-left:10px; line-height: 60px;"..原创 2022-03-02 14:13:23 · 118 阅读 · 0 评论 -
uni-app实现的搜索功能 可以应用到vue 小程序
把搜索的输入框写成了一个组件父组件直接引用即可废话不说上代码 搜索框组件search.vue<template> <view class="search" :style="{ backgroundColor: backgroundColor }"> <view class="content" :style="{ 'border-radiu...原创 2019-10-12 17:23:42 · 4317 阅读 · 1 评论 -
获取浏览器url参数方法
方法let myFn = { getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)') var r = window.location.search.substr(1).match(reg) if (r != null) return unes...原创 2019-09-12 17:35:36 · 245 阅读 · 0 评论 -
一个向上连续滚动播出的动态,很简单
// 一些网站新闻连续滚动播出,我也就分享一下,首先引入jq, 写个方法 调用就可以了<style> *{ margin: 0 ; padding: 0; } ul {list-style: none;} .data{ width: 100%; ...原创 2019-08-26 11:55:04 · 258 阅读 · 0 评论 -
移动端适配代码,自动适应屏幕
分享一个移动端适配代码,有一些做移动端的伙伴们,适合初学者简单,直接粘贴复制即可,具体的不会多说,不了解适配的可以专攻一下,此代码会在html中根元素添加font-size,切换不同的屏幕,尺寸变换大小,进项适配此代码适配是1rem = 32px;100px = 3.2rem 好计算<script> ;(function(doc, win) { ...原创 2019-08-26 11:13:03 · 1580 阅读 · 0 评论 -
登陆功能 点击获取动态倒计时 jq插件
在需求中有这种功能,例如登陆功能,输入账号,然后获取验证码,验证码马上变成倒计时功能 都是一分钟今天就写一个插件直接调用可以;新建一个页面,1、首先引入jq,在引入插件js ,取名就叫做 tab.js 里面的内容就是看下面js代码 很简单 第一个插件的方法就是倒计时,如果还要实现别功能的话就可以在第二个插件里面实现/* zdl 2017-12-23 * 获取验证码倒计时插件 * ...原创 2018-02-08 11:30:16 · 246 阅读 · 0 评论 -
移动端 html5 meta标签的设置含义
html5 meta标签的设置含义转载 2018-02-07 16:28:02 · 225 阅读 · 0 评论 -
input密码框点击眼睛显示和隐藏
俩张图片表示显示和隐藏,要是想改样式的话直接修改css就可以,根据自己样式来很简单获取到相对应对密码框,初始化是隐藏调用方法hideShowPsw进行判断,判断密码框的type == “password”是隐藏 变成type==“text”图片在变一下就好了 body{ margin:0px; background-c翻译 2018-02-07 15:27:59 · 24514 阅读 · 0 评论 -
ul li标签浮动之后居中
li标签浮动 ,调整左右的margin 一样就可以居中,也可以使用 ul父及元素设置display: flexli子元素设置 flex-grow: 1浮动居中*{margin: 0;padding: 0;}.top{width:1200px;height: 300px;margin: 0 auto;backgrou原创 2018-02-07 15:13:04 · 2654 阅读 · 0 评论 -
简单实现关于手机移动端模态框
简单实现关于手机移动端模态框 html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible"翻译 2017-09-28 17:00:27 · 2955 阅读 · 0 评论