殷志鹏的博客

记录日常开发用到的javaScript解决方案和函数

最近做了一个项目，后台是无限层级的菜单，那么前端如何无限递归动态生成菜单呢？自己写了一个递归算法效果如下一、代码实现你只需要知道我的树形数据是什么样就可以了subjectTree:[ { id:1, title:"计算机", parentId:0, children:[ { id:2, title:"前端", parentId:1, children:[ { i...

先上代码，这个我刚刚上网上找了，很多人已经发过了，我还以为是公司里面人独创的呢后面有详细的解释这个主要是面向实际开发环境的，你可以省略掉除了source的所有其它参数，因为它们是为了通用性，因为总有些人十分具备没必要的个人特色比如所有人都用0来作为码表根结点parentId，而它非要用12580/** * 构造树型结构数据 * @param {*} source 数据源 * @param {*} id id字段 默认 'id' * @param {*} paren...

文章目录一、无缝滑屏一、无缝滑屏

1、用电脑开启一个免费热点就是为了让你的手机和电脑在一个网段2、查看本机ip地址3、使用草料二维码生成网址跳转二维码

文章目录一、理论1、像素理论2、视口理论3、获取视口尺寸4、viewport详解5、等比问题二、适配1、rem适配方案2、viewport适配方案一、理论1、像素理论屏幕尺寸单位：英寸 ，1英寸=2.54厘米指屏幕对角线的长度物理像素和css像素物理像素是屏幕物理分辨率，比如1920*1080，每个物理像素点称为1像素css像素是逻辑像素，一般1px等于1个物理像素点因为现在不同设备分辨率也不一样，而且现在很多设备采用了高清屏，所以我们设计c

代码需要你复制到工具中运行看效果一、less1、环境搭建使用less两种方法1、使用npm安装：npm install -g less（推荐）2、使用工具预编译less文件，将其转换为css文件（没学node.js的不会npm的推荐使用这个）3、引入到html中使用（没有学习node.js的先用这种方法）<link rel="stylesheet/less" type="text/css" href="styles.less" />&lt...

每一个知识点都有相应的测试代码，你可以将代码复制到文件中，然后在浏览器中打开测试即可推荐使用谷歌浏览器Chrome文章目录一、基础（HTML和CSS中较复杂内容）1、meta标签2、CSS选择器1、伪类选择器2、伪元素3、属性选择器4、子元素伪类5、兄弟选择器6、否定伪类选择器7、选择器的优先级和顺序3、盒模型4、一、基础（HTML和CSS中较复杂内容）1、meta标签meat标签meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是...

文章目录一、安装Sass(全部参考Sass官方文档)1、windows需先安装`RuBy`，`Mac`系统自带`RuBy`无需安装2、Sass安装二、编译css文件1、单个文件编译（命令行）2、使用watch监听编译单个文件3、使用watch监听编译整个sass文件夹（推荐）三、指定输出css格式1、4中编译格式2、注释四、sass变量1、.sass与scss区别2、Sass变量声明使用3、Sass变量的作用域4、Sass变量的引用5、变量名命名规则五、嵌套规则1、嵌套Css规则2、 父选择器的标识符&am

文章目录什么是vue（来源于vue官网）1、搭建环境2、将上面实例变为一个vuex实例，第一步，配置核心管理模块3、组件使用核心管理模块获取state数据使用getters实现监听使用dispatch分发调用mutations中的方法4、使用vuex封装好的数组对象操作vuex，不用每个都使用this.$store什么是vue（来源于vue官网）vue说明 Vuex 是一个专为 Vue...

文章目录子组件使用父组件的值子组件使用父组件的值

文章目录改变text框中placeholder属性样式让文字垂直居中动画过渡内容相对父标签居中圆角边框和阴影页面不平铺并且响应式根据窗口调整尺寸让内容根据父容器容量布局，不要改变父容器尺寸，溢出内容直接隐藏清除提示框（点击就出现个框框，清除掉）形状变换设置高斯模糊文本域不可调节大小控制鼠标指针样式改变text框中placeholder属性样式<input type="text" name...

文章目录使用vue-cli需要的知识（假设，你已经学习了vue基本语法）安装vue-cli使用vue-cli需要的知识（假设，你已经学习了vue基本语法）vue使用时需要webpack和npm推荐进行如下学习（推荐先往下看，等遇见不懂的，来这两个教程里针对性学习）在此教程里学会使用npm即可：https://blog.csdn.net/grd_java/article/details/1...

vue是一个渐进式框架，非常适合独立开发人员和中小型web项目什么是渐进式呢，就是你先用vue的主框架开发，等到你突然需要某个功能时，直接添加vue提供的相应组件即可，走到哪开发到哪，非常简单，好上手。本教程使用开发工具HBuilderX：https目录供日后查看，初学请直接跳过1、指令2、vue构造函数中的属性3、Vue插件都有哪些Vue概念介绍如何使用Vue（没有学过node.js和npm...

目录

目录ES5严格模式json对象扩展Object扩展ES6let & const关键字解构赋值模板字符串对象的简写箭头函数（lambda表达式）不定长参数，点表达式形参默认值Promise对象（了解即可）Symbol（了解即可）for of遍历语句Generator函数（了解即可）async函数（真正解决了异步回调问题）针对字符串扩展的方法针对数值扩展的方法针对数组扩展的方法针对对象扩展的方...

目录1、Vue介绍2、下载安装node.js1、Vue介绍Vue.js框架是由国人尤雨溪开发的框架，使用此框架有两种方法，一个是直接官网下载安装包，第二种是用npm引入依赖使用vue.js，和使用Maven一样，我们选择使用npm的方式使用Vue2、下载安装node.js1、进入官网下载2、傻瓜式安装完成后，打开命令行cmd输入相应命令查看是否安装成功3、安装nrm插件，帮我们自...

因为以前的JScript和JavaScript的影响，很多浏览器对脚本语言语法处理上有一些不同，而为了解决不兼容问题，某组织制定了ES语法标准目录1、let，定义局部变量2、const，定义常量3、解构表达式4、lambda表达式1、let，定义局部变量问题演示（我们理想中的局部变量，成了全局变量）解决问题2、const，定义常量演示3、解构表达式演示4、lambda...