自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 JS打印各种形状:星星金字塔_完整菱形_三角形_思路算法详解_附源代码

Javascript打印金字塔,倒立金字塔,空心金字塔,菱形,空心菱形等打印直角三角形 * 1 ** 2 *** 3 **** 4 通过图形,可以得出规律,第i行时,打印的星星为i个 document.write("正右半边<br>"); for(i=1;i<=n;i++){//行数 for(j=1;j<=i;j++){

2020-07-11 10:29:28 7799 2

原创 vue+typeScript+Echarts使用案例

vue+typeScript+Echarts一级目录二级目录三级目录一级目录二级目录三级目录

2021-08-04 21:41:45 347

原创 vue双向绑定原理及实现

vue双向绑定原理及实现MVC模式MVVM模式双向绑定原理1.实现一个Observer在Observer中,当初我看别人的源码时,我有一点不理解的地方就是Dep.target是从哪里来的,相信有些人和我会有同样的疑问。这里不着急,当写到Watcher的时候,你就会发现,这个Dep.target是来源于Watcher。2.实现一个Watcher3.实现一个Compile4.实现一个MVVM写一个html测试一下我们的功能MVC模式MVC模式以往的MVC模式是单向绑定,即Model绑定到View,当我们用

2021-08-04 21:34:25 183

原创 vue的两大核心

vue的两大核心欢迎使用Markdown编辑器1. 数据驱动,也就是数据的双向绑定2. 组件系统欢迎使用Markdown编辑器1.数据驱动2.组件系统1. 数据驱动,也就是数据的双向绑定1.Vue 响应式核心就是,getter 的时候会收集依赖,setter 的时候会触发依赖更新2.vue将遍历data中对象的所有property,并使用 Object.defineProperty 把这些 property 全部转为getter/setter。3.这些 getter/setter 对用户来说是

2021-08-04 21:20:35 877

原创 关于echarts环形图各块颜色设置的方法

关于echarts环形图各块颜色设置的方法方法一方法二方法三方法一option下color:[’#45C2E0’, ‘#C1EBDD’, ‘#FFC851’,’#5A5476’,’#1869A0’,’#FF9393’],option = {tooltip: {trigger: ‘item’},legend: {top: ‘5%’,left: ‘center’},color:[’#45C2E0’, ‘#C1EBDD’, ‘#FFC851’,’#5A5476’,’#1869A0’,’#

2021-04-11 15:03:19 11691

原创 后台管理系统的权限控制与管理

在Web 系统中,权限很久以来一直都只是后端程序所控制的. 为什么呢? 因为Web 系统的不质围绕的是数据, 而和数据库最紧密接触的是后端程序. 所以在很长的一段时间内, 权限一直都只是后端程序要考虑的话题. 但是随看前后端分离架构的流行, 越来越多的项目也在前端进权限控制一、 权限相关概念1.1 权限的分类后端权限从根不上讲前端仅仅只是视图层的展示, 权限的核心是在于服务器中的数据变,所以后端才是权限的关键,后端权限可以控制某个用户是否能够查询数据, 是否能够修改数据等操作后端如何知道该请求

2021-01-27 10:48:15 1291

原创 git的使用流程

Git是什么?Git是目前世界上最先进的分布式版本控制系统。SVN与Git的最主要的区别?SVN为集中式版本控制系统,版本库是集中存放在中央服务器的单独搭建SVN服务器,不能离线工作操作简单,代码保密性较强GIT为分布式版本控制系统根本没有“中央服务器”,每个人的电脑上都是一个完整的版本库1 适合分布式开发,强调个体2 公共服务器压力和数据量都不会太大3 速度快灵活4 可以离线工作5 操作复杂,代码保密性差github的使用GitHub,免费的远程仓库,如果是个

2020-11-12 20:09:04 134

原创 vue项目入门,环境搭建

项目依赖包下载npm install环境搭建第1步:安装Node.js去node.js官网下载windows对应版本,安装即可。验证node.js是否安装成功:node -vnpm -v第2步:解决npm安装第三方模块很慢问题,建议使用cnpm淘宝镜像官网地址:https://developer.aliyun.com/mirror/NPM?from=tnpm# 全局安装cnpm这个工具# -g 表示全局安装,一次安装,永久使用npm install -g cnpm --registr

2020-09-13 12:18:06 172

原创 js用继承实现拖拽效果

样式 <style type="text/css"> #box{ width: 200px; height: 200px; background: red; position: absolute; } #pox{ width: 200px; height: 200px; background: blue; position: absolute; left: 300px; top: 100px;

2020-08-16 13:19:06 210

原创 js用构造函数实现轮播图效果

function AutoPlay(){ this.imgList = document.getElementById("img-list"); this.banner = document.getElementById("banner"); this.arr = document.getElementById("arr"); this.toLeft = document.getElementById("toLeft"); this.toRight = documen

2020-08-06 23:42:00 609

原创 用class构造函数实现轮播图效果

<style> * { padding: 0; margin: 0; } .banner { position: relative; width: 810px; height: 320px; margin: 50px auto; background: grey; overflow: hidden; } .img-list { list-style: none; posi

2020-08-03 22:22:09 731 1

原创 javaScript数组去重方法多方法,最常用的方法

数组去重 方法一//方法一: 第一步,封装一个函数判断num在arr中是否存在function hasEle(arr,num){ for (var i = 0; i < arr.length; i++) { //if(存在) return true; if(arr[i] === num) return true; } return false;}//第二步//数组去重function noRepeat(arr){ //将arr中的重复数据去掉 var newArr =

2020-07-26 20:22:36 142

原创 js动态创建星星,随机生成星星

setInterval(function(){ game() },50);//没50毫秒创建一个图片插入document console.log(document.body) function game(){ var imgwh = getRand(20,30);//随机生成20-30的数。具体看文章底部封装好的函数 var w =document....

2020-07-22 22:12:15 733 1

原创 js判断是否是数字简单方法

javascript 判断是否为数字,js 判断数字,javascript 判断数字,js 判断是否是数字最简单的方法,当然还有其他的方法 例如正则表达式//isNaN("要判断的变量")function isNumber(value){ if(isNaN(value)){ return false; } else{ return true; }}...

2020-07-15 22:10:57 646

原创 运用js语言switch实现一个求一个日期是一年中的第几天,考虑润年,利用穿透

利用switch穿透特性简化代码 var a = parseInt(prompt("请输入年份","")); var month= parseInt(prompt("请输入月份","")); var day =parseInt(prompt("请输入天数","")); //前面三个步骤是为了获取用户输入的年、月、日 var day_run = 28; //默认2月的天数为28天 var sum=0; if(a%4==0&&a%100!=0

2020-07-14 10:04:23 584

原创 javascript数组选择排序和冒泡排序详解

数组的遍历数组的索引是按照0~n的顺序排序,所以可以通过通过for循环来实现数组的遍历,这个行为就叫做数组的遍历var arr = [1,2,3,4,5,6]for(var i = 0;i<arr.length;i++){ //arr.length是获取数组的长度 document.write(arr[ i ]);}输出结果为 :1 2 3 4 5 6数组的排序数组的排序就是将一个无须的数组,通过处理,变成一个有序的数组主要介绍2种排序的方法:冒泡排序和选择排序冒泡排序原理:

2020-07-11 14:54:47 251

原创 JavaScript递归函数实现斐波那契数列、黄金分割数列,递归定义与用法实例分析,

递归所递归函数就是在函数体内调用本函数。使用递归函数一定要注意,处理不当就会进入死循环。要避免进入死循环,写递归函数先要写一个结束条件(为了结束循环)递归函数一般比如阶乘问题。下面的代码就是一个死递归的例子function fn(){ console.log(1) fn() }当调用函数fn()是,执行fn里面的代码,没有结束的条件,就会一直调用自身,无止境的执行,就称之为死递归下面来实现一个简单的的递归要求:实现从 1 +2 + 3+…+100的和func

2020-07-11 11:25:09 1180 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除