自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(266)
  • 收藏
  • 关注

原创 《选中圆角样式之微信小程序》

背景公司使用微信小程序来开发公司的一个产品,有幸参与到其中。在最近的一次迭代中,体验优化有这样一个点,现在总结下,属于打技术的地基:技术方案方案一:切图可以将整体选中的样式作为背景图存在,不过这需要UI去切图,然后当做背景来设计。本身在做的时候,让UI进行切图,最终实现的效果不是很理想方案二:使用伪类一、wxml - 核心代码<template> <view wx:for="{{categorys}}" wx:key="categoryCityI

2021-04-28 21:10:07 770

原创 《理解JS: 事件循环机制》

从面试题了解事件循环机制:第一道://请写出输出内容async function async1() { console.log('async1 start'); await async2(); console.log('async1 end');}async function async2() { console.log('async2');}con...

2020-03-09 21:14:05 527 2

原创 卡片随内容自适应且同行同高

ToC业务中,卡片是必不可少的,那在有限的空间内,要求内容显示完全,且布局不混乱也是一种普遍的要求,今天小编就来聊一聊面对这样的要求之下的最佳实践。

2025-04-02 15:04:13 260

原创 Vue3 特点

虽然 Vue 3 的自动解析机制在大多数情况下可以正常工作,但在某些复杂场景下,显式注册组件仍然是推荐的做法。虽然 Vue 3 不再强制要求根节点,但在某些情况下,你可能仍然需要使用一个包裹元素。:如果你需要在组件级别添加事件监听器(如点击事件),使用一个包裹元素会更合适。:显式注册组件可以提高代码的可读性和可维护性,特别是对于大型项目。:如果你需要对整个组件应用统一的样式,使用一个包裹元素会更方便。:如果多个组件的名称相同,自动解析机制可能会导致混淆。:如果你需要动态加载组件,显式注册会更加清晰和可控。

2025-02-10 15:20:59 399

原创 Swipe横滑与SwipeItem自定义横滑相互影响

vue项目,H5页面,使用vant的组件库轮播组件<Swipe>,UI交互要求,在每个SwipeItem中有内容,可自横滑,查看列表内容。

2025-02-07 20:48:43 403

原创 Angular-hello world

ngnew ProjectName //ProjectName为你的项目名,用此命令建立基本文件,然后强制终止。PS:默认下载到G:\Angular2研究\angular-cli-login\src\app。angular组建app.components相关的css,html,ts。angular-cli.json是angular-cli的配置文件,typescript配置文件ts.config.json;typescript的声明文件typings.d.ts。测试配置文件karma.conf.js。

2025-02-06 20:02:43 453 1

原创 《集群、权重、时间戳回眸一识》

§§集群系统的构建目前是模块化的,从硬件角度来讲,节点机系统、通讯系统、存储系统等;站在软件的角度来说,操作系统、集群操作系统(COS)、并行环境、编译环境、用户应用软件。通过演讲者王浩田在讲述的过程中,我发现有几个名词是之前听过但并未了解的新鲜事物,特写此篇来浅析集群、权重、时间戳三者。通过时间接收设备(如GPS,CDMA,北斗卫星)来获取时间到时间戳服务器上,并通过时间戳服务器签发时间戳证书。一组相互独立的、通过高速的网络互联的计算机,都成一个组且以单一系统的模式加以管理。作用:提高性能和可扩展性;

2025-02-06 20:00:37 221

原创 《VB.net之沉淀》

具体的详细内容了解的不是很透彻,但是对于其中的例外管理和除错引擎还是有一定想法的,例外管理是平常所说的错误处理的管理或者说异常的管理,简单理解为错误处理标准化,而除错引擎可以帮你明确错误点,类似一个引导,比如VB当中的MSDN;针对BCL还需要做进一步的学习,尽管在整个项目的学习过程中,渗透着基底类别或者说基底类别库的说法,总是不太理解其中的内涵,知识需要反复。上图是第一集的主要议题,整个过程学习下来,感触最深的是关于.NET Framework重要的两个组成部分:CLR与BCL。组件安装到GAC的操作;

2025-02-06 19:55:18 478 1

原创 《vb.net视频之沉淀》



