- 博客(32)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 JS基础知识大总结史上最全(已完结~)
1.变量定义：我们向系统申请了一个地方，这个地方门牌号是我们定义好的属性名，然后把属性值赋予属性名。如果重复给同一属性名赋值，最后赋值的一个将成为最终的属性值。命名规则：a. 变量名必须以英文字母，_，或$开头b. 变量名可以为英文字母、_、$或者数字c. 不可以用系统的关键字和保留字作为变量名2.值类型-数据类型不可改变原始值：（有五种，存放在stack / 栈中。first in，last out） （不可改变的含义是每次赋值都会重新开辟一个stack）Number
2020-08-31 22:16:42
15764
4
原创 git 常用命令
git 常用命令1. 查看新建的“看不见”的远程分支git fetch2.拉代码git clone 第一次克隆仓库git pull 直接在远程仓库中拉取到本地仓库即可3.本地代码 到 暂存区git add .4.暂存区 到本地代码 （丢弃add的修改）git checkout --file5.对工作区中文件的修改分为三种情况：（1）还没有git a...
2020-03-27 17:43:18
2607
原创 module-alias 配合 package.json 简化模块导入路径
1、_moduleAliases 是 module-alias 库的配置项，用于定义模块别名。2、它通过简化路径提高代码的可读性和可维护性。3、需要配合 module-alias/register 在入口文件中注册使用。4、适用于 JavaScript 和 TypeScript 项目。
2025-02-24 13:57:24
298
原创 Windows11 安装 Ubuntu-20.04，同时安装配置 zsh shell，配置 git 别名（alias），大大提高开发效率
背景：家里配置了一台 Windows 电脑，有时候需要用到 vscode 开发测试一些代码，在使用过程中发现原生 windows 敲代码不是很友好，于是想到配置 wsl，安装 Ubuntu，并安装配置 zsh shell，同时配置 git 别名（alias），让我们开发更加友好快速。跟我一起来看看吧。
2024-12-20 21:04:45
451
原创 Element@2.15.14-tree checkStrictly 状态实现父项联动子项，实现节点自定义编辑、新增、删除功能
背景：现在有一个新需求，需要借助树结构来实现词库的分类管理，树的节点是不同的分类，不同的分类可以有自己的词库，所以父子节点是互不影响的；同样为了选择的方便性，提出了新需求，选择了父级子级需要全选，父级取消勾选子级需要全部取消勾选；分类支持修改名称、增加子节点、删除子节点，多选子节点时需要获取当前所选分类下的所有词库。
2024-12-18 15:05:43
737
原创 window.getSelection() 获取划线内容并实现 dom 追随功能
给 dom 元素注册鼠标事件之后，会有 event 属性，要实现划线之后出现 “请选择复制或者删除”的功能，需要找到划线结束时的位置坐标（相对于当前页面的，包括滚动条），下面是三种不同的 event 属性的位置属性，我们需要使用的是 event.pageX, event.pageY。2、触发 onmouseup 之后，获取页面位置。大家遇到这样的需求不需要慌啦~
2024-12-17 21:26:40
421
原创 decodeURIComponent, decodeURI, encodeURI, encodeURIComponent 有啥区别
decodeURIComponent、decodeURI、encodeURI 和 encodeURIComponent 是 JavaScript 中用于处理 URL 编码和解码的四个函数。它们之间的主要区别在于它们处理的内容和编码解码的范围不同
2024-12-13 10:34:36
263
原创 display: none 和 visibility: hidden 属性的区别，Vue 中 v-if / v-show 的区别
两者都会隐藏 dom 元素，区别：display: none 不会占位置，visibility: hidden 会占位置，下面是案例1、visibility: hidden（占位置）2、display: none（不占位置）
2021-02-25 11:13:22
1724
1
原创 路由hash history模式
1.hash 模式// 浏览器监听hashwindow.addEventListener("hashchange", val => { console.log(val) })// 修改hash值window.location.hash = "123"// 浏览器执行这段代码之后,url后面会多"#123" 并且会触发监听事件缺点:不能传值2.history模式// 浏览器监听historywindow.addEventListener("popstate",..
2020-08-31 15:37:30
6012
原创 JavaScript的宏任务与微任务(事件循环机制,执行队列)
看下面代码，试着看一下输出什么?console.log('1')setTimeout(() => { console.log('2')})new Promise((resolve, rejects) => { console.log('3') resolve()}).then(() => { let i = 0 while(i < 1000000000) { i++ } console.log('4')})let i = 0.
2020-08-23 10:34:31
6526
2
原创 map、reduce、filter数组方法参数及用法详解
map方法的参数及使用示例参数有三个，第一个是数组的每一项，第二个是每一项的索引值，第三个是数组本身 作用：返回一个数组（这个数组是数组其中一项某一个属性的集合体） 代码示例let arr = [{name: "三石", age: 19},{name: "junze", age: 18}]arr.map((item, index, array) => { console.log(item, index, array); return item.name;})输.
2020-08-13 21:48:37
1025
原创 http和https的区别
http及https名词的解释http是超文本传输协议的缩写（超文本中的超是指除了可以传输文本内容以外还可以传输视频，声音，图片等文件），用于从网站服务器到上网者的本地浏览器的协议。 https是超文本传输协议后面再加一个SSL安全套证书的缩写。他两传输的特点http传输使用明文传输，传输过程中被截获直接就能获取信息，所以它传输起来不安全，如果要传输一些重要的信息（密码，钱数之类的），都不适合使用这个协议进行传输。 https就是为了解决这个问题的，它在http的基础上又加上了SSL（.
2020-08-11 21:21:24
5789
原创 JS运行原理
我们把偏向硬件的语言成为低级语言，它可以直接控制硬件的行为；而把偏向人类、人类更容易理解的语言是高级语言。其中JavaScript也是高级语言之一，它是由Brenddan Eich花了10天开发的一门语言，它融合了C语言的基本语法、Java的数据类型和内存管理、Scheme的函数式编程及self的原型继承，简直就是各种语言的大杂烩，它是运行时编译的语言，在node环境下运行很是快速。下面是对低级语言和高级语言特点的解释图。JavaScript需要专门的js引擎来编译执行，比如Google的V8、Fir
2020-08-09 23:45:02
5823
原创 webpack 生产、开发、测试loader及文件输出配置
安装loader及插件npm install webpack webpack-cli webpack-dev-server style-loader css-loader less less-loader sass-loader postcss-loader autoprefixer babel-loader @babel/core @babel/preset-env eslint eslint-loader jest jest-webpack stylelint stylelint-web.
2020-08-02 09:46:38
5784
原创 node-server之express
express搭建服务器step0: node http模块的代码实例讲解const http = require("http");const server = http.createServer((request, response) => { setTimeout(_ => { // 设置返回到浏览的解析类型 这里设置的charset优先级大于页面中meta中charset优先级 response.setHeader("conten.
2020-07-20 22:57:11
296
2
原创 CSS3之正方体旋转
html代码<ul> <li>你</li> <li>真</li> <li>帅</li> <li>啊</li> <li>!</li> <li>帅</li></ul>css代码ul > li { width: 400px; height: 400px; border: 1px .
2020-07-19 10:33:10
5580
原创 node.js 史上最详细 (博主持续更新)
1、node.js介绍诞生于2009年，它不是一门语言也不是一门框架，它是基于Google V8引擎的JavaScript运行时环境，同时结合Libuv拓展了JavaScript功能，使之支持IO，fs等语言才有的特性，使得JavaScript能够同时具有DOM操作（浏览器）和I/O，文件读写、操作数据库等能力。应用：淘宝双十一、去哪儿网PC端核心业务；前端工具 VScode、webpack等具有Node.js开发node的包管理工具npm成为世界中开源包管理中最大的生态、功能强大。2.特点
2020-06-27 23:06:33
13643
6
原创 element dialog 关闭 form 表单校验未清除的解决办法
①开发背景:新增XX功能 点击之后 弹出的是el-form表单组成的dialog, 表单新增判空规则, 提交时表单项不合格, 会报错如下图所示, 只有当表单项合格, this.$refs[formName].validate(asyncvalid=>{}) 中的valid才为true,②在这种报错前提下, 我们关闭再打开dialog, 会发现报错信息还在。第一种办法(不可行), 在按钮点击的时候调用this.$refs['accountForm'].resetFields(...
2020-06-27 18:09:54
10444
4
原创 外链跳转钉钉小程序注意事项
①跳转路径为dingtalk://dingtalkclient/action/open_micro_app?miniAppId=2021001164608&version=1425441&source=DEBUG&agentId=791584402&pVersion=1&packageType=1&corpId=ding0c2f3137fb0278f&page=pages/Interchange/Interchange+ (?type=1&am..
2020-06-22 21:52:37
26959
8
原创 uini-app运行钉钉小程序及发布钉钉小程序
①首先用HBuilder X创建一个uini-app项目②在项目模板根目录创建一个package.json, 它的内容为{ "uni-app": { "scripts": { "mp-dingtalk": { "title":"钉钉小程序", "env": { "UNI_PLATFORM": "mp-alipay" ...
2020-06-12 17:00:01
9975
2
原创 前端vue 配合ali-oss上传文件到阿里云
1. 安装ali-ossnpm i ali-oss -D (安装到生产依赖)2.引入const OSS = require("ali-oss");3.调用接口获取阿里云OSS的region、accessKeyId、accessKeySecret、bucket以及要存放的文件夹名称（就是下面第五步中使用当前时间拼接完整的文件名称的filePath）4.使用let client = new OSS({ region: region, access...
2020-05-26 14:51:22
7079
4
原创 钉钉小程序之视图层介绍
1. data数据展示 {{}}数据绑定使用 Mustache 语法（双大括号）将变量包起来，可以作用于各种场合。2. 列表渲染 a:for="{}"3.条件渲染 a:if="{{}}"4. 模板5.事件注意: 事件不能传参, 需要用data-'自定义名称' 在时间的event.target.dataset.'自定义名称中获取'钉钉开发文档...
2020-04-23 10:46:41
3990
原创 钉钉小程序之Page文件介绍
Page代表应用的一个页面，负责页面展示和交互。每个页面对应一个子目录，一般有多少个页面，就有多少个子目录。它也是一个构造函数，用来生成页面实例。1.数据渲染页面初始化时，需要提供数据作为页面的第一次渲染。2.函数调用及data数据修改 函数方法跟data同一级3. 生命周期函数onLoad -->页面加载 onReady-->页面加载完成onSh...
2020-04-23 10:35:24
7794
2
原创 小程序APP文件介绍
小程序分为app和page两层。app用来描述整体程序，page用来描述各个页面。app由三个文件组成，必须放在项目的根目录。1.app.js小程序逻辑，有四个生命周期函数：（1）onLaunch：小程序启动，（2）onShow：小程序切换到前台，（3）onHide：小程序切换到后台，（4）onError: 小程序出错。参数说明前台、后台定义： 用户点...
2020-04-23 09:53:22
346
原创 钉钉小程序与普通vue的区别
1. 动态绑定class:钉钉小程序:class=" {{item.backgroundColor == 'abnormal'? 'bg-abnormal' :( item.backgroundColor ? 'fontColor' : 'c-191F25-60') }}"vue: :class="'red': isActive" :class="[item.backgroundColor...
2020-04-21 15:24:18
5991
原创 slot-v-slot-slot-scope混用
具名插槽和默认插槽同时存在时，要把template写完整，即不能把默认插槽的缩写，v-slot：default写在组件行内
2020-04-21 14:34:37
5320
原创 SEO优化
1. 浏览器爬取的原理(TDK)2. 网站提交(网站收录) --> 站长平台 --> 添加网站3.标题写法4.描述写法5.网站关键字6.栏目+内容7.排名处理原理 切词培训...
2020-04-13 18:02:50
4426
1
原创 浮动(float)以及消除浮动流
语法:float: left / right;可能的值值 描述 left 元素向左浮动。 right 元素向右浮动。 none 默认值。元素不浮动，并会显示在其在文本中出现的位置。 inherit 规定应该从父元素继承 float 属性的值。 功能:无论是display为inline,inline-block,还是block,float都可...
2018-11-18 12:22:18
7515
2
原创 css属性之定位
4.1 定位4.1.1绝对定位格式:position:absolutefeature: 1. 脱离原来位置进行定位(当一个元素成为absolute定位,他会脱离原来的层面,跑到上一个层面去,他原来位置真空了,在他下面的元素就会跑上去) 2.现对于最近的有定位属性的父级进行定位,,如果父级没有定位,那就相对于文档进行定位 example:html代码...
2018-11-18 09:44:40
5046
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人