- 博客(160)
- 收藏
- 关注
RSS订阅原创 学习一个JavaScript 的 对象
学习目标：能够说出为什么需要对象 能够使用字面量创建对象 能够使用构造函数创建对象 能够说出new的执行过程 能够遍历对象1.对象 1.1万物皆对象，对象是一个具体的事物在程序里面，一个服务器，一张网页，一个远程服务器的连接也可以是对象。 Javascript中对象是一组无序的相关属性和方法的集合，所有事物都是对象，例如字符串...
2020-05-29 09:27:17
107
原创 如何用JavaScript 实现 冒泡排序
<script> //数组排序（冒泡排序） //冒泡排序是一种算法，把一系列的数据按照一定的循序进行排列显示（从小到大或从大到小） //把数组[5,4,3,2,1]换成[1,2,3,4,5] var arr = [5,4,3,2,1]; var temp; for(i=0;i<arr.length-1;i++) { for(j=0;j<arr...
2020-05-29 09:25:39
242
原创 js面向对象的写法实现Tab切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> input { .
2020-05-29 09:21:19
280
原创 javaScript 如何保留三位有效数字
在之前的文章中有讲过保留两位小数的实现，最近在开发在开发活动页面时，依旧是展示参赛作品的点赞数。当点赞数过万时，显示三位有效数字来展示点赞数，例如：1.56万、23.1万等。经过探索，找到了toPrecision()方法，在MDN中是这样概述该方法的：toPrecision()方法以指定的精度返回该数值对象的字符串表示。我们可以改变该方法的percision参数来定义需要保留多少位有效数，话不多说，具体脚本代码如下。JavaScript函数实现代码：<script> ...
2020-05-29 09:20:37
3629
原创 这个厉害了JavaScript中的高阶函数
在 JavaScript 的学习过程中，我们可能或多或少地接触过高阶函数。那么，我们自己对此是否有一个明确的定义，或者说很熟练的掌握这些用法呢简单来说，高阶函数是一个函数，它接收函数作为参数或将函数作为输出返回看到这样的概念，在你的脑海中会出现哪些函数呢其实，像我们经常会使用到的一些数组方法，比如：map、filter 等等都是高阶函数的范畴当然，这些 JavaScript 内置的方法不在本文的讨论范围之内，下面会列举一些在我们实际开发或者面试过程中可能会遇到的函数高阶用法防抖.
2020-05-29 09:19:10
168
原创 JavaScript 使用sort根据数组中对象的某一个属性值进行排序
说明在开发的时候时常会遇到这样的问题思路c = [{create_time: "Mon, 25 May 2020 00:00:00 GMT", flag: 0, id: 1, message: "你好"}{create_time: "Mon, 25 May 2020 01:00:00 GMT", flag: 1, id: 2, message: "你好，约吗"}{create_time: "Mon, 25 May 2020 02:00:00 GMT", flag: 0, id: 3, me
2020-05-29 09:16:55
295
原创 Js 如何将两个数组合并
方法一使用concatvar a = [1,2,3];var b = [4,5,6];var c = a.concat(b);//c=[1,2,3,4,5,6];方法二使用循环for(let i in b){ a.push(b[i])}方法三使用applya.push.apply(a,b);建议在合并数组的时候，可以首先判断数组的大小，以大的合并小的显然速度会快一些如果不希望改变数组的话，建议使用concat...
2020-05-29 09:15:25
1084
原创 说一下啊JavaScript的运算符
学习目标：能够使用常用运算符能够说出前置递增和后置递增的区别能够说出运算符的优先级1运算符（operator） 也叫操作符，用来实现赋值，比较，执行算数运算功能的符号。JavaScript中的运算符： (1)不要判断两个浮点数是否相等 0.3 !=0.1+0.2 运算精度问题。 (2)怎么判断一个数能否被整除，这就是% 取余运算符 的主要用途。 (3)递增递减运算符 只能和变量配合使用 前置递增运算符 ++写在变量的前面 ++num ...
2020-05-29 09:13:52
176
原创 在uni里面怎么修改checkbox的样式
很多小伙伴都很苦恼 修改不了checkbox的样式那我们该怎么做呢？哈哈哈哈想不到吧 你以为我是checkbox 其实我是 view哒！<!-- checkbox --><view class="iconfont checkicon" @click="checkedClick(item.id)" :class="item.checked ? 'icon-xuanzhong' :'icon-weixuan'"></view><vi..
2020-05-29 09:13:39
1318
1
原创 我们来说一下JavaScript数据的类型
学习目的：1.说出五种简单的数据类型2.typeof获取变量类型3.说出1-2种转换为数值型的方法4说出一到两种转换为字符型的方法5说出什么是隐式转换1为什么需要数据类型？ 不同数据占用的存储空间不同，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，定义了不同的数据类型。2变量的数据类型js的数据类型是只有在程序运行过程中，根据等号右边的值来确定的。 Javascript拥有动态类型，同时意味着相同的变量可用作不同的类型...
2020-05-28 09:37:31
138
原创 JavaScript变量的语法扩展
1.更新变量一个变量被重新赋值后，它原有的值会被覆盖，变量值将会以最后一次赋值为准。2.同时声明多个变量var age = 18 , address ='火影村' , gz = 2000 ;3.声明变量的特殊情况：// 2.声明多个变量 var age =18, address = '火影村', gz = 2000; //3.声明变量的特殊情况 ...
2020-05-28 09:33:56
173
原创 说一下javaScript的变量
变量的主要作用变量的初始化变量的命名规范能够画出变量如何在内存里存储的能够写出交换变量案例1.什么是变量： 白话，变量就是一个装东西的盒子。 通俗：变量是用于存放数据的容器，我们通过变量名来获取数据，甚至数据可以修改。 本质：变量是内存中申请的一块用来存放数据的空间。类似酒店的房间，通过房间号码（变量名）找到对应的房间2变量的使用：1声明变量2赋值（1）声明变量 //声明变量 var age; //声明一个名称为age的变量...
2020-05-28 09:33:15
136
原创 关于Javascript输入输出语句
方法 说明 归属 alert(msg) 浏览器弹出警示框 浏览器 console.log(msg) 浏览器控制台打印输出信息 浏览器 prompt(info) 浏览器弹出输入框，用户可以输入 浏览器 程序示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie.
2020-05-28 09:32:37
348
1
原创 关于我们Javascript书写位置
1.行内式js（很少使用）以on开头，如onclickHTML中推荐双引号，JS推荐单引号2.内嵌式js（常用）<script> alert('hello world');<script>3.外部js文件<script src="my.js"></script>利于代码结构化 便于文件复用引用外部JS文件的script标签中间不可以写代码适合js代码量比较大的情况下代码举例：<!DOCT...
2020-05-28 09:31:49
123
原创 简单说一下JavaScript的流程控制语句以及函数
一、流程控制1. 作用：控制代码的执行顺序2. 分类2.1顺序结构：从上到下依次执行代码语句2.2选择结构：1. if语句简单if结构if(条件表达式){ 表达式成立时执行的代码段}注意 :除零值以外，其他值都为真，以下条件为假值falseif(0){}if(0.0){}if(""){} //空字符串if(undefined){}if(NaN){}if(null){}特殊写法 :{ }可以省略,一旦省略，if语句只控制其后的第一行代码2..
2020-05-28 09:30:40
160
原创 vue 基于elment UI tree 组件实现带引导、提示线怎么写
准备工作，先实现 树状组件的基本样式<span style="height:500px; display:block; overflow-y:auto;" class="mytree"> <el-tree :data="data" show-checkbox :indent="0" node-key="id" :default-expand-all="true" :props="defaultProps" ><..
2020-05-28 09:26:04
404
原创 uniapp 页面跳转传值和接收怎么做
首先介绍最原始的跳转方法，类似于html中的 a 标签，不过在uniapp中需要将 a 标签换成 <navigator url='跳转的地址'>……</navigator>下面我们来重点介绍下跳转传值的方法1、给点击事件传入id<view @tap="toOpportnity(item.id)">转商机</view>；2、Methods中写方法toOpportnity(id){uni.navigateTo({ //点击跳转的方.
2020-05-28 09:22:44
3706
原创 来整一个JS数组方法大全
一、在使用数组的方法之前，需要先创建数组，创建数组有以下方式：字面量方式（json方式）var arr1 = []; //创建一个空数组var arr2 = [5]; //创建一个具有单个元素的数组var arr3 = [5,6,7]; //创建一个具有多个元素的数组构造函数方式var arr1 = new Array(); //创建一个空数组var a..
2020-05-28 09:20:52
147
原创 我们来解决JQuery中click里面包含click事件，出现重复执行的问题
解决方法：$('#sub').unbind('click').click(function () { ...});每次绑定前先取消上次的绑定。
2020-05-28 09:20:39
247
原创 怎么使用 uniapp 添加操作
1 分析： 2 需要动态的向数据库中插入数据，既然要进行添加操作，就会触发一个点击的事件，所以我们的第一步就是要先绑定事件 3 向服务器进行请求接口操作，请求的方法为 ‘POST’ 4 最后就是在methods中写函数 5 操作： 6 （1）绑定事件 7 <view @tap="saveOpportunity()">保存</view> 8 （2）表单进行数据的双向绑定 9 <input type="text" v-model="opportunit..
2020-05-27 11:17:27
1836
原创 简单说一个CSS综合案例
<!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Document</title> 7 <style> 8 ..
2020-05-27 11:08:42
675
原创 基础复习 CSS的引入方式
CSS的三种样式表按照CSS样式书写的位置（或者引入的方式），CSS的样式表可以分为三大类：1.行内样式表（行内式）<div style="color：red； font-size:12px">青春不常在，抓紧谈恋爱</div>2.内部样式表（嵌入式）<style>....</style>3.外部样式表（连接式）（可以控制多个页面）使用最多外部样式表的核心是：样式单独写道CSS文件中，之后把CSS文件引...
2020-05-27 11:07:36
120
原创 c3基础 CSS文本属性怎么说
CSStext（文本）属性可定义文本外观，比如文本颜色，对齐文本，装饰文本，文本缩进，行间距等4.1文本颜色color属性用于定义文本颜色。 div { color: red; } 颜色表示方法：表示 属性值 预定义颜色值 red，green，blue，pink 十六进制 #FF0000,#FF6600,#29D794 RGB代码 rgb(255,0,0)或rgb（100%，0%，0%） 开发中最常...
2020-05-27 11:05:05
193
原创 说一下CSS字体属性
CSS Fonts（字体）属性用定义字体系列，大小粗细，和文字样式（如斜体）3.1字体系列CSS使用font-family属性定义文本字体系列p { font-family:'微软雅黑' ;}div {font-family: 'Microsoft Yahei', '微软雅黑' ; }注意：各种字体之间必须用英文状态下的逗号隔开 一般情况下，如果有空格隔开的多个单词组成的字体，加引号。 尽量使用系统默认子弟字体，保证在任何用户的浏览器都能正确显...
2020-05-27 11:02:17
451
原创 c3基础 CSS基础选择器总结
基础选择器 作用 特点 使用情况 用法 标签选择器 可以选出所有相同的标签，比如p 不能差异化选择 较多 p {color：red;} 类选择器 可以选出1个或多个标签 可以根据需求选择 非常多 .nav {color: red;} id选择器 一次只能选择一个标签 ID属性只能在每个HTML中出现一次 一般和js搭配 #nav{color:red;} 通配符选择器 选择所有标签 选择
2020-05-27 11:00:38
129
原创 HTML开发实例-简单相亲网站开发（主体为table）
实现功能:简单的相亲网站：清楚不常在，抓紧谈恋爱我承诺年满十八岁 单身 抱着严肃态度 寻找真诚的另一半性别： 男女 生日： --请选择年--201920202021--请选择月--123--请选择日--123 所在区域 婚姻状况 未婚已婚离婚 学历 喜欢的类型 妩媚的可爱的小鲜肉老腊肉都喜欢 自我介绍 我同意注册条款和会员...
2020-05-27 10:59:55
1428
1
原创 谈一谈 HTML表单标签有什么
1.为什么需要表单表单是为了 收集用户信息。2.表单的组成在HTML中，一个完整的表单通常由表单域，表单控件(表单元素)和提示信息，3个部分组成。（1）表单域在html中,<form>标签用于定义表单域，以实现用户信息的收集和传递<form>会把它范围内的表单元素信息提交给服务器<form action="ul地址" method="提交方式" name="表单域名称">各种表单元素控件</form>属性 属性值 作用action u
2020-05-27 10:58:03
374
原创 使用React简短代码动态生成栅格布局怎么做
本文应用到的知识1.样式文件less中方法的使用 2.for循环创建按钮和栅格布局(flex布局)1. 最终效果及源码链接作为前端新手的我，做下面这个简单功能花了好几天时间，问了不少前端大佬（大佬们应该要不到半个小时，惭愧惭愧），现在回想问的问题都很基础（有点丢人，哈哈），多谢了哦。先看看效果2. 代码简单讲解2.1 TypeScript代码./src/pages/Grid/DynamicGridPage/index.tsximport React from 'r.
2020-05-27 10:57:30
480
原创 c3基础 通配符选择器
在CSS中，通配符选择器使用“*”定义，他表示选取页面中所有元素(标签) 语法： * { 属性1: 属性值1 ..... } 通配符选择器不需要调用，自动就给所有元素使用样式。 特殊情况下才使用，后面将讲解使用场景（以下是清楚所偶有元素标签的内外边距，后期讲） * { margin: 0; padding: 0; ...
2020-05-27 10:57:13
109
原创 关于移动端适配的最佳实践怎么做
移动端适配我们需要做哪些事情? 一个最佳实践除了设置viewport和rem基准值，随着iPhone手机的不断升级，我们不得不正视以下2个问题：安全区域适配 识别刘海屏关于viewpoint-fit在切入正题之前，我们先展开介绍一下viewpoint-fit，它的作用是用于设置可视区域的尺寸，属性如下：PropName Description Name viewport-fit For @viewpoint Value auto | contaio...
2020-05-26 09:43:18
287
原创 说下js的循环以及举例
一、if和switch的使用场景比较1.分支比较多且无法穷尽的时候，最好使用if，其他情况可以视情况而定2.如果数据不是很大，并且数据都是固定的可以使用switch3.理论上Switch的效率更高4.switch的弊端在于如果是无穷的可能性，那么就不适合使用switch二、循环1.while循环，格式同Java；break，continue使用方法同Java。2.do.....while语句格式do{ 语句;}while(条件);3.for循...
2020-05-26 09:42:40
132
原创 JS 的 基础学习: reduce() 方法
找)，这时就需要对这个大对象做再加工处理。比如：将小组件所需的字段属性拎出来单独再封装成一个小对象。一般情况下我的写法是：let retData = {a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7, h: 8, j: 9, k: 10, m: 11, n: 12};let tempData = { a: retData.a, c: retData.c, d: retData.d, g: retData.g,};..
2020-05-26 09:41:16
316
原创 vie和elementui的 开发环境的准备工作
之前一直采用VS进行各种前端后端的开发，随着项目的需要，正逐步融合纯前端的开发模式，开始主要选型为Vue + Element 进行BS前端的开发，后续会进一步整合Vue + AntDesign的界面套件，作为两种不同界面框架的展现方式。采用Vue + Element 的前端开发和之前的开发模式需要有较大的转变，以及需要接触更多的相关知识，本系列随笔基于循序渐进的学习研究方式，对使用Vue + Element 这种前端开发的各个方面进行一个完整的介绍，并结合我对BS前端已有的框架功能，进行两者的融合。本篇随笔
2020-05-26 09:36:57
624
原创 简单说下React-class组件生命周期
在组件特定时期，触发的条件，统称为生命周期；组件生命周期分为三部分： 组件创建阶段：组件创建阶段的生命周期函数，有一个显著的特点：创建阶段的生命周期函数，组件一生只执行一次； > componentWillMount：组件将要被挂载，此时还没有开始渲染虚拟dom > render：第一次开始渲染真正的虚拟dom，当render执行完，内存中就有了完整额虚拟dom了 > componentDidMount：组件完成了挂载，此时，组件已经显示到了页面上，当这个方法执行完
2020-05-26 09:34:36
523
原创 说一下c3的动画
-1.transition过渡transition-property:all;//监听属性transition-duration:1s;//过渡时间transition-timing-function:linear;//运动速率transition-delay:1s;//过渡延迟时间```html<style>div{width:100px;height:100px;...
2020-05-26 09:32:29
193
原创 到底什么是盒模型？
-box-sizing:content-box|border-box;默认content-box一个盒模型的功能强弱，直接决定了布局是否简洁，决定了编程的复杂度。正常盒子：boxWidth=width+border*2+padding*2;IE6混杂模式的盒子整体宽度boxWidth=width;contentWidth=width-border*2-padding*2;...
2020-05-26 09:31:22
151
原创 谈谈前端网络全部笔记
#向浏览器的地址栏中输入一个url按回车之后，网络中都会发生什么？答：1.看浏览器的缓存2.看本机的hostC:/windows/system32/drivers/etc/host127.0.0.1localhost3.家里路由器，上级路由，城市的LDNS服务器，继续向上级的DNS服务器找，直到找到GDNS服务器#HTTP协议简介-HTTP协议分为两个部分1.请求Request请求头：请求方式：GET...
2020-05-26 09:29:35
175
原创 怎么阻止表单的默认提交
阻止表单的默认提交事件表单一点击提交按钮(submit)必然跳转页面，如果表单的action为空也会跳转到自己的页面，即效果为刷新当前页。如下，可以看到一点击提交按钮，浏览器的刷新按钮闪了一下：如果想要阻止表单的默认提交事件，有以下几种方法：1.将<input>标签内按钮类型从type="submit"修改为type="button" 2.表单内的<button>未指定类型时，默认的类型为submit，可以显式的修改为<button type="butto.
2020-05-26 09:29:06
870
原创 怎么js通过闭包实现多个相同事件只需绑定一次
// 闭包的使用场景：一个方法要被多次调用，并且共享一个数据// 防抖和节流// 自执行函数省去单独调用一次let addEvent = (function() { let obj = {}; return function(eventName,fns){ if(obj[eventName] && obj[eventName].length>0){ obj[eventName].push(fn.
2020-05-23 11:46:54
199
原创 谈一下 js实现函数防抖与节流
概念理解防抖：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。节流：规定在一个单位时间内，只能触发一次函数。如果这个单位时间内触发多次函数，只有一次生效。js函数防抖与节流的区别：函数防抖是某一段时间内只执行一次，而函数节流是间隔时间执行。个人踩坑1、通过理解函数防抖与函数节流的概念后，使用闭包实现函数防抖和节流，没有考虑到对于节流，如果用户在下一次请求之前已输入完毕，但是此时不会再进行请求，则会导致最后输入的文字获取其他事件改变不发请求，即漏请求，所以需要加一个s
2020-05-23 11:45:05
188
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人