- 博客(174)
- 资源 (25)
- 收藏
- 关注
RSS订阅原创 Vue3源码reactive和readonly对象嵌套转换，及实现shallowReadonly
Vue3源码实战zwd-mini-vue专栏第 6 篇
2023-11-14 17:39:50
558
原创 借助docker, 使用verdaccio搭建npm私服
下会发现 新建了 storage 和 htpasswd，这是因为基于新的配置文件，那之前复制的文件目录里 plugins 和 storage 就无效了可删除。也默认你有一个linux服务器已经安装好了docker，没有也没事，win10/win11也可以直接搞个docker。我看了很多很多很多的教程，都是让挨个新建文件的，当时真迷糊为啥要建这么些文件，现在真迷糊为啥要这么麻烦？这里默认你已经掌握了 linux, docker 的基本使用，不会也没事，我会带着你一个一个指令敲的。这个路径下，也可自定义路径。
2023-02-15 16:32:59
742
1
原创 vim 编辑器使用学习
git bash 中输入vim test.md会直接进入test.md文件，当前目录下不存在即创建test.md。进入编辑模式，此时底部可以看见 INSERT 的提示，这时候就能够输入内容了。仅退出，不对文件做任何操作，可能会有错误提示，这里的。保存文件后退出，write quit, 先保存后退出。删除字符，delete a word。如果想全局替换这个sort，可以输入。查看文件内容，在其中输入一下配置。进入vim后，是处于正常模式。从编辑模式退回到正常模式，在命令行模式下，输入。...
2022-08-07 17:00:36
999
原创 JS小技巧，让你编码效率杠杠的，快乐摸鱼
reduce版var array = [1,2,3,4,5]array.reduce((a, b) => a + b)示例：var array = [12, 34, 22, 32, 21]array.reduce((a, b) => a > b ? a : b)示例：var array = [12, 34, 22, 32, 21]array.reduce((a, b) => a < b ? a : b)示例：升序var array = ["j
2022-06-20 10:03:29
195
原创 Vue2源码 - 响应式原理实现
手写vue源码系列 - 响应式原理安装一下webpack以及相关依赖，npm install -D webpack webpack-cli webpack-dev-server html-webpack-plugin安装过程中，新建一个webpack.config.js文件，const path = require("path");const HtmlWebpackPlugin = require("html-webpack-pl
2022-03-24 16:11:40
1425
原创 Web前端存储方式总结，可别说还不知道IndexedDB
浏览器存储的知识总结，localStorage，sessionStorage，cookie，IndexedDB和webSql，其中详述indexedDB的使用
2021-12-31 14:17:51
1999
原创 父子节点数据格式不一致的树状列表实现
背景后端返回的数据格式已经是树状结构了，但是其中父节点的数据格式和子节点的不一样，例如下图：很清晰看出，在ts中抽象出interface，则分别是：// 父export interface ICatalogModel { catalogCode: string; catalogName: string; projectMarker: string; catalogLogin: boolean; catalogOne ? : string; catal
2021-03-23 10:13:45
2737
1
原创 vue 项目引用 typescript 改造
这篇教程适用于手动构建的 vue 项目和 vue-cli 2x 版本的脚手架自动构建的项目。vue/cli 3x 版本以上的脚手架可以在自动构建时自选集成的 typescript 环境，这并不有利于学习。新建 vue 项目我这里采用 2x 的脚手架自动构建个 vue 项目。vue init webpack platform-test按照如下截图依次选择即可：构建完项目之后进入，查看项目的目录结构如下：改造项目安装依赖项需要新增些依赖项。ts 和 tsl
2021-01-20 17:12:33
1109
原创 本地缓存cookie的使用
本地存储主要有这几种：localStorage，sessionStorage和cookie。面试常问点，这三种的区别是什么~共同点：都是保存在浏览器端、且同源的。区别：1、cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。2、存储大小限制也不同，coo.
2020-12-11 16:55:44
1030
原创 Vue.js这些知识掌握，入门没问题
1、模版语法数据绑定的形式有3种。最常见的是使用双大括号的文本插值；v-text；v-html。其中双大括号有刷新问题，v-text解决了刷新问题可覆盖文本内容，但无法解析带html结构的字符，而v-html就可以解析的。<p>{{msg}}</p><pv-text="msg"></p><pv-html="msg"></p>2、条件渲染v-if和v-show的false时候的区别。v-if是直接注释..
2020-11-10 13:30:36
799
原创 three.js基础学习
这篇文章总结一下最基础的threejs知识，至少简简单单能写出个这样的效果。首先呢，使用threejs需要先安装，可以直接下载个threejs文件，本地静态引用。下载地址：https://threejs.org/build/three.js但我还是推荐的npm安装，新建个vue项目，在项目里执行：npminstallthree --save可以直接导入整个three的核心库，import * as THREE from 'three';下面就是效果实现的代码介绍。..
2020-11-06 13:57:42
713
1
原创 基于微信小程序云开发实现的电商项目，可以自行定制开发
前言很简单的一个小程序，小程序中所有代码几乎是我一个个敲出来的，所有逻辑也是自己构思梳理的，因此很多实现方式并不是很好，冗余代码很多，代码质量堪忧，但我也在学习中，随着技术提升，会不断来重构代码，如果大家有任何建议欢迎私信我哦，特别感谢。扫码体验项目展示（多图警告）启动页首页分类页商品详情页商品新增页建议上传图片尺寸800*800像素，显示效果最佳。喜欢列表页个人信息页项目下载https://gitee.com/wendZz
2020-10-20 17:02:31
1355
1
原创 微信小程序云开发项目wx-store代码详解
这篇文章会很长，非常长，特别长，无敌长。真的是挤牙膏般的项目进度，差不多是8月底有开始这个项目的想法，时至今日都1个多月了，抛去频繁的加班时间，王者时间，羽毛球时间...见缝插针的写这个项目，我竟然写完了，我竟然没有半途放弃，可真把我自己感动坏了。好吧，主要是这个小程序很简单，本文会讲解一下这个小程序的代码，所有代码几乎是我一个个敲出来的，所有逻辑也是自己构思梳理的，因此很多实现方式并不是很好，冗余代码很多，代码质量堪忧，但我也在学习中，随着技术提升，会不断来重构代码，如果大家有任何建议欢迎私信我哦
2020-10-19 14:55:30
1248
原创 git实操，本地新切分支合并回主分支流程
开发过程中会遇到一个新功能或者较大的优化需求，通常情况下是从主分支新切出来一个分支单独做这项开发。 例如，今天是 1号，从本地主分支dev上切出一个分支，命名为feat-tree，用来专门开发一个 树状结构列表。 啦啦啦，到了 3号，树状列表开发完成了。 但是这个期间，并不可能只做这一项开发，还会开发一部分提交个记录，中途切换回dev做些其他事。 到了3号，这时候的feat-tree分支上存在多个提交记录， 本地dev和远程dev保持同步，也有很多自己和别人的提交记录，那么此时本地dev
2020-09-23 11:40:45
616
原创 vue目录树组件(树状结构列表)
一般数据类展示内容，大多采用树状结构展示内容。类似效果如下：关注微信公众号，查看效果左侧是导航分类，可以进行新建，对单项导航分享和删除。单击导航，在右侧查询出当前导航下所有目录结构，可以新建目录。新增类型分为三种，目录可以无限嵌套，当然也可以设置层级。页面整体布局页面分为左右两个部分。左侧列表，通过路由跳转显示右侧内容。左侧列表分为上下两块，顶部是添加按钮，下面是导航列表。less样式。import "../../theme/variables.less";.main {
2020-09-14 09:56:39
6160
1
原创 vue动态表头生成
业务需求导入excel表单，导入成功后预览表单数据。根据表单首行字段，动态生成预览表单的表头。excel表单格式：技术栈vue，ts，elementUI实现页面布局，调用接口获取到excel表格中数据，存入fields中。<el-table :data="tableList"> <el-table-column label="行号" width="100"> <template slot-scope="scope"...
2020-09-07 09:15:41
2314
原创 微信小程序启动页的实现
加班偷着懒没做一堆九月份迭代的工作，实现了一下小程序的启动页。效果是这样的：关注公众号查看效果app.json将启动页路径放在pages数组的第一项，tabBar中list正常放置。start.wxml先写一个容器显示背景图片，image标签上使用bindload方法，动态计算屏幕宽高，以适应不同手机端的尺寸，让背景图更佳显示。因为是云开发，图片刻意使用了云存储中图片资源，具体操作可回顾之前发布的视频教程。<view wx:for='{{testList}}' wx:for-item
2020-09-02 08:55:18
3427
原创 Git配置多个SSH-Key这样搞，超简单
背景一般情况下，当有多个git账号，如果没有咧，都去尝试一下，例如：gitee账号，国产github，码云值得拥有github账号，全球最大同性交友网站gitlab账号，公司内部的工作开发，至少我所在开发组使用的这个解决方案解决办法很简单，新建一个config文件就可以了。1、本地生成SSH-Key生成一个gitee用的SSH-Key$ ssh-keygen -t rsa -C 'xxxxx@163.com' -f ~/.ssh/gitee_id_rsa生成一个github用的SSH-
2020-08-18 16:30:22
326
原创 原生JS实现树状结构列表
树状结构列表，这个技术点之前有写过了，是基于vue讲解，但似乎都没有解决痛点，最基础的原生JS该怎么实现呢？这篇文章会全面详细的介绍树状结构列表的实现，从数据处理成树状结构，到动态生成dom节点渲染页面。确定原始数据结构原始数据是需要按照下面这种结构来定义的，如果原始数据已经是被后端处理成树状结构，就可以省略这一步骤。let data = [ { "id": "1", "name": "1", "fatherId": "0", ..
2020-07-08 10:42:26
3358
原创 CKEditor富文本插件怎么用咧
这应该是2019最后一篇文章了，相较于去年来说写的东西少了一些，懈怠了。年末总得总结一下，尤其是最近工作中接触到内容愈发的复杂困难，当然收获学习到也很多。首先是，刚刚完成一个富文本组件开发，涉及到插件使用，从了解背景到研究文档到逐步实施，最大感触是英文的重要性，光光是熟悉代码英文还不够，要有足够的能力阅读英文文档。先来感受一哈冰山一角ckeditor作为封装好的插件，直接下载配置部...
2019-12-31 13:35:06
378
原创 舒适致S，永远不要放弃努力
过硬技术注重技术沉淀，提高自己的技术广度和深度，多刷博客，多读技术书籍，不要让业务开发成为技术成长的唯一源头。书籍：《你不知道的JavaScript》，《高级程序设计》，《JavaScript设计模式与开发实践》，《图解HTTP》，《剑指offer》项目理解不能只注重业务开发，要关心项目的整体性能，把项目从前到后过一遍，理清当前项目架构的优缺点。涉及的维度可以有：页面渲染速度，SE...
2019-11-27 10:36:24
173
原创 纪一次独立开发工作总结
代码写了很多进步不多，反思来说还是没做好总结以至于很多问题再次遇到会有很熟悉但陌生的感觉。这应该是自己实现独立开发的第一个组件了，以前都是在已有组件的基础上按需新增功能而已，所以这也是值得纪念了。更好的学习是在工作中，更快的进步是在项目中。每个公司部门的项目架构不一样，按理说这样是很难有什么参考价值，但其中封装了很多函数方法，涉及的开发思想，也是对我帮助很大，希望也能对你有所帮助。需求...
2019-11-12 21:51:05
277
原创 腾讯面试题，this指向问题
问题var x = 20;var a = { x: 15, fn: function() { var x = 30; return function() { return this.x } }}console.log(a.fn());console.log((a.fn())());console.log(a.fn()());console.log(a.f...
2019-11-05 10:19:12
306
原创 使用 JS 操作 HTML 元素
文档对象模型(DOM)JS 有很多地方让咱们吐槽，但没那么糟糕。作为一种在浏览器中运行的脚本语言，它对于处理web页面非常有用。在本中，我们将看到我们有哪些方法来交互和修改HTML文档及其元素。但首先让我们来揭开文档对象模型的神秘面纱。文档对象模型是一个基本概念，它是咱们在浏览器中所做的一切工作的基础。但那到底是什么? 当咱们访问一个 web 页面时，浏览器会指出如何解释每个 HTML 元...
2019-10-24 10:47:50
491
原创 基于微信小程序云开发实现的婚礼邀请函模板，可以自行定制开发
这个婚礼邀请函是之前帮别人做的，现在人家婚礼举办过了也没啥关系了，想着就修改成通用模板进行开源，方便大家尤其是小白们克隆项目之后稍微修改就能够直接使用。当时自己开始这个项目时候也是查阅了很多教程文章，但无一列外都需要大量的小程序开发知识储备，对于当时需要快速构建一个项目的我来说真的焦急，很希望有一个可以直接使用的模板，项目完成后有深入的想法可以再学习。扫码体验项目展示（多图警告）...
2019-10-12 17:05:39
4941
4
原创 纯css耍个透明正方体转一转
效果效果图如下实现思路定义一个最外层的容器，用来控制显示的位置 定义一个父容器，用来设置元素被查看位置的视图，这里使用到CSS3的perspective 属性 定义子容器，设置为相对定位，利用transform-style属性，使被转换的子元素保留其 3D 转换 定义6个div，构成正方体的6个面dom结构按照实现思路，我们需要如下的dom结构<div cl...
2019-09-20 15:03:14
549
原创 纯css画一个月亮的天气图标
效果效果图如下实现思路使用box-shadow进行构建 星星的样式，有闪烁的动画 月亮的样式，有弧形的上下摇摆动画dom结构用两个嵌套的div容器，父容器来控制图标显示的位置，子容器用来写星星的样式，after伪元素画月亮。<div class="container"> <div class="starry"></div>...
2019-09-19 10:45:15
934
原创 纯纯的css画美美的彩虹
哪里有彩虹告诉我，能不能把我的愿望还给我，为什么天这么安静，所有的云都跑到我这里，有没有口罩一个给我，释怀说了太多就成真不了，也许时间是一种解药，也是我现在正服下的毒药，看不见你的笑，我怎么睡得着......你要离开 我知道很简单
2019-09-19 09:30:43
372
Node.js入门中英版
2019-02-13
convert数据转换案列
2019-01-23
C# convert文档格式转换
2019-01-16
前端学习记录面试题
2018-09-21
JS中各种方法的实例
2018-09-05
JS中各种方法的试验实例
2018-09-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人