乐胖代购免代理版

数组中对象去重

数组中对象去重方法应用场景在某些场景下，我们需要将后端获取的一维数组，转化为二维数组的树形结构，才能方便我们使用；比

数组去重

一维数组

数据格式

二维数组

原创 2021-12-15 10:42:48 154 阅读

前端面试题-vue单页面优缺点

单页面应用（SPA）单页面应用（SPA），通俗一点说就是指只有一个主页面的应用，浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。但在写的时候，还是会分开写（页面片段），然后在交互的时候由路由程序动态载入，单页面的页面跳转，仅刷新局部资源。多应用于

加载

页面跳转

单页面应用

堆栈

前后端分离

转载 2021-08-27 12:56:18 187 阅读

基于Bootstrap的网页开发

基于Bootstrap的网页开发 Bootstrap是用于前端开发的工具包，提供了优雅的HTML和CSS规范，并基于jQuery开发了丰富的Web组件。Bootstrap是移动设备

Bootstrap

bootstrap

导航条

ide

jquery

原创 2021-08-27 12:56:02 410 阅读

HBuilder常用的快捷操作

HBuilder常用的快捷操作一、快捷操作①.新建项目： ctrl+N+W(web端) ctrl+N+A(移动端项目)②.新建文件：鼠标点击目标目录/项目目录， ctrl+n+h(新建html文件) ctrl+n+j(新建js文件) ctrl...

快捷操作

html

搜索

javascript

css

转载 2021-08-27 12:55:36 503 阅读

响应式网站设计（10）-兼容性处理

兼容性处理浏览器现在主流的浏览器大多自带调试工具，可以通过快捷键 F12 调出。Firefox除了自带的调试工具外，通常可以使用Firebug调试工具；Safari浏览器自带的调试工具中提供了响应式调试，其中对应多种苹果移动端设备；Opera浏览器自带的调试工具与谷歌类似，但是Opera浏览器开发者版的VPN功能

兼容性

调试

虚拟机

js库

官网

原创 2021-08-27 12:55:13 204 阅读

进度条制作-CSS动画

温馨提示代码参考[本人博客]：【https://blog.csdn.net/qq_41115965/article/detai·

loading

加载动画

html

css3

4s

原创 2021-08-27 12:54:59 782 阅读

小程序《旧岛》项目笔记（8）-项目预览、事件传递、behaviors

项目预览与事件传递项目预览小程序项目可以通过扫描二维码来进行预览，对于普通的项目该方法可行。但是对于，其中网络请求的API接口是http开头的的项目。我们需要打开 “不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书” 这一选项，并且预览的时候要打开手机端的调试。事件传递组件包含关系：Compontent3 > Compontent2 &g...

预览

事件传递

生命周期

数据

编程语言

原创 2021-08-27 12:54:37 76 阅读

小程序《旧岛》项目笔记（9）-组件间的控制及当前期刊是否最新期刊的判断

组件控制

ide

ico

自定义事件

xml

原创 2021-08-27 12:54:35 102 阅读

小程序《旧岛》项目笔记（10）-代码的抽离与封装

代码的抽离与封装代码的抽离有的时候，对于一个功能的实现，仅仅就是一行代码而已，那么我们为什么还要抽离成一个函数呢？原因很简单，通过抽离成函数，代码的可读性更强，函数名就是最好的注释。比如： // 判断是否为第一期的期刊 isFirst(index) { return index == 1 ? true : false; } // 判断是否为最...

抽离

封装

缓存

简洁性

代码段

原创 2021-08-27 12:54:33 69 阅读

小程序《旧岛》项目笔记（12）-使用缓存的优点

使用缓存的优点为什么使用缓存？在一个项目中，是否使用缓存，关系着代码的复杂程度，都是也关系着项目的加载速度。使用缓存，我们可以大大减少向服务器发起请求的次数，大大减低服务器端的压力。在哪里使用缓存？谈及缓存，我们不可避免的要涉及网络请求。在项目中，获取数据的地方有2种：API 与缓存。其先后顺序如下：首先在缓存中进行查找数据，如果找不到，这发起网络请求，随后在写入到缓存中...