2025-02-06 19:54:43 799 1

原创 《C#之集训1-20121019c#基础》

C#曾经的它在我眼中是很高大上的,一直没有目睹其风采,现在终于揭开了它神秘的面纱,在未接触之前,感觉它给人一种高冷的感觉,很难靠近,然而一旦相处,我发现其实它很和蔼可亲。C#是微软公司发布的一种面向对象的、运行于.NET Framework之上的高级程序设计语言。项目名称会变灰,这样可以使得运行速度加快,因为当卸载项目后,程序便不会将此项目的代码遍历一遍。工具-选项-环境-字体和颜色(选择字体为Consolas,便于区分0与o,l与1等)1.c/s:客户机(Client)/服务器模式(Server)

2025-02-06 19:53:00 355 1

原创 《犯错值得表扬》

教育培养的是人才,给予每一个孩子的是一种能力,这种能力关乎思维、品行、素养等,而不是一成不变的答案,自然也不是“纸上谈兵”,而是“纸上得来终觉浅,绝知此事要躬行”的思想意识和执行能力。应试教育下的我们一直重视正确答案,想方设法去探寻正确的答案,这种探寻让我们的好奇心消耗殆尽,让我们的创新力“隐姓埋名”,让我们的创造力“隐退山林”,从而我们就只记住了教学是一个通过死记硬背来转移信息的过程,答案是唯一的,犯错是不允许的,我们每走一步都是小心翼翼的,都是三思而后行的,因为犯错是丢人的、可耻的、不光彩的。

2025-02-06 19:52:25 317

原创 《工业4.0时代?!》

在此之前,我们经历了:工业1.0的蒸汽时代、工业2.0的电气化时代、工业3.0的自动化时代。学习不仅仅发生在学校、教室、课堂,而是随机的、各种碎片化的时间都可以找到最好的老师,获取最宝贵的资源。未来的时代将是一个重新定义教育、重新定义学校的时代。在未来,我们必将告别传统教育的单一化、工具化、标准化,而响应多样性、体验性、深度探究的个性化学习需求。工业4.0时代,一个富有时代色彩的词语,一个以互联网为核心的时代,一个我们即将面临的“新常态”。在未来,人不再是机器,是“人”的时代,是无可替代的、独立的个体。

2025-02-06 19:51:10 290

原创 《c#之全局观》

不谋全局者,不足以谋一域;不谋万世者,不足以某一时。

2025-02-06 19:48:50 213 1

原创 《数据库系统原理之ER模型》

前言:实践是检验真理的唯一标准,经历了第二次自考的实践,收获满满,现在就总结点滴,颗粒归仓。数据库系统原理的主要内容为:数据库系统原理主要介绍数据库系统的基本内容,使得读者对数据库概貌有个基本的了解。书中自有颜如玉,我认为ER模型乃此书的颜如玉,再次邀请大家共同鉴赏。【what】ER模型即为实体联系模型,顾名思义E的全称为Entity,R为Relationship,将两者联

2025-02-06 19:48:03 252

原创 《Angular之image loading 404》

宝剑锋从磨砺出,梅花香自苦寒来。

2025-02-06 19:46:57 352

原创 Flutter初相识

问题原因:跟Flutter的版本有关,此时并未引入Material 3特性,无法使用,想要使用,需升级Flutter,同时Flutter3.16之后,已默认设置useMaterial3为true,也并不需要显示设置。问题2:The method 'fromSeed' isn't defined for the type 'ColorScheme'.是创建基于Material 3颜色系统的颜色方案的首选方式,因为Flutter版本低,继而无法使用。问题原因:跟问题1出现的原因本质是相同的,

2025-02-06 19:44:15 401

原创 《翻转组件库之发布》

继之后,组件库已经可以正常构建,那如何像elementUI等组件库那样,用npm安装,按照既定的用法使用即可呢?本篇便为你揭晓。

2025-02-06 19:43:48 229

原创 经典场景之Charles代理

在网络开发与测试的过程中,我们常常需要一款强大的工具来帮助我们分析和调试网络请求。Charles 作为一款功能强大的网络代理工具,凭借其出色的抓包、调试等功能,在众多场景中发挥着关键作用。今天,小编就来编写 Charles 代理的几个经典场景以及相应的解决方案。

