- 博客(21)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 【开源】博博客小程序,欢迎交流
很久之前就想做一个自己的博客(虽然没咋写过),考虑了很久决定以小程序的形式进行实现,目前已经完成了基础的功能。我的博客 在这个页面可以浏览到用户所发布的全部博客,头部是用户所创建的博客分类,可以按照分类查看博客。 进入博客详情页可以看到该博客的详细信息。博客的内容是使用了uni-app的插件gaoyia-parse来实现html文本渲染的。文章下面显示了该文章的点赞和评论。...
2021-08-12 20:59:59
313
原创 用 vue 实现瀑布流
最近看到一篇好文章,讲了关于如何用 Vue 来实现瀑布流,学习后自己动手写了一个简单的 demo。瀑布流又称瀑布流式布局,是比较流行的一种网站页面布局方式。类似小红书主页一样,每张图片的宽度都设置为一样,但是高度是根据内容变化的,实现一个不规则的排列。原理原理其实很简单,简单来说就是把每张图都设置为绝对定位,再根据宽高设置图片的偏移值,则 left 和 top 属性确定位置。如上图,可以看到,前五张图排在第一行(demo 设置 PC 浏览器显示 5 列,移动端浏览器显示 2 列)。接
2021-11-18 15:51:21
13156
15
原创 CSS 的三种定位机制
CSS 有三种定位机制,分别是普通文档流、定位(相对,绝对,固定)和 浮动。普通文档流除非专门指定,否则所有框都在普通流中定位。普通流中元素框的位置由元素在(X)HTML中的位置决定。块级元素从上到下依次排列,框之间的垂直距离由框的垂直margin计算得到。行内元素在一行中水平排列。注意:行内元素,在水平方向上修改水平尺寸(padding,margin,border),能产生相应的效果,但修改垂直方向上的元素是无效的。行内元素的 width 和 height 属性是无效的,行
2021-10-18 21:42:22
918
3
原创 JS 继承的六种方式
由于函数没有签名,在 ECMAScript 中无法实现接口继承。ECMAScript 只支持实现继承,而且其实现继承的主要方式是依靠原型链来实现的。原型链继承构造函数、原型链和实例的关系:每个构造函数都有一个原型对象(prototype),每一个原型对象都包含一个指向构造函数的指针(constructor),每一个实例都包含一个指向原型对象的内部指针(__proto__)。所有引用类型默认都继承了 Object,这个继承也是通过原型链实现的。重点:让子类的原型等于父类的实例。...
2021-10-15 22:20:57
170
原创 使用 reduce 实现 map
首先应该了解一下 reduce 和 map 的概念。reducereduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。参数 描述 function(total,currentValue, index,arr) 必需。用于执行每个数组元素的函数。 函数参数: 参数 描述 total 必需。初始值, 或者计算结束后的返回值。 currentValue 必需。当前元素
2021-09-26 20:46:41
456
转载 MVC、MVP、MVVM
这三个框架中,M 和 V 指的都是 Model层和 View层,但是其功能会因为框架的不同而变化,Model层:储存数据 View层:展示数据MVCMVC框架图(实线表示调用和、虚线表示通知)MVC 中的 C 指的是 Controller层。在 Controller 层会接收用户所有的操作,并根据写好的代码进行相应的操作——触发 Model 层,或者触发 View 层,抑或是两者都触发。Controller 层触发 View 层时,并不会更新 View 层中的数据,View 层中的.
2021-09-11 15:33:12
128
原创 JS 中的 call 和 apply 方法
每一个函数都包含着两个非继承而来的方法:call 和 apply。相同点call 和 apply 方法的作用都是一样的,用来重新定义函数的 this 对象,设置函数体内 this 对象的值,以扩充函数赖以运行的作用域。一般来说,this总是指向调用某个方法的对象,但是使用 call 和 apply 方法时,就会改变 this 的指向。使用示例:无参数var name = 'hhhqzh', age = 18 ; // 永远18!!!!var obj = { name:
2021-09-08 16:35:41
79
原创 hash 和 history 两种模式
区别hash模式下,仅hash符号之前的内容会被包含在请求中,如 http://www.11.com 因此对于后端来说,即使没有做到对路由的全覆盖,也不会返回404错误;history模式下,前端的url必须和实际后端发起请求的url一致,如http://www.222.com/aa/ 。如果后端缺少对/aa/ 的路由处理,将返回404错误。此时需要在后端作出相应的调整(比如nginx配置重定向)hash模式hash就是指url后的#号以及后面的字符。hash也称作锚点,本身是用来做页面
2021-09-02 21:27:57
217
原创 Vue 的生命周期
每个 Vue 实例在被创建时都要经过一系列的初始化过程。 Vue 中所有生命周期钩子函数自动绑定 this 上下文到实例中,因此可以在函数中访问数据,对属性和方法进行运算。这意味着生命周期函数不能使用箭头函数来定义。(箭头函数绑定了父上下文,因此 this 与 Vue 实例不同)。阶段一:Vue 实例创建阶段beforCreatedVue 实例在内存中刚被创建,this 变量还不能使用,数据对象(data)和方法(methods) 未初始化...
2021-08-31 19:17:55
115
原创 Vue 的 keep-alive
什么是 keep-alive keep-alive顾名思义就是保持活跃。keep-alive是Vue的抽象组件,它自身不会渲染一个 DOM 元素,也不会出现在组件的父组件链中。keep-alive 的作用<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。 当我们在切换组件时,被keep-alive包裹的组件会被缓存到内存中,防止重复地渲染DOM,减少不必要的请求。总的来说就是,主要用于...
2021-08-30 21:21:36
208
转载 Syntax Error: TypeError: this.getOptions is not a function
出现问题场景:vue运行项目过程中报错这个问题,就是版本原因了,我安装的 scss-loader 版本太高,卸载安装低版本即可npm uninstall --save sass-loader // 卸载npm i -D sass-loader@8.x // 安装npm uninstall --save node-sass // 卸载npm i node-sass@4.14.1 // 安装// 如果node-sass安装失败,也可以直接在package.json中写上版本号,删除node_.
2021-07-09 16:35:58
993
转载 vue设置全局样式变量 vule-cli 2.x和vule-cli 3.x及以上
vue-cli2.0和vue-cli3.0及以上配置全局css变量 以前懒,没怎么管这个变量的问题,直到后来写后台管理系统,界面其实是比较简洁的,用vue+element 就可以搞定,但是常常遇到UI在迭代版本的时候更改主题色的问题,既然这样,那就还是要用起来这个全局变量。我个人对于这个功能的看法就是方便切换主题,哈哈哈。一、对于vule-cli 2.x,如下操作:1、npm i @babel/core -D2、npm i sass-resources-loader3、找到 buil
2020-12-08 09:38:53
774
2
原创 const char* p 和 char * const p 的区别
根据自己的理解总结一下~const char *p; // const作用在char上,声明一个指向字符或字符串常量的指针p,p可以修改而p所指向的内容无法修改。char const *p;// 同上char * const p;//const作用在p上,声明一个指向字符或字符串的指针常量,即p不可以修改p,也就是地址无法修改,而p指向的内容可以修改。...
2020-03-28 15:43:26
1446
原创 在mvpue中使用小程序的picker组件
<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}"> <view class="picker"> 当前选择:{{array[index]}} </view> </picker>要注意在mvpue中 bindchange...
2020-01-08 16:05:22
157
转载 Mpvue+koa开发微信小程序——腾讯云开发环境的搭建及部署实现真机测试
为什么写这篇文章?之前写过一篇文章:微信小程序开发错误:LoginError {type: “ERR_WX_GET_USER_INFO”}解决方法有的伙伴在这篇文章中评论为什么手机发不了请求,因此写这篇文章解释一下。之前文章介绍了如何部署过代码到腾讯云,也搭建过本地开发环境,当时我们的小程序前端请求的都是我们本地后端的接口,因此,真机无法获取用户信息等。因为真机的请求,没法转发到电脑上,想...
2019-12-30 14:16:00
282
原创 C++的内存分类
C++中,内存被分为五个区,即栈、堆、自由储存区、静态/全局储存区、常量储存区。1、栈:就是那些由编译器在需要的时候分配,在不需要的时候自动清除的变量的存储区。里面的变量通常是局部变量、函数参数等。2、 堆:就是那些由new分配的内存块,他们的释放编译器不去管,由我们的应用程序去控制,一般一个new就要对应一个delete。如果程序员没有释放掉,那么在程序结束后,操作系统会自动回收。3...
2019-04-05 20:14:31
1408
1
原创 C++ 单链表插入排序
class Solution {public: ListNode * insertionSortList(ListNode* head) { if (head == NULL) return head; ListNode* dummyHead = new ListNode(0);//先建立一个虚头结点 dummyH...
2019-04-02 10:52:36
1356
转载 C++ vector去重 交集 并集
原文: yongh701 https://blog.csdn.net/yongh701/article/details/51406458C++虽然对vector封装了大量的函数,比如判断元素是否在vector中find、去重的unique,还有在algorithm类中对两个vector求交集、并集的函数,但是,这些函数是不可以直接vector.XX来使用的,如同在《【C++】容器类》(点击打...
2018-12-22 19:10:08
6735
转载 Android仿QQ和iOS的ListView左滑出现删除和置顶等操作,可自定义菜单
一:介绍大家在项目中可能会有对ListView向左滑动的时候出现删除,置顶等等操作的需求,例如QQ聊天列表左滑,iOS中左滑删除等等,下面就介绍一下如何实现这种效果二:先给大家展示效果图,先睹为快三:实现步骤1.这种效果的ListView是自定义的控件,开源库的下载地址是进入github地址,大家新建工程后依赖,然后就可以使用这个自定义控件,依赖库在后面的demo中,后面会提供de...
2018-12-14 15:18:42
447
原创 Python爬虫 - 获取数据
这两天接触了一下python爬虫,根据网上的一些博客写了下面的代码来抓取美团网上的美食数据,记录一下。#from bs4 import BeautifulSoup #解析html或xml文件的库import urllib.requestimport csvimport reimport jsoncsv_file = open("rent.csv","w",encoding='...
2018-09-09 21:04:21
2094
1
原创 MySQL安装和配置
这两天在学习Nodejs,用到了Mongodb。因为之前有学习过MySQL的语法,所以觉得还是了解一下MySQL的使用还是比较好。这个安装和配置过程真的是有点难受- -。没参考别人的博客钱安装删除,再安装再删除弄了好多遍,真的是倦了。一下来总结一下安装和配置的流程。第一步:我们需要在MySQL下载中下载 Windows 版本的 MySQL 安装包,Linux的我就不会...
2018-08-08 21:51:46
406
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人