缓存

网络请求

API

数据

服务器

原创 2021-08-27 12:54:31 80 阅读

小程序《旧岛》项目笔记（11）-事件禁用的方法与使用Storage保存最新期刊号

事件禁用的方法与使用Storage保存最新期刊号事件禁用的方法在项目中，以下按钮之类的标签，有的时候我们需要禁用他们的方法。常见的思路有2种：（1）标签依然绑定事件，但是我们在页面中忽略这个事件。（2）在组件的内部，禁用这个事件，绑定的事件不触发。（推荐）onLeft: function() { if(!this.properties.latest...

事件禁用

缓存

数据更新

绑定事件

IT

原创 2021-08-27 12:54:29 85 阅读

小程序《旧岛》项目笔记（13）-组件的显隐hidden与文件的引入

组件的显隐hidden与文件的引入wx:if vs hidden因为 wx:if 之中的模板也可能包含数据绑定，所以当 wx:if 的条件值切换时，框架有一个局部渲染的过程，因为它会确保条件块在切换时销毁或重新渲染。同时 wx:if 也是惰性的，如果在初始渲染条件为 false，框架什么也不做，在条件第一次变成真的时候才开始局部渲染。相比之下，hidden 就简单的多，组件始终会被渲...

hidden

文件引入

相对路径

类文件

封装

原创 2021-08-27 12:54:27 64 阅读

三栏布局

题目：假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为300px，中间自适应。答题的时候，我们应该做以下分析：1、题干的要求真的是字面那么简单吗？2、答案应该怎么写？技巧在哪里？3、为了展示自己的能力，应该写几种方法？具体代码：<!DOCTYPE html><html lang="en"><head> <meta c...

绝对定位

表格布局

文档流

html

网格布局

原创 2021-08-27 12:54:25 84 阅读

vue项目笔记（23）-动态路由传值及iconfont更新使用

动态路由与路由传值router-link相关知识vue中可以使用<router-link></router-link>实现路由跳转，vue中<router-link></router-link>将来会被渲染成a标签，且有默认样式。<router-link></router-link>带有tag属性，可以设置将来渲染...

动态路由

ico

css

a标签

官网

原创 2021-08-27 12:54:24 185 阅读

WEB开发流程与角色之间的沟通合作

WEB开发流程开发前A、产品功能设计具体工作：设计网页原型负责人：产品经理输出：需求文档B、视觉/交互设计具体工作：视觉→指最终效果交互→指操作流程负责人：（交互工程师/视觉工程师（美术/美工））输出：交互设计稿开发中A、技术规划具体工作：产品需求是否合理、产品代码是否可以复用、复杂项目是否可以拆分负责人：技术经理B、前端开发 ...

开发流程

开发角色

交互设计

复用

js开发

原创 2021-08-27 12:54:23 410 阅读

布局“负数”的妙用——少年自负凌云笔（未完待续）

布局中巧妙运用"负数"简介在我们日常的网页布局中，我们鲜少使用负 margin 与 padding ，殊不知，我们可以利用它们解决很多布局的问题，达到极好的视觉体验。负值的应用场景标签的水平垂直居中去除列表的右边距去除列表末尾元素的border-bottom自适应布局三栏等高google reader自适

负margin布局

水平垂直居中

css

html

f5

原创 2021-08-27 12:54:11 131 阅读

vue项目笔记（13）-vue-devtools安装与使用

vue-devtools安装与使用vue-devtools安装1、下载插件压缩包，网址：https://github.com/vuejs/vue-devtools，如图：2、解压缩，用Webstorm/VScode打开，并运行以下命令：npm installnpm run build3、打开项目文件夹，找到shells>chrome文件夹下的mainifest.j...

chrome

解压缩

压缩包

谷歌浏览器

开发者模式

原创 2021-08-27 12:54:03 281 阅读

vue项目笔记（29）-组件显示的动画

组件显示的动画vue项目中，为优化用户体验，我们通常在组件显示的时候，我们加上动画效果。除了直接用transition标签作为组件的跟标签外，我们还可以把动画效果抽离成组件，方便复用。FadeAnimation.vue<template> <transition> <slot></slot> </transitio...

transition

动画效果

复用

原创 2021-08-27 12:53:38 181 阅读

前台与后台交互的那些事儿

前端和后端的那些事 1、前端请求数据URL由谁来写在开发中，URL主要是由后台来写好给前端。若后台在查询数据，需要借助查询条件才能查询到前端需要的数据时，这时后台会要求前端提供相关的查询参数（即URL请求的参数）。2、接口文档主要由谁来写接口文档主要由后台设计和修改。后台直接跟数据打交道，最清楚数据库里有什么数据，能...

前后台交互

数据

接口文档

服务器

json

转载 2021-08-27 12:53:34 775 阅读

小程序《旧岛》项目笔记（7）-组件的生命周期与内存泄漏

组件的生命周期与内存泄漏组件的生命周期created => 组件生命周期函数，在组件实例进入页面节点树时执行，注意此时不能调用 setDataattached => 组件生命周期函数，在组件实例进入页面节点树时执行ready => 组件生命周期函数，在组件布局完成后执行，此时可以获取节点信息（使用 SelectorQuery ）moved =&g...

生命周期

内存泄漏

ide

数据

属性列表

原创 2021-08-27 12:53:23 100 阅读

小程序《旧岛》项目笔记（6）-自定义事件的激活&监听与点赞&取消点赞

自定义事件的激活与监听自定义事件激活自定义组件触发事件时，需要使用 triggerEvent 方法，指定事件名、detail对象和事件选项。其中，like 表示自定的事件， behavior: status 表示 detail 对象，事件选项的属性不可以开发者自己定义，有bubbles、composed、capturePhase // 激活 let...

自定义事件触发与监听

取消点赞

自定义事件

自定义

原创 2021-08-27 12:53:09 78 阅读

商城导航栏代码

商城导航栏代码（参考慕课网视频）是电商网站中常用的代码，现分享如下：HTML代码：<!DO·

导航栏

3c

css

html

动漫

转载 2021-08-27 12:53:01 502 阅读

iView基础学习（2）-基础路由

iView基础学习-基础路由一、基础知识梳理（1）router-link和router-view组件（2）路由配置A、动态路由（组件复用）B、嵌套路由（嵌套组件）C、命名路由（name路由跳转）D、命名视图（根据name显示对应的组件）（3）JS路由操作（4）重定向与别名二、router-link和router-view组件 <div id="...

vue-cli3.0

路由配置

嵌套

重定向

复用

原创 2021-08-27 12:52:46 281 阅读

vue-axios的使用及其get与post网络请求

一、vue-axios学习网址网址1： https://github.com/imcvampire/vue-axios网址2： https://www.npmjs.com/packge/axios二、vue中get与post请求vue高版本中，推荐使用axios进行网络请求，而不再使用vue-resource。在vue04项目中，在终端运行 npm install --sa...

网络请求

ios

get请求

post请求

json

原创 2021-08-27 12:52:35 299 阅读

vue项目笔记（14）-axios实现数据（模拟数据）请求

axios实现数据（模拟数据）请求1、在终端运行以下命令，安装axiosnpm install axios --save2、进行需求分析，在本例中首页Home组件中有Header、Swiper、Icons、Recommend、Weekend等5个子组件需要进行数据绑定。换言之，我们需要发起5次ajax请求，但是频繁发起ajax请求，网站的性能必定是很低的。所以，我们需要尽量减少网络请...

模拟数据

ajax请求

axios

ios

json

原创 2021-08-27 12:52:31 188 阅读

vue项目笔记（15）-父子组件传值

父子组件传值在上节中，我们已经请求到数据，现在来实现数据的传递（父→子），我们结合代码，以Recommend组件为例：1、首先，在data中声明数组recommendList，将请求到的数组，赋值给recommendList。<script> import axios from "axios" import HomeHeader from "./componen...

传值

ico

perl

ios

数据

原创 2021-08-27 12:52:29 178 阅读

vue报错解决-

问题描述：在使用vue的时候，我们因为改变了页面的DOM结构，可能会遇见这样的告警信息，并且页面会被卡主，需要刷新才可以解决；但是，在实际项目中，这样的情况肯定是不允许出现的。错误告警如下："NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before……问题分析： ...

vue指令

v-if与v-show

DOM

javascript

问题分析

原创 2021-08-27 12:52:27 890 阅读

vue项目笔记（16）-vue滚动插件better-scroll的使用

vue滚动插件better-scroll的使用在移动端或APP中，我们经常遇到页面中的部分元素需要滚动的情况，这个时候我们就可能需要使用vue插件better-scroll，该插件的使用步骤如下：1、安装better-scrollnpm install better-scroll --save2、打开网址：https://github.com/ustbhuangyi/better...

better-scroll

移动端

html

js代码

github

原创 2021-08-27 12:52:27 472 阅读

vue项目笔记（17）-兄弟组件之间的联动

兄弟组件之间的联动在本节中，我们将要实现点击右侧的Alphabet，左侧List组件可以移动到指定的位置，实现兄弟组件之间的通信，我们可以借助它们公共的父组件实现转发。具体步骤如下：1、步骤一：兄弟组件1发送change，并传入参数e.target.innerText，而后需要在父组件City中监听该事件；// Alphabet组件<template> <ul...

兄弟组件通信

数组

触摸事件

水平垂直居中

元素节点

原创 2021-08-27 12:52:25 460 阅读

vue项目笔记（18）-搜索组件逻辑处理及代码优化

搜索组件逻辑处理及代码优化在我遇到的项目中，对于对于搜索组件，部分是后台直接写好的接口，直接调用既可以完成搜索；另一种就是由前端完成搜索逻辑处理，如下：1、首先，对输入框进行双向绑定（v-model=‘keyword’）；代码如下：<template> <div> <div class="search"> <inp...

搜索组件

代码优化

搜索

数据

html

原创 2021-08-27 12:52:23 476 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx612861d898dc8的博客

数组中对象去重

前端面试题-vue单页面优缺点

基于Bootstrap的网页开发

HBuilder常用的快捷操作

响应式网站设计（10）-兼容性处理

进度条制作-CSS动画

小程序《旧岛》项目笔记（8）-项目预览、事件传递、behaviors

小程序《旧岛》项目笔记（9）-组件间的控制及当前期刊是否最新期刊的判断

小程序《旧岛》项目笔记（10）-代码的抽离与封装

小程序《旧岛》项目笔记（12）-使用缓存的优点

小程序《旧岛》项目笔记（11）-事件禁用的方法与使用Storage保存最新期刊号

小程序《旧岛》项目笔记（13）-组件的显隐hidden与文件的引入

三栏布局

vue项目笔记（23）-动态路由传值及iconfont更新使用

WEB开发流程与角色之间的沟通合作

布局“负数”的妙用——少年自负凌云笔（未完待续）

vue项目笔记（13）-vue-devtools安装与使用

vue项目笔记（29）-组件显示的动画

前台与后台交互的那些事儿

小程序《旧岛》项目笔记（7）-组件的生命周期与内存泄漏

小程序《旧岛》项目笔记（6）-自定义事件的激活&监听与点赞&取消点赞

商城导航栏代码

iView基础学习（2）-基础路由

vue-axios的使用及其get与post网络请求

vue项目笔记（14）-axios实现数据（模拟数据）请求

vue项目笔记（15）-父子组件传值

vue报错解决-

vue项目笔记（16）-vue滚动插件better-scroll的使用

vue项目笔记（17）-兄弟组件之间的联动

vue项目笔记（18）-搜索组件逻辑处理及代码优化

欢迎