2025-01-16 14:47:38 599

原创 pubspec.yaml

pubspec.yaml是Dart和Flutter项目的核心配置文件,用于定义项目的元数据、依赖关系,环境配置等关键信息。

2024-11-23 17:23:46 315

原创 Andriod Studio 开发技巧

代码展开/收起:command + shift + (-+)全局代碼搜索:command + shift + F文件搜索:command + shift + o清理和重新获取依赖: flutter clean (清理)flutter pub get(依赖)

2024-11-14 20:26:34 211

原创 VS Code 使用技巧

Command + K Command + 0 (零) 折叠全部代码块。Command + K Command + J 展开全部代码块。

2024-11-14 19:42:20 444

原创 vue学习

指令会被转换成相应的JavaScript代码,这些代码会在Vue实例的渲染函数中执行。如果条件为真,相应的元素会被创建并添加到虚拟DOM树中;如果条件为假,元素不会被添加到虚拟DOM树中。【vue2.x的推出,vue社区中推荐v-on的标准写法用@符号,可读性和开发体验更好】指令是一个条件渲染指令,它根据表达式的真值来决定是否渲染元素。时,Vue.js 会根据条件的真假来编译相应的DOM。【通常v-if和v-show一起对比看】【在Vue 3中,待看】在Vue的编译过程中,

2024-08-23 10:47:41 369 3

原创 考试题型宏观分析之公共营养师三级

第一遍知识学习之后,打印《2023.10.14公共营养师三级真题》进行第一次摸底,首要目标在于通过摸底,对于考试题型进行宏观分析和了解,其次,对于后续的学习进行有的放矢。若想取得《公共营养师》三级证书,上述两部分考试分值需在>=60分,继而革命尚未成功,仍需努力。

2024-08-18 23:04:02 311

原创 Object.hasOwn is not a function

web技术兼容性

2024-04-18 22:42:00 2475

原创 Rollup-plugin-bundle-analyzer VS Rollup-plugin-visualizer

总的来说,Rollup-plugin-bundle-analyzer和Rollup-plugin-visualizer都是用于分析和可视化Rollup打包后文件的插件,但Rollup-plugin-visualizer提供了更多的可视化选项和观察模式,而Rollup-plugin-bundle-analyzer则更注重分析包中各个模块的占比。Rollup-plugin-bundle-analyzer是一个用于分析Rollup包中各个模块占比的插件。分析和可视化Rollup打包后的文件的插件。

2024-01-09 21:01:11 827

原创 h5如何使用navigateBack回退到微信小程序页面并携带参数

在h5中使用navigateBack回退到微信小程序页面很常见,但是有一种交互需要在回退之后的页面可以得到通知,拿到标识之后,进行某些操作,这样的话,由于微信官方并没有直接提供这样的api,就需要我们开动脑筋曲线救国一下:navigateBack + postMessage。

2023-11-23 12:20:09 2316

原创 代码规范之-理解ESLint、Prettier、EditorConfig

1、在代码格式化时采用Perttier规则,在代码校验时使用ESLint2、遇到项目内有多个层叠配置时,采用就近原则作为高优先级3、ESLint等解决的是团队开发规范的问题,并不能解决其他诸如编码能力、代码合理性等问题, 还属于工程化中比较弱的一环。EditorConfig 是用来抹平编辑器差异的,比如文件编码,锁进格式等ESLint 关注于代码质量校验 和 代码格式校验,配合插件支持autoFix和错误提示,完全可插拔。

2023-11-22 20:19:54 814

原创 Git玩转技巧

工作中,总结git的使用技巧

2023-11-22 19:48:20 235

原创 真机和开发者工具如何模拟虚拟定位

1、打开微信开发者工具2、打开调试器3、切换到Sensor4、勾选Enable6、重新编译,便是第5步填写的经纬度对应的定位。

2023-08-24 12:45:20 12729

原创 如何在测试和预发环境下调试支付宝&微信小程序的h5

2、点击四个小正方形的小图标,再点击web-view,就会出现调试页面。1、打测试包:npm run build:ali-test。2、点击蜘蛛形状的小图标,就会出现调试页面。2、使用支付宝开发者工具打开。1、使用开发者工具打开。2、git项目工程下载。1、使用开发者工具打开。4、单击预览扫码即可。

2023-08-24 12:37:43 1859

原创 《H5指点迷津》

1、业务与定位相关,注意小程序的定位、手机系统的定位。2、设置大字体,保持样式不变。

2023-08-24 12:34:20 85

原创 输入之学习力

学习要持续精进,每一遍有不同的侧重点,先分而治之,再归纳统一。

2023-07-30 10:33:17 177

原创 前端如何实现面向对象

前端如何实现面向对象:构造函数和原型链:使用构造函数创建对象,并通过原型链来共享方法和属性。可以使用new关键字实例化对象,并使用this关键字在构造函数中定义属性和方法。然后,通过将方法和属性添加到构造函数的原型上,可以实现方法和属性的共享。类和继承:使用ES6引入的类和继承语法来实现面向对象编程。可以使用class关键字定义类,并使用extends关键字实现继承。类中可以定义属性和方法,并使用方法初始化对象。原型对象:使用原型对象创建对象,并通过原型链来共享方法和属性。可以使用。

2023-07-09 23:51:55 444

原创 文本溢出显示省略号之css

积少成多,聚沙成塔,不断汲取经验,增长自身。

2022-09-16 18:12:03 284 1

原创 flex弹性布局中justify-content:space-between 不起作用

flex弹性布局中justify-content:space-between 不起作用

2022-09-16 17:53:24 746 1

原创 父元素的透明度影响子元素之opacity

在css中,父元素的透明度(opacity)会到影响子元素的展示,本文透析解决方案

2022-06-26 21:48:11 778

原创 《H5的庐山真面目》

从 2014 年起,一个叫做 H5 的词出现了,稀里糊涂的火成了辣子鸡!背景不知何时,h5这个名词频繁出现在日常的工作交流中,虽然一直接触,期间也思考过什么是h5,也被人问起什么是h5,但没有系统地去搜索和思考过这个问题。今天小编站在巨人的肩膀上同时也结合自己开发的经验来谈一谈h5whatH5的定义众说纷纭,业界内也没有一个标准的定义,目前我比较认同的一种说法是:H5在狭义和广义上有两层含义,狭义上的H5只是一种编程语言,是HTML5的简略写法,而广义上的H5则涵盖了HTML5、CSS

2022-04-13 20:50:12 334

原创 《微信小程序跳转页面安卓闪现两次》

背景为适应需求变化,跳转新的页面,增添逻辑后发现跳转页面闪现两次,核心代码如下:export const onViewGoods = (obj, opts, ckType) => { if (jumpLink === '/xx/xx/xx') { wxRouter.navigateTo({ url: jumpLink, query: { categoryId } }) } wx

2022-04-12 20:56:50 1926

原创 《Vue如何渲染文本》

背景为适应业务需求,规则说明的固定内容转换为由接口动态获取,这就要求前端对规则说明的渲染改变技术方案~其中使用v-html渲染文本,需要注意的是顺序标签的渲染~技术点Vue渲染文本的方式 style属性scoped相关技术点解析Vue渲染文本的方式v-text {{}} v-htmlv-text将元素当成纯文本输出 相对比较安全 可简写为{{}},支持逻辑运算 且不会出现{{}}一闪而过之后消失,重新渲染元素的体验,但是使用起来不如{{}}方便 <p v-t

2022-04-10 20:12:45 3384

原创 《图片懒加载之react-lazyload》

背景懒加载是一种对网页性能优化的方式,而图片懒加载当一个网站加载图片过多时就需要懒加载的协助,从而提高页面的加载速度,减轻服务器的压力,节省流量。那么在react框架下,PC端的电商项目如何对商品feed流的图片做懒加载处理呢?下面跟随小编一起来看看……技术方案站在巨人的肩膀上通过百度等搜索引擎,react框架下有npm包专门针对图片懒加载:react-lazyload查看相关用法1、npm网站:react-lazyload - npm2、props属性 数据类型

2022-03-29 20:56:25 4383 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除