前端
壮壮小朋友
键盘敲烂 月薪过万
展开
-
防止电话输入文字
防止电话输入文字<input type="text" maxlength="11" class="input3" onkeyup="value=value.replace(/[^\d]/g,'')">原创 2020-11-10 16:05:38 · 149 阅读 · 0 评论 -
适应刘海屏
///////适应刘海屏变量phoneHeight: getApp().globalData.phoneHeight,样式 :style="{marginTop:phoneHeight+'px'}"原创 2020-11-10 16:04:39 · 170 阅读 · 0 评论 -
验证名字 手机号
daterw() {let formData = JSON.parse(JSON.stringify(this.formData))// 验证名字是否正确if(!/^[\u4e00-\u9fa5]{2,4}$/.test(formData.real_name)){uni.showToast({title: "真实姓名填写有误",icon: "none",});return false;}// 验证手机号是否正确if(!/^1[3456789]\d{9}$/.test(formData.原创 2020-11-10 16:04:06 · 376 阅读 · 0 评论 -
切换
<view class="team"><view class="tema_sor " :class="tema_active=='1'?'tema_active':''" @click="tema_active='1'">团队排序</view><view class="team_sorting" :class="tema_active=='2'?'tema_active':''" @click="tema_active='2'">金额排序<.原创 2020-11-10 16:03:04 · 115 阅读 · 0 评论 -
加减
<button type="default" id="jian" @click="num==0?'':num--">-</button><text>{{num}}</text><button type="default" id="jia" @click="num++">+</button> data() {return {num:0}},原创 2020-11-10 15:59:46 · 80 阅读 · 0 评论 -
调接口
<view class="jrty" @click="jdxq" v-for="(item,index) in recommendData" :key='index'><image :src="item.image" mode=""></image><view class=""><view class="jrty-1">{{item.name}}</view><view class="jrty-2">4.9 <原创 2020-11-10 15:58:27 · 183 阅读 · 0 评论 -
引入地图
<view class="map_ditu"><map style="width: 676rpx; height: calc(100vh - 140upx); position: flex; top:2200rpx ; margin-left: 20px;" scale="12" :latitude="latitude" :longitude="longitude" :markers="markers" :polyline="polyline"></map.原创 2020-11-10 15:56:23 · 473 阅读 · 0 评论 -
用echarts画的百分比圆
用echarts画的百分比圆<!-- 百分比 start --><!-- 为ECharts准备一个具备大小(宽高)的盒子 --><view class="da_program"><view id="echarts" style="width:100%;height:400rpx;background-color:#fff"></view><view class="l_program"><p>计划方.原创 2020-11-10 15:54:02 · 1043 阅读 · 1 评论 -
路由笔记
###1.命名路由就是给路由来取个名字。通过给路由规则中的规则对象添加name属性来设置名字###2.编程式导航通过Vue提供api方法来完成导航跳转的功能//跳转到/users 路由vm实例对象.router.push("/users");//前进(参照histroy对象中的go方法)vm实例对象.router.push("/users");//前进(参照histroy对象中的go...原创 2020-03-20 11:59:42 · 161 阅读 · 0 评论 -
vue路由
###1.路由路由的本质就是对应关系。后端路由,后台提供url地址,每一个url地址对应的就是后台所提供的一个功能传统的web网站中,是通过请求后台url地址来使用后台提供的功能。为了让浏览器能记住用户所做的操作,SPA(single page application)单页应用。所有网站内容都呈现在一个页面中。在SPA中,点击导航,点击按钮,就会根据用户点击的内容,来执行相应的事件处理...原创 2020-03-20 11:56:04 · 88 阅读 · 0 评论 -
es6扩展
1.我们使用promise可以解决什么问题?我们可以使用promise来解决回调地狱的问题回调地狱的问题:$.ajax({ url:"/data1", success:function(res1){ //根据res1这个结果再去发送新的请求,获取与res1有关的数据 $.ajax({ url:"/data2", success:function(res2){ //根据res2这个结果再去发送...原创 2020-03-20 11:55:20 · 83 阅读 · 0 评论 -
vue(四)
接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程,是指JS引擎中负责解释和执行JavaScript代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函...原创 2020-03-20 11:48:14 · 81 阅读 · 0 评论 -
vue(三)
组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代组件注册全局注册Vue.component(‘组件名称’, { }) 第1个参数是标签名称,第2个参数是一个选项对象全局组件注册后,任何vue实例都可以用组件基础用<div id="example"> <!-- 2、 组件使用 组件名...原创 2020-03-20 11:47:02 · 135 阅读 · 0 评论 -
vue(二)
Vue常用特性表单基本操作获取单选框中的值通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的值就是选中的值,...原创 2020-03-20 11:45:23 · 152 阅读 · 0 评论 -
vue(一)
Vue 是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合使用Vue将helloworld 渲染到页面上指令本质就是自定义属性Vue中指定都是以 v- 开头v-cloak防止页面加载时出现闪烁问题 <style type="text/css"&...原创 2020-03-20 11:43:35 · 122 阅读 · 0 评论 -
Git
Git什么是Git?Git是一款源代码管理工具版本控制工具 1.0 2.0 3.0版本控制系统团队协作工具初始化Git仓储/(仓库)这个仓库会存放,git对我们项目代码进行备份的文件在项目目录右键打开 git bash命令: git init自报家门就是在git中设置当前使用的用户是谁每一次备份都会把当前备份者的信息存储起来命令:配置用户名:git...原创 2020-03-20 11:25:51 · 83 阅读 · 0 评论 -
ES6语法
ES6语法ES6的相关概念ECMAScript 2016,就是一个语法的规范,想比之前,更加的灵活,更加的方便ES6新增的语法let关键字作用:用来声明变量的语法:let num = 1;特点:具有块级作用域不会进行变量的提升具有暂时性死区var num = 10;if(true){ let num = 20; console.log(num...原创 2020-03-20 11:23:43 · 107 阅读 · 0 评论 -
Ajax
第1章 AJAX编程1.1 Ajax即 Asynchronous Javascript And XML,AJAX 不是一门的新的语言,而是对现有持术的综合利用。基于web标签的xhtml+css2. 可以使用dom进行动态的显示和交互3. 使用XML和XSLT(是一种用于将XML文档转换任意文本的描述语言)进行数据的交换和操作4. 使用XMLHttpRequest进行异步的数据查询...原创 2020-03-20 11:20:21 · 164 阅读 · 0 评论 -
while循环
while 语句可以在条件表达式为真的前提下,循环执行指定的一段代码,直到表达式不为真时结束循环。while (条件表达式) { // 循环体代码}使用 while 循环时一定要注意,它必须要有退出条件,否则会成为死循环while 循环和 for 循环的不同之处在于 while 循环可以做较为复杂的条件判断,比如判断用户名和密码...原创 2019-04-12 13:12:34 · 323 阅读 · 0 评论 -
do-while循环
do… while 语句其实是 while 语句的一个变体。该循环会先执行一次代码块,然后对条件表达式进行判断,如果条件为真,就会重复执行循环体,否则退出循环do { // 循环体代码 - 条件表达式为 true 时重复执行循环体代码} while(条件表达式);执行思路先执行一次循环体代码再执行条件表达式,如果结果为 true,则继续执行循环体代码,如果为 false,则退出循环,继续...原创 2019-04-12 13:13:51 · 345 阅读 · 0 评论 -
continue、break区别
continue 关键字用于立即跳出本次循环,继续下一次循环(本次循环体中 continue 之后的代码就会少执行一次)。例如,吃5个包子,第3个有虫子,就扔掉第3个,继续吃第4个第5个包子,其代码实现如下for (var i = 1; i <= 5; i++) { if (i == 3) { console.log('这个包子有虫子,扔掉'); ...原创 2019-04-12 13:15:14 · 529 阅读 · 1 评论 -
数组
数组就是一组数据的集合存储到单个变量下1,利用 new 创建数组var 数组名 = new Array() ;var arr = new Array(); // 创建一个新的空数组2,利用数组字面量创建数组var arr=newArr[ ];//创建一个空数组//[ ]字面量 里面可放任何数据类型// 数组数据要用逗号隔开数组的字面量是方括号 [ ]声明数组并赋值称为数组...原创 2019-04-12 13:20:25 · 72 阅读 · 0 评论 -
数组
数组就是一组数据的集合存储到单个变量下1,利用 new 创建数组var 数组名 = new Array() ;var arr = new Array(); // 创建一个新的空数组2,利用数组字面量创建数组var arr=newArr[ ];//创建一个空数组//[ ]字面量 里面可放任何数据类型// 数组数据数组的字面量是方括号 [ ]声明数组并赋值称为数组的初始化这...原创 2019-04-25 13:43:22 · 60 阅读 · 0 评论 -
前端基础必备知识点
前端基础必备知识点二、静态页阶段内容、元素、高度居中a)块级元素水平使用margin:0 auto;b)内联文本居中在父级使用text-align:center;c)绝对定位居中(子绝父相),居中元素left:50%,margin-left: -元素本身宽度的一半(负值)。d)文字高度垂直行高等于高度Height:50px;line-height:50px;e)弹性盒子displ...原创 2019-06-02 10:58:01 · 421 阅读 · 0 评论 -
SQL语法
– 查询语句的语法:select *|字段列表 from 表列表 where 条件 查询可以返回一个结果集(表)– *代表当前表的所有字段– 1.查询mytalbe中的所有数据select * from mytable– 2.查询mytable中的id和姓名select id,name from mytable;– 3.带条件的查询select * from mytable...原创 2019-06-02 11:02:44 · 92 阅读 · 0 评论 -
CSS小结
CSS小结网页布局的三种方式标准流就是我们之前介绍的 显示模式显示模式 display块级元素 block独自占据一行默认的宽度是父元素的宽度可以去设置宽高里面可以包含任何东西文字类的块级元素不能再包含div常见的块级元素h1~h6p标签div标签ul li 标签form表单域行内元素 inline一行显示多个不能设置宽高默认的宽高是...原创 2019-06-02 11:06:02 · 98 阅读 · 0 评论 -
es6
ES6语法ES6的相关概念ECMAScript 2016,就是一个语法的规范,想比之前,更加的灵活,更加的方便ES6新增的语法let关键字作用:用来声明变量的语法:let num = 1;特点:具有块级作用域不会进行变量的提升具有暂时性死区var num = 10;if(true){let num = 20;console.log(num) //20}//如果...原创 2019-06-02 21:51:12 · 101 阅读 · 0 评论 -
git操作
ES6语法ES6的相关概念ECMAScript 2016,就是一个语法的规范,想比之前,更加的灵活,更加的方便ES6新增的语法let关键字作用:用来声明变量的语法:let num = 1;特点:具有块级作用域不会进行变量的提升具有暂时性死区var num = 10;if(true){let num = 20;console.log(num) //20}//如果...原创 2019-06-02 21:52:54 · 109 阅读 · 0 评论 -
JQ语法
jQ操作 属性$().prop(); 如果里面只有一个参数,代表获取值,如果两个参数,第一个 属性名 第二个 属性值$().attr(); 如果里面只有一个参数,代表获取值,如果两个参数,第一个 属性名 第二个 属性值 自定义属性$().data(); 操作这个元素对象的属性jQ操作 文本属性表单$().val(); 表单元素的值 里面不带参数是获取值,如果里面有参数代表设置值...原创 2019-06-02 21:54:08 · 591 阅读 · 1 评论 -
AJAX笔记
onreadystatechange 每次状态改变所触发事件的事件处理程序。 responseText 从服务器进程返回数据的字符串形式。 responseXML 从服务器进程返回的DOM兼容的文档数据对象。 status 从服务器返回的数字代码,比如常见的404(未找到)和200(已就绪) status Text 伴随状态码的字符串...原创 2019-06-02 21:54:59 · 143 阅读 · 0 评论 -
JS基础
**变量**什么是变量?变量是用来存储数据的 关键字是var 是在内存中 开辟一个区间 来存储数据如何用:1.声明变量var 变量名2.给变量赋值变量名 = 值;3.调用之间用变量名 ; 但是直接用变量名是看不到的 我们需要借助 日志输出4.输出方式 :console.log();alert();prompt() 输入框变量名的命名规则和规范...原创 2019-06-04 09:57:56 · 123 阅读 · 0 评论 -
AJAX笔记
删除if (isset($_GET["id"])) { $id = $_GET["id"]; $sql = "DELETE FROM userinfo WHERE id = '$id'"; if (opt($sql)) { header("Location: static.php"); } else { echo "<script>history.back();<...原创 2019-07-04 14:10:00 · 243 阅读 · 0 评论 -
面试题
1.什么是闭包?闭包就是能够读取其他函数内部变量的函数,由于在 js语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成 “定义在一个函数内部的函数”。1.小结:一个作用域访问了其他作用域的数据,除开全局作用域。闭包发生在函数身上(因为在es6之前,js没有块级作用域的概念)。产生特点:作用域的生命周期被延长。2.注意:函数内部声明变量的时候,一定要使用var...原创 2019-06-30 21:41:49 · 392 阅读 · 1 评论 -
JS笔记
Prompt() 输入框Alert()提示框Console.log() 日志Temp 临时变量Number 数字型Max 最大值Min 最小值Nan 用来判断变量或者值 是否为数字 是数字返回false 不是数字返回trueString 字符串Undefine 未定义ToString( ) 转换成字符串String() 强制转换ParseInt(age) 转为数字型Par...原创 2019-06-30 21:51:08 · 168 阅读 · 0 评论 -
JS的for循环
for 循环主要用于把某些代码循环若干次,通常跟计数有关系。for(初始化变量; 条件表达式; 操作表达式 ){//循环体}初始化变量-------通常被用于初始化一个计数器,该表达式可以使用 var 关键字声明新的变量,这个变量帮我们来记录次数。条件表达式-------用于确定每一次循环是否能被执行。如果结果是 true 就继续循环,否则退出循环操作表达式-------用于确定每一...原创 2019-04-12 13:11:02 · 2066 阅读 · 0 评论