- 博客(31)
- 资源 (2)
- 收藏
- 关注
原创 查看镜像地址与切换淘宝镜像地址
$ npm config get registry #查看镜像地址$ npm config set registry https://registry.npm.taobao.org/ #设置淘宝镜像地址
2021-05-07 10:04:09
3112
原创 C3动画
霓虹灯效果 <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { background-color: #000; display: flex; justify-content: center; align-items: center; height: 100vh; } .
2021-05-03 17:54:16
285
原创 《数据结构和算法》笔记 --- 02_谈谈算法
哔哩哔哩小甲鱼的视频链接 - - - https://www.bilibili.com/video/BV1os41117Fs?p=2&spm_id_from=pageDriver02_谈谈算法算法初体验1+2+…+99+100int i, sum=0,n=100;for(i=1;i<n;i++){sum=sum+i;}printf("%d",sum)//算100次高斯inti,sum=0,n=100;sum=(1+n)*n/2;printf("%d",sum)//
2021-04-05 13:41:32
101
原创 《数据结构和算法》笔记 --- 01_数据结构和算法绪论
哔哩哔哩小甲鱼的视频链接 - - - https://www.bilibili.com/video/BV1os41117Fs?from=search&seid=713240913735676412701_数据结构和算法绪论数据结构是一门研究非数值计算的程序设计问题中的操作对象,以及它们之间的关系和操作等相关问题的学科。小甲鱼 — 程序设计 = 数据结构 + 算法数据结构分为逻辑结构和物理结构。逻辑结构分为集合结构 — 集合结构中的数据元素除了同属于一个集合外,它们之间没有其他不三
2021-04-05 11:48:19
136
原创 call&apply&bind
三者都是用来改变函数的this对象的指向的call和apply 直接调用方法,bind 方法调用之后返回一个新的方法,再调用 var obj = { name: '帅哥', hi: function (msg) { console.log(this.name, '你好!', msg) } } var objThis = { nam.
2020-11-22 20:50:47
93
原创 浅析React虚拟DOM和Diff算法
React更新视图的思想是:只要state变化就重新渲染视图特点:思路非常清晰问题:组件中只有一个DOM元素需要更新时,也得把整个组件的内容重新渲染吗? 不是这样的理想状态:部分更新,只更新变化的地方React运用的核心点就是 虚拟DOM 配合 Diff 算法虚拟DOM什么是虚拟dom:用js对象来表示页面上dom元素的的样式体现。虚拟dom的作用:高效更新页面,还有就是让react脱离了浏览器的概念。意味着只要是能支持js的地方都可以用到react,所以react是可以进行跨平台的开发.
2020-11-21 20:48:39
195
原创 原生小程序和vue(使用uniapp开发小程序)的语法区别
判断动态添加class // vue版本 <view :class="{active: current=== index}"></view> // 原生 <view class="{{current === index ? 'current' : '' }}"></view>循环 // vue <view v-for="(item, index) in []" :key="index">
2020-11-17 17:25:58
2116
原创 Javascript中class类的用法以及继承
什么是类?类是面向对象编程语言的通用结构。类是一种结构:将现实世界中存在的关系,采用一种{}的形式,将各种数据和数据的操作捆绑到一起:外界不需要知道里面到底是怎么实现的,只需要调用里面提供的可操作的方法(封装)。比原型方式要简洁的多,结构层面更加清晰。语法操作:1.类class是ES6的语法2.类的语法:class 类名 {}3.类名不能重复实例化4.类不会自动运行:需要new的时候才会触发5.只要对象产生:new出一个对象:里面的构造器就会被触发方法实现6.类里面的方法:方.
2020-11-12 22:24:15
1952
原创 航班持续时间需要客户端运算的思考以及计算方法
思考为什么后端直接给我们全部航班数据, 让客户端自己翻页;也不预先计算航班时间, 需要客户端自己计算?机票页面是一个流量密集型的服务。航班信息数据相对新闻列表等数据相对有限,因此客户端处理的数据量并不大一个人多次访问, 每多翻一页, 就多一次请求多个人访问, 每个人获取一百条数据,一个人计算一百次, 如果一百次浏览就是 就是一万次的计算。对于页面的请求, 如果每个人读取十张飞机票就重新发送请求, 那么 服务器就要多处理一次。对于航空公司来说, 计算航班之间时间是需要服务器运算力,。有一百个
2020-11-12 11:08:09
374
原创 nuxt / ssr简介以及要不要使用服务端渲染(SSR)?
nuxt / ssr 简介ssr 是 vue 的服务端渲染技术nuxt 是一个可以用来做 ssr 服务端渲染 开发的框架他们之间的关系, ssr 是技术基础, nuxt 是封装什么是SSR?Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。全部的操作都是在客户端运行,在这种情况下, 生命周期 mounted 之前 ,看不到任何东西的, 或者如果我们的客户端浏览器,禁用了js功能的话, 就会一片空白。然而,vue.js 也可以
2020-11-11 00:00:28
1426
原创 多行文本溢出显示省略号,加了padding之后出现省略号但第三行文本依然显示 --- 解决方法
问题:多行文本溢出显示省略号,加了padding之后第二行出现省略号但是第三行文本依然显示 navigator{ position: relative; padding:20rpx 0; border-bottom:1px solid #ccc; font-size: 14px; line-height: 1.5; letter-spacing: 1px; overflow : hidden; text-overflow: ellipsis; display:
2020-11-10 14:22:00
1459
3
原创 小程序 - 加载下一页数据的注意点
1. 合并数据this.list=[…this.list,…res.data.message.goods];请求接口以及返回数据:加载下一页 - pagesum++, 返回的数据是每页的数据,也需要之前页的数据展示。错误:this.list=res.data.message.goods;正确:this.list=[…this.list,…res.data.message.goods];2. 页面上拉触底事件触发this.pagenum++, 写在请求成功里面,而不是直接写在onReachBot
2020-11-08 12:03:32
631
原创 JS的new操作符做了什么事情?--- new实例化一个对象的过程
- new实例化一个对象的过程:创建一个新对象将构造函数的this指向这个新对象 – call,apply皆可原型链继承返回新对象 function Person(name, age) { this.name = name; this.age = age; } console.log(new Person('蒙娜丽莎', 18)); function createPerson(na
2020-11-04 22:34:55
502
原创 数组去重的6种方法,以及性能比较
第一种方法 - 创建新的空数组,indexOf ==-1,则往空数组push这个元素 —耗时6007ms let arr1 = Array.from(new Array(100000), (x, index) => { return index; }) let arr2 = Array.from(new Array(50000), (x, index) => { return index + ind
2020-11-02 23:07:14
639
原创 vue 实现 tab 栏切换
小段视频展示tab栏效果 tab栏切换演示.wmv 代码展示:<template> <div class="tab"> <div class="tabwrapper" @mouseleave="handleleave"> <div class="left"> <ul>
2020-11-01 23:54:47
5468
2
原创 数组在筛选条件多选,以及在动态添加输入框数据绑定的应用
01 - 筛选条件多选:住宿等级选择3星,4星,5星;酒店设施选择wifi,热水壶请求url参数为:price_lt=4000&hotellevel_in=3&hotellevel_in=4&hotellevel_in=5&hotelasset_in=2&hotelasset_in=1因为对象中不可以存在相同key,不能用 对象 保存数据相同的key时,对应的值用数组保存const data = { price_lt: 4000,
2020-10-26 11:46:55
345
原创 总结项目开发中容易写的bug,以及解决方案
01 - vue中父组件向子组件传值,传的值是ajax请求回来的,存在异步,可能数据还没获取回来就已经实现了传值,在子组件需要渲染 {{数据.属性.属性}} 于是报错解决方案:传值时加上判定条件,确定数据已经获取了才传值<template><PostdetailArticle v-if="articleobj.id" :articledata="articleobj"></PostdetailArticle></templ
2020-10-26 10:05:57
643
原创 git常用操作指令
1、git 获取远程分支并合并推送//查看本地和远程所有分支git branch -a //将本地分支与远程保持同步git fetch//切换到主分支git checkout master//合并远程分支git merge 远程分支名2、 git解除关联重新绑定仓库的方法//fatal: remote origin already exists. (远程来源已经存在 解决办法)git remote -v //查看远程库信息git remote rm origin //删除关联的
2020-10-24 22:26:44
179
原创 vuex的优缺点
什么是 vuex ?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。(要按照规定的方式改变数据)面对一个储存状态数据的工具时, 有几个方面的问题我们马上可以想到的数据放在哪里 store state如何存入/更新数据 commit mutation如何获取数据 this.$store.state.模块.数据字段vuex的优点:js 原生的数据对象写法, 比起 localS
2020-10-24 00:01:45
12666
5
原创 前端同学经常忽视的一个 JavaScript 面试题 - 有视频分析!
前端同学经常忽视的一个 JavaScript 面试题function Foo() {getName = function () { console.log(1); };return this;}Foo.getName = function () { console.log(2); };Foo.prototype.getName = function () { console.log(3); };var getName = function () { console.log(4); };fun
2020-10-16 16:35:03
221
1
转载 vue组件中的data是一个函数
类比于引用数据类型。如果不用function return 每个组件的data都是内存的同一个地址,那一个数据改变其他也改变了,这当然就不是我们想要的。用function return 其实就相当于申明了新的变量,相互独立,自然就不会有这样的问题;js在赋值object对象时,是直接一个相同的内存地址。所以为了每个组件的data独立,采用了这种方式。如果不是组件的话,正常data的写法可以直接写一个对象,比如data:{ msg : ’ 下载 ’ },但由于组件是会在多个地方引用的,JS中直接共享对象.
2020-10-14 22:40:42
699
原创 解决element-ui用户多次点击多次弹窗message改为多次点击只有一次弹窗-两种方法
没改代码之前<template> <el-row type="flex" justify="center" align="middle" class="loginpage"> <!-- 用行包住表单 --> <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="账号"> <el-input v-.
2020-10-13 15:55:06
1552
转载 程序员如何减少开发中的 Bug?
程序员如何减少开发中的 Bug?很有意思的一个话题,本篇文章我们来进行探讨与总结。一、概述爱因斯坦曾经说过:「如果给我一个小时解答一道决定我生死的问题,我会花55分钟来弄清楚这道题到底是在问什么。一旦清楚了它在问什么,剩下的5分钟足够解答这个问题。」虽然我们软件开发过程不会面临生死的抉择,但是却直接影响着用户的使用感受,决定着产品的走向。所以程序员如何减少开发中的 Bug,既反映了代码质量,也反映了个人综合能力。那么我们该如何有效的减少开发中的 Bug 呢?...
2020-10-12 23:28:20
1178
原创 vue的filters是纯函数,没有this
vue的filters是纯函数,没有this纯函数的定义是:如果函数的调用参数相同,则永远返回相同的结果。它不依赖于程序执行期间函数外部任何状态或数据的变化,必须只依赖于其输入参数。该函数执行过程不会产生任何可观察的副作用。副作用来自,但不限于:进行一个 HTTP 请求,Mutating data,输出数据到屏幕或者控制台,DOM 查询/操作,Math.random(),获取的当前时间。//url有可能是完整路径-url: "https://cms-bucket.ws.126.net
2020-10-09 22:31:18
389
原创 nth-child的坑 - 不管元素的类型
nth-child的坑:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 n 个子元素的每个元素.:nth-child(n) / nth-last-child选择器匹配属于其父元素的第 n 个子元素 / 倒数开始数第n个元素,不论元素的类型。<style> li:nth-last-child(2) { color: red; } li:nth-of-type(2) { colo
2020-10-09 17:50:51
591
原创 git修改提交的最新一次的commit信息
git修改提交的最新一次commit信息git log查看所有的commit提交信息修改最新的一条commit信息git执行修改命令git commit --amend -m "此处为新修改的commit信息"git commit --amend -m “注册按钮提交数据”执行修改命令后的commit信息...
2020-10-08 20:17:28
629
动画演示flex属性 - 可点击切换属性
2020-11-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人