koaxios的博客_用户体验

CSS书写3D翻转菜单

昨天晚上，又接到一项任务——为网页加点动态效果。我对着前端页面思考了好久，终于，在某一刻，我发现了在顶部导航栏里的几个“导航链接”！决定对它们下手。因为有a链接的存在，所以融合了昨天所说的“鼠标移入下划线动画特效”（不会的点击下面链接） https://blog.csdn.net/qq_43624878/article/details/102714774我觉得有必要说下一些基本知识点：后面写的

ci

二级菜单

css

原创 2023-09-27 08:25:36 137 阅读

Promise与Action的“爱恨情仇”

都知道Vue中，或者准确地说是vuex中，action是异步函数（表现为actions中的函数），但我们怎么知道他们已经完成了呢？用过vuex的我们可能一时间想到了【观察计算属性的改变】的方法，但这不够理想。其实我们有更好的办法：在action中返回一个promise对象！另外，调用dispatch也会返回一个promise对象。运用它就可以在action运行结束时去运行其他代码 —— 比如：

Vue

json

原创 2023-09-25 12:58:49 126 阅读

非父子组件通信，我的vue

一道面试题最近在看《JavaScript设计模式与开发实践》中的【发布订阅模式和观察者模式】。我不禁想起了上半年面试的时候一个面试官问我的问题：“你在实际项目中是如何处理非父子组件通信的？” 我回答的是：“大型项目的话一般都会用vuex，在一些小场景里会用EventEmitter”。没想到面试官接着来了一句：“那你能手写代码实现一个简单的EventEmitter吗？”手写WventEmitte

回调函数

发布订阅

Vue

原创 2023-09-24 14:33:27 102 阅读

微信小程序开发手册（一）

微信小程序中的this.setData()以前竟然都没注意这个：我们可能经常性的写出这样的data：data: { listt:[ { text: "本周阻止辅导员职业技能大赛生情熟知和谈心谈话比赛", date: "2020.03.03-2020.03.20", mxc_gou:'' }, {

数组

微信小程序

字符串

原创 2023-09-23 19:50:12 129 阅读

css伪元素的应用（超实用的图标库）

知识储备伪元素：伪元素是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式。伪元素主要有：::first-letter 第一个字母的样式::first-line 首行文字的样式::before 元素头部添加的修饰::after 元素尾部添加的修饰::placeholder input的占位符样式::selection 被选中元素的样式其实吧，我觉得伪元素可以解释为元素的修饰，可以为

伪元素

css

选择器

原创 2023-09-22 10:50:45 117 阅读

详解c/c++字符串操作

无重复元素的最长子串探讨LC上第3题 Longest Substring Without Repeating Characters。，对字符串下手。。。先说，一定要将字符串与字符数组区分开，区分开，区分开（重要的事情说三遍）题目：给定一个字符串，请你找出其中不含有重复字符的最长子串的长度。如：输入：“abcabcbb”,输出：“3”（abc）；输入：“pwwkew”，输出：“3”（kew

字符串

bc

数组

原创 2023-09-21 20:42:53 254 阅读

算法的华丽应用：小球掉落问题

递归？题目描述：一球从100米高度自由落下，每次落地后反跳回原高度的一半；再落下，求它在第10次落地时，共经过多少米？第10次反弹多高？这道题可以应用递归调用函数自身，每一次调用都更改一次“坐标”public class Main { private double TotalHeight = 100; //定义初始落下高度，先说：此变量为计算总路径长度的 private doubl

java

System

递归

原创 2023-09-20 13:22:46 128 阅读

直接插入排序算法及其改进

插入排序，分为直接插排，和二分插排直接插入排序大体思路：选取<数组>，将其余数依次按顺序往里放。（C语言实现）#include <stdio.h> void insertSort(int *a); int main() { int a[6] = { 5,2,4,6,1,3 }; //这里也可以改成自定义数组 insertSort(a); int

数组

二分插入排序

赋值

原创 2023-09-19 21:36:05 188 阅读

jQuery与Ajax：“特别的”load()方法（筛选文档、传递方法、回调函数）

“大名鼎鼎的”jQuery因为其极简的引用方式而在N年前备受追捧，而今“浪潮”过去，还剩下什么？我认识jQuery，只是在去年接触ajax时了解，从而感兴趣，进而深入探究（其实也没多深入，只是相关的看了一下）。不得不说，jQuery对ajax支持的四个type：post（一般用于发送）、get（一般常用于接收）、put（修改）、delete（删除）令我非常震撼，太**实用了。这其中，post

html

jQuery

ajax

原创 2023-09-17 22:34:47 117 阅读

从小程序指南针功能中看modal组件

看到个很有意思的功能：modal，想给大家分享下。modal组件，“游说”于wxml文件中，其中必有一个属性用来控制显示与否。它作为一个被调用后出现的功能面板，对，就是功能面板。区别于小程序中常见的 showToast 和独立页面，常常可以用来写比如：摇一摇、指南针、旋转球这类“ 灵活多动 ”的功能！比如，我的个人小程序的“设置”页面就有指南针的功能：<modal title

ide

数据绑定

提示窗口

原创 2023-09-14 08:36:02 172 阅读

众多网页游戏的“宠儿”：JavaScript中的中介者模式

众所周知，在程序中，程序是由大大小小的单一对象组成的。所有这些对象都按照某种关系和规则来通信 —— 引用。这导致了一些问题：当程序越来越大，对象越来越多，他们之间的关系也越来越复杂。有时甚至就会形成交叉的网状结构。这样一来，当我们改变或删除其中一个对象时，有可能需要通知所有引用到它的对象...【中介者模式】的作用就是解除对象之间的紧耦合关系。增加一个中介者对象后，所有的相关对象都通过中介者对象来

中介者

中介者模式

发送消息

原创 2023-09-12 08:22:34 88 阅读

git&webpack常用命令和配置解读

git —— 最常用的代码版本管理工具git的服务端常见的有【GitHub】、【coding.net】、【码云】等。Linux下安装gitsudo yum -y install zlib-devel openssl-devel cpio expat-devel gettext-devel curl-devel perl-ExtUtils-CBuilder perl-ExtUtils-MakeMak

git

css

服务端

原创 2023-09-11 08:28:09 104 阅读

原生JavaScript框架设计（一）：整合JS函数

本篇为回顾js时总结，诣在整理JS中常用知识点，剖析其规律。模仿jQuery，简单一些，特定功能，像apply函数、getElementXXX函数等浏览器函数都没有实现，直接套用。创建 common.js ：//自定义实现push函数 var myPush=function(target,els){ var j=target.length, i=0; while((target[j++]

html

自定义

数组

原创 2023-09-10 12:48:23 110 阅读

vue项目实战之图片画廊组件的实现

前言笔者曾经写过不少或原生的、或封装的第三方插件的组件，总结来说，并不是所有东西都用原生，自定义的才是好的。很多插件做的也是不错的。就比如笔者今天所用的这个插件：vue-awesome-swiper ——这个还是很强的【轮播图】/【滚动】插件。非常的好用、方便。需要详细了解的可以去GitHub上搜索。我们先来看下在项目中的实现效果：（将此组件引用到项目中即可）->在项目中引入：控制台：cn

css

ide

数据

原创 2023-09-09 09:20:33 463 阅读

前端轶事：奇妙的个性化瀑布流布局

很多时候项目中图片的排布都是**以div定宽高包裹，img设置100%**实现。这样在只有少量图片的网站上有奇效——样式简单、布局便捷。以前一直为发现了这一方法而“沾沾自喜”，但近来浏览了【百度图片】网页。。。莫名的就想到了【瀑布流布局】开篇何为瀑布流布局形似瀑布排列，通常来说高度不固定而宽度固定（以达到页面resize排列改变的效果），下一排图片紧接着上一排放，如下：要达到这种效果，首先

Web

项目实战

数组

原创 2023-09-08 08:48:37 124 阅读

善用java中的随机数

Math.random() 方法：产生0~1间的一个double随机值。（可直接用）还可以让random作为时间种子：在java.util.Random类下，有：Random r=new Random(); r.nextInt(100); //生成0~99之间的随机整数还有，System类里有一个currentTimeMills()方法，返回一个从1970年1月1日0点0分0秒到目前的一个

java

System

随机数

原创 2023-09-07 11:22:35 91 阅读

聊聊前端面试经常出现的点

1、css选择器优先级关系 !important > 内联样式 > ID选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器 > 通配符选择器!important是顶级选择器，不管写在哪甚至都可以无视JavaScript的样式设置！2、css浏览器兼容性问题的解决方法浏览器CSS样式初始化（比如：*{margin: 0;padding

数据

响应式

选择器

原创 2023-09-06 17:24:11 72 阅读

vue项目实录：下拉刷新组件的开发

ci

ico

下拉刷新

原创 2023-09-05 22:28:22 304 阅读

来玩，前端性能优化（+面试必问：宏任务和微任务）

加载

缓存

预加载

原创精选 2023-09-02 14:11:14 494 阅读

用户体验与响应式字体二三事｜rem单位与flexible.js、rpx单位与css媒体查询

在视觉和前端眼中，需要着重考虑的只有一点

javascript

css

ux

媒体查询

flexible

原创 2022-10-30 08:03:51 127 阅读

用户体验新尝试&思考｜让“跳转”加速

当然，对后半部分来说，本文举的例子其实并不那么恰当。

ux

javascript

html

缓存

Intersection

原创 2022-09-25 00:19:35 105 阅读

聊聊“前端引导操作”（慎用fixed、relative、absolute组合技）

对这个“引导页”，我第一时间也是迷茫的，有些按钮询问了产品才页面滚动 —— 页面操作是有延迟的！

javascript

css

svg

position

throttle

原创 2022-09-24 23:55:33 154 阅读

浅谈前端骨架屏方案

在图片与前端体验优化中，最重要的莫过于「骨架屏」了，因为它和“首屏体验”息息相关。

css

javascript

node.js

puppeteer

html

原创 2022-09-11 00:04:53 451 阅读

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

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

51CTO博客

wx60e5196c72f22的博客

CSS书写3D翻转菜单

Promise与Action的“爱恨情仇”

非父子组件通信，我的vue

微信小程序开发手册（一）

css伪元素的应用（超实用的图标库）

详解c/c++字符串操作

算法的华丽应用：小球掉落问题

直接插入排序算法及其改进

jQuery与Ajax：“特别的”load()方法（筛选文档、传递方法、回调函数）

从小程序指南针功能中看modal组件

众多网页游戏的“宠儿”：JavaScript中的中介者模式

git&webpack常用命令和配置解读

原生JavaScript框架设计（一）：整合JS函数

vue项目实战之图片画廊组件的实现

前端轶事：奇妙的个性化瀑布流布局

善用java中的随机数

聊聊前端面试经常出现的点

vue项目实录：下拉刷新组件的开发

来玩，前端性能优化（+面试必问：宏任务和微任务）

用户体验与响应式字体二三事｜rem单位与flexible.js、rpx单位与css媒体查询

用户体验新尝试&思考｜让“跳转”加速

聊聊“前端引导操作”（慎用fixed、relative、absolute组合技）

浅谈前端骨架屏方案

欢迎