hhhqzh-CSDN博客

原创【开源】博博客小程序，欢迎交流

很久之前就想做一个自己的博客（虽然没咋写过），考虑了很久决定以小程序的形式进行实现，目前已经完成了基础的功能。我的博客在这个页面可以浏览到用户所发布的全部博客，头部是用户所创建的博客分类，可以按照分类查看博客。进入博客详情页可以看到该博客的详细信息。博客的内容是使用了uni-app的插件gaoyia-parse来实现html文本渲染的。文章下面显示了该文章的点赞和评论。...

2021-08-12 20:59:59 313

最近看到一篇好文章，讲了关于如何用 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

weixin_41018377的博客