- 博客(15)
- 收藏
- 关注
RSS订阅原创 脚手架中怎么应用scss，公共样式文件封装
背景当项目中有许多地方需要的样式一样，可以写一个专门scss文件统一管理样式，只然后页面上引用这个文件，使用统一的样式，当样式变化的时候，只需要改变这一个文件即可，不需要每个页面都改一遍了1.新建立一个styles文件夹，文件夹下建立scss文件$title-color: #333333; //标题色$text-color: #666666; //基本信息字体色$text-tips-color: #999999; //tips字体颜色// $primary-header-color: #363
2022-03-23 15:49:30
379
原创 谈谈前端的那些事儿
1.谈谈前端的居中方式2.手写一个Promise 并讲解3.js 深拷贝 浅拷贝，举例说明4. setinterval 跟 setTimeout 的区别 跟this指向问题5. 字符串转换，合并，拆分6.calc, support, media各自的含义及用法7.解决一下 0.5px的问题8.简单描述一个递归算法，并手写一个递归...
2022-03-23 15:25:48
562
原创 简单描述一个递归算法，并手写一个递归
一、递归算法的概述递归算法的描述：把一个大规模的问题划分为一个个小规模的同类问题的子问题。递归算法的特征：1、在函数中调用其本身；2、必须有一个明确的递归出口；3、递归结果的输出是一个堆栈结构，最后的结果最先输出，最初的结果最后输出.二、一个简单的递归算法的思考思考一：递归语句最后的输出结果是？public class Test { public int sum(int a,int b){ int result=a+b; if(result<10){ sum(a+1
2022-03-23 15:20:52
673
原创 解决一下 0.5px的问题
单边框方法一：border + border-image + linear-gradient .border { width: 200px; height: 200px; background-color: red; margin: 0 auto; border-bottom: 1px solid transparent; border-image: linea
2022-03-23 15:08:24
180
原创 Css中calc, support, media各自的含义及用法
1.calccalc() 函数用于动态计算长度值。● 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；● 任何长度值都可以使用calc()函数进行计算；● calc()函数支持 “+”, “-”, “*”, “/” 运算；● calc()函数使用标准的数学运算优先级规则；css语法： calc(expression) width:calc(100% - 80px)涉及兼容问题：calc()对大家来说，或许很陌生，不太会相信ca
2022-03-23 15:05:53
1249
原创 字符串转换，合并，拆分
Str.split() 与Array.join()方法是呼应的使用指定的分隔符字符串将一个String对象分割成子字符串数组，以一个指定的分割字串来决定每个拆分的位置。也就是按照给定的分隔符分割原来的字符串，然后再将分割开的元素放进数组，返回这个数组。var str = "xixi=haha=666 789";console.log("######",str.split());console.log("12222222",str.split(""));console.log("8888888",
2022-03-23 14:42:39
1024
原创 setinterval 跟 setTimeout 的区别 跟this指向问题
开发项目的时候用到了定时器，发现在setInterval和setTimeout中传入函数时，函数中的this会指向window对象var num = 0;function Obj (){this.num = 1,this.getNum = function(){console.log(this.num)},this.getNumLater = function(){setTimeout(function(){console.log(this.num);},1000)}}var ob
2022-03-23 14:33:20
69
原创 js 深拷贝 浅拷贝，举例说明
如何区分深拷贝与浅拷贝简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短。如果B没变，那就是深拷贝，自食其力。let a =[0,1,2,3,4],b=a;console.log(a===b);a[0]=1;console.log(a,b)b复制了a，修改数组a，数组b也跟着变了。这咋那人手短呀！！那么这里，就得引入基本数据类型与引用数据类型的概念了。常问的基本数据类型有哪些，number，string，boolean，nul
2022-03-23 14:20:56
756
原创 手写一个Promise 并讲解
手写一个promisegetContent:function (){var that = this;this.update().then(function(){console.log("123");that.update()})}updateKinds ({commit, state}) { return new Promise(function (resolve, reject) { axios.get('/bbg/shop/get_classify', {
2022-03-23 13:57:01
234
原创 谈谈前端的居中方式
居中有很多方式，比如 flex，girl网格布局，text-aling，magin：auto等等比较常用的…flex 布局 上下左右居中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>居中</title> <style type="text/css"> .box{ d
2022-03-23 13:29:03
128
原创 vue生命周期
vue每个组件都是独立的，每个组件都有一个属于它的生命周期，从一个组件创建、数据初始化、挂载、更新、销毁，这就是一个组件所谓的生命周期。beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyedvue中内置的方法 属性和vue生命周期的运行顺序（methods、computed、data、watch）...
2022-03-02 16:16:26
333
原创 for循环遍历数组
遍历数组JS数组遍历，基本就是for,forin,foreach,forof,map等等一些方法.1.普通for循环for(i = 0; i < arr.length; i++) { console.log(arr)} 2.优化for循环for(i = 0,len=arr.length; i < len; i++) { console.log(arr)}3.弱化版for循环for(i = 0; arr[i]!=null; i++) { }4.fore
2022-03-02 14:57:11
7570
1
原创 JS原理知识梳理
JS原理知识梳理从输入URL到页面展示，发生了什么1. DNS解析，根据域名获取服务器IP2. 建立TCP连接三次握手以建立TCP连接为什需要三次握手？3. 服务器处理请求并返回HTTP报文4. 浏览器显示 HTML5. 连接结束四次挥手为什么连接的时候是三次握手，关闭的时候却是四次握手？结语参考从输入URL到页面展示，发生了什么1. DNS解析，根据域名获取服务器IP2. 建立TCP连接...
2020-03-30 12:41:30
102
原创 ES6-10常用知识梳理
本博客在持续更新中目录ES6（ES2015）var、let、constES6（ES2015）var、let、constvar在全局中声明，则为全局变量；在方法中声明，则为局部变量 // 全局变量 var a = 5; console.log(a); // 5 console.log(window.a); // 5 ，JavaScript 全局对象、函数以及变量均自动成为 wind...
2020-03-23 15:09:16
170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人