- 博客(73)
- 收藏
- 关注
RSS订阅原创 微信小程序确认收货组件无法调起的注意事项
微信小程序确认收货组件无法调起的注意事项，wx.openBusinessView - weappOrderConfirm
2023-11-15 09:26:03
2224
2
原创 TypeScript 快速入门
一、TypeScript 是什么TypeScript 是一种由微软开发的自由和开源的编程语言。于2012年推出。TypeScript 是 JavaScript 的一个超集。为 JavaScript 添加了类型系统。
2023-10-24 17:41:41
161
原创 node npm报错 packages are looking for funding
【代码】node npm报错 packages are looking for funding。
2023-10-24 17:37:30
851
原创 解决nodejs mysql Error: Connection lost The server closed the connection
(db.js)：写法没错，但因为数据库无操作断开机制所以还是有问题。看了其他的博客，尝试做了异常处理，还是会出现报错。Node连接MySql，会出现几分钟无动作则自动关闭连接，导致Node服务器Down掉。解决方法：将sql文件修改为连接池的写法，查询语句也是。经过接口测试，联通稳定，没有再自动断开。简单示例，没有做其他数据情况判断。
2023-02-03 09:08:08
1243
原创 18-JSON和浏览器数据存储
json格式的文本，是所有编程语言都能识别的，在所有编程语言中都是同一个语法格式元素的值可以是number,string(双引号),null,bollean,array,objjson格式的文件主要用于前后端交互来传递数据。为什么使用json格式传递数据？json格式体积小，一般把json叫做轻量级的数据交换格式（早期使用XML格式）所有语言都能识别json格式便于解析{
2022-11-17 20:34:39
593
1
原创 17-js原型链
在原型链的末尾是Object.prototype, Object.prototype.__proto__就是null。每一个对象的__proto__上面都有一个自带属性：constructor，就是这个对象的构造函数。如果__proto__有就返回结果，如果没有就继续去__proto__上找，当一个对象不知道准确是谁构造的，就把它当做Object构造的实例对象。访问一个对象的属性时，如果自己没有就去 __proto__ 上找，对象的__proto__和对象的构造函数原型是同一个对象。
2022-11-17 20:29:14
338
原创 16-js面向对象
自动创建对象，手动添加属性，自动返回对象// 把函数Human当构造函数调用（和new一起使用） const h1 = new Human('lucy' , 12 , '女');只要有new连用，在函数的开头自动添加.在函数结尾自动添加.构造函数里面的this是创建好的那个对象，也可以成为实例对象。// 自动创建对象，赋值给this // const this = new Object();//手动添加属性 this . name = name;
2022-11-17 20:09:42
337
原创 15-js运动函数和轮播图
dom 目标元素，attr 目标元素的属性名，target 目标元素该属性的目标值，fn 运动到达目标之后需要执行的函数（可以为空）使用变量flag，每次运动结束判断是否达到目标值，没有就置为false，最后判断flag的值即可判断是否全部属性都达到了目标值。通过设置ul的left，来展示li的图片内容。Swiper7的默认容器是’.swiper’，Swiper6之前是’.swiper-container’传入属性是opacity时，需要特殊处理，将其*100进行运算，避免小数取整的情况造成bug。
2022-11-17 19:51:17
229
转载 submit方法与onsubmit事件
用这种方式绑定onsubmit事件，表单能否提交取决于onsubmit函数的返回值。false时，表单不会提交。经常我们的提交表单前都会用js对表单内容作验证，如果有问题，则不希望提单表单。可见，listener是没有返回值的（写了也不会认），因此我们的check函数的返回值是不起作用的。你会发现，IE下，可以正常阻止表单提单，但FF及chrome下表单正常提交了…//验证出错的情况just a demo。//验证出错的情况just a demo。//验证出错的情况just a demo。
2022-11-12 23:33:35
500
原创 14-js正则表达式
当正则表达式中包含重复的限定符时，有两个特性可以选择。是否全局匹配不影响结果，永远返回第一个符合的索引。没有精确匹配的情况下，出现多次也满足规则。规则表达式：用来检测字符串是否符合规则。使用基础元字符，可以指定一些简单的规则。将字符串中符合正则条件的字符串替换掉。在正则表达式匹配成功的前提下，匹配。在正则表达式匹配成功的前提下，匹配。将字符串中符合正则的内容捕获出来。返回值：将字符串中符合正则要求的。查找字符串中是否有满足正则的内容。捕获字符串中符合正则的内容并返回。检测字符串是否符合正则的规则。
2022-11-12 09:07:49
331
原创 13-ES5和ES6基础
this指向、改变this指向、call、apply、bind 生成一个固定this的函数、let、const、var 和 let/const 的区别、 let 和 const 的区别、箭头函数、函数参数默认值、模板字符串
2022-11-12 09:05:14
394
原创 Oracle19c数据库安装 - 基于Linux环境
本文介绍多种在Linux环境下安装19cOracle数据库软件和Oracle数据库的方式，多种方式选择其中一种即可，适用于19c数据库学习环境的配置。数据库软件和数据库是不同的，都需要安装。
2022-11-10 20:22:58
5856
3
原创 12-js事件补充
被点击元素 => 逐层向上的父级 => document => window。window => document => 逐层向下的父级 => 被点击元素。的click事件，当发现事件目标是img，就remove掉。根据事件冒泡原理，将子元素上的事件绑定到父级元素上去完成。，第一对因为会冒泡事件，所以做判断逻辑上会有一些问题。当一个子级元素触发事件时，所有父级都会触发相同的事件。例如：小盒子在大盒子内部，点击小盒子就会点到大盒子。减少事件绑定次数，提供性能。这个实现思路就是事件委托。（标准浏览器） 或者。
2022-11-10 19:34:05
619
原创 11-js事件基础
需要保证是同一个函数（地址一样），一般情况需要另外定义函数，然后调用这个函数进行操作。后者是ie和chrome：通过window.event获取本次事件的事件对象。作用：向一个指定的事件目标派发一个事件，可以是原生事件也可以是自定义事件。同类型的事件可以绑定多个事件监听器，多个事件监听器都会执行（顺序执行）（上文click2的操作没有封装成函数，所以无法对应解除事件绑定）触发事件后，对事件的描述信息（如：点击坐标、元素标签、键盘按钮等）前者是火狐：事件处理函数的第一个形参，就是本次事件的事件对象。
2022-11-10 19:32:41
1116
原创 10-DOM节点操作
当“最近的有定位的父元素”的style.display为none时，offsetParent获取到的是null。获取节点的父节点，获取的结果是单一的一个节点，如果没有获取到返回null。把一个子元素插入一个父元素中，并且是作为父元素的最后一个子元素。把一个子元素插入一个父元素中，并且是作为其中某一个子元素的前面。一些特殊的节点的快捷获取方法：一个html文件里面只有一个。获取元素距离“最近的有定位的父元素”上侧的距离。获取元素距离“最近的有定位的父元素”左侧的距离。获取最近的有定位的父元素。
2022-11-09 11:23:36
304
原创 09-DOM元素操作
1. 增加 `元素.setAttribute('属性名','属性值')`2. 删除 `元素.removeAttribute('属性名')`3. 修改 `元素.setAttribute('属性名','属性值')`4. 查询 `元素.getAttribute('属性名')` < div > 测试文本！！！
2022-11-05 09:21:36
343
原创 08-BOM&DOM概念
例如，改变标签的背景颜色，让标签移动产生动画。DOM元素的获取：通过一些方法获取到DOM结构，输出到控制台中就是当前标签，可以对当前标签做一些绑定事件。只有id的是getElement，获取到的不是集合，其他的都是getElements。浏览器的名称、版本等信息，关于浏览器的信息，window下面的对象navigator记录。前进到下一个页面（下一个页面必须是点击以后的页面），相当于浏览器的前进按钮。参数可选，当前页面会一直处于加载状态中（不要写在全局中）返回到上一个页面，相当于浏览器的后退按钮。
2022-11-05 09:20:09
326
原创 07-JS时间对象
在js中有数学方法可以去处理常见的数学运算，这种是js中的内置对象叫做Math方法。通过日期对象设置毫秒数 日期对象.setMilliseconds()通过日期对象设置年份 日期对象.setFullYear()通过日期对象设置分钟 日期对象.setMinutes()通过日期对象设置秒数 日期对象.setSeconds()通过日期对象设置月份 日期对象.setMonth()通过日期对象设置小时 日期对象.setHours()通过日期对象设置天数 日期对象.setDate()
2022-11-05 09:17:29
272
原创 06-JS字符串
对代码的语法规范进行约束，严格模式也是语言发展的必经之路。通过ASCII码表，我们可以得出一些字符串比较的规律。语法：字符串.slice(开始下标,结束下标)语法：substring(开始下标,结束下标)用法：将字符串分割为很多段，返回一个新的数组。小括号内如果什么都没有的时候，完整输出为数组。 substring 截取字符串。截取字符串 开始 / 结束 / 头尾空格。 substr 截取字符串。 slice 字符串截取方法。 split字符串的分割。函数的参数不可以同名。
2022-11-05 09:13:10
317
原创 05-JS数组
/ for循环：可以得到数组中的每个数据 var arr = [ 1 , 2 , 3 , 4 , 5 , 6 ] for(var i = 0;i ++) {console . log(i , arr [ i ]) } // for...in循环：得到的对象中的每个数据 var obj = {name : '小明' , gender : '男' , age : 18 } for(var i in obj) {
2022-11-03 09:24:25
112
原创 git常用操作-仓库创建、初始化、拉取项目
另一种情况是，你只需要部分代码变动（某几个提交），这时可以采用 Cherry pick。一种情况是，你需要另一个分支的所有代码变动，那么就采用合并（将dev分支commit到对应的hash值提交的代码，合并到home分支上。对于多分支的代码库，将代码从一个分支转移到另一个分支是常见需求。在master下创建develop分支，并且提交到远程仓库中。克隆是在远程的dev分支下，但上传代码需要在另一个分支上。创建后端项目（进入vue项目目录里面）创建前端项目（在克隆项目的目录下）创建仓库一般是项目领导完成。
2022-10-27 09:46:01
1080
原创 01-JS基础语法
行内写法基本不使用，代码写在一起比较麻烦，后期更新维护复杂内部式创建可以写在当前文档中的任何地方，建议写在文档的最下面（html+css+JS）内部和外部的书写不可以共用一个script标签。
2022-10-27 09:06:38
473
原创 25-网格布局
网格中新增了一种单位：fr（fraction 自适应单位 需要设置占比）grid-template-columns 网格项目列的大小 宽度。grid-template-rows 网格项目行的大小 高度。把页面划分为很多的网格可以设置子级元素的位置。属性值：需要几行几列就需要设置几个属性值。
2022-10-24 11:46:01
245
原创 20-CSS多列布局
多列布局指的是可以将文本内容分成多块，然后让这些块并列显示，类似于报纸、杂志的排版样式。column-rule 分栏的边框（属性值跟border属性写法一样）一般count和width不会一起设置，根据具体需要选择。column-count 分栏的个数。column-width 分栏的宽度。column-gap 分栏的间距。
2022-10-24 11:45:03
185
原创 23-移动端布局方式-VM
当设计图宽度为640px的时候,html{font-size:0.3125vw}当设计图宽度为750px的时候,html{font-size:0.2667vw}计算公式第一步：需要根据dpr=物理像素/逻辑像素第二步：就直接把逻辑像素的单位设置为？rem即可vw适配方法和媒体查询没有关系vw视口单位，不仅可以用于移动端布局也可以用于pc端布局。
2022-10-24 11:42:05
678
原创 22-移动端布局方式-rem
原理：需要媒体查询去设置常见的终端下面的font-size的值，rem单位会自动相对于根元素计算写法：html {html {html {html {计算物理像素 / dpr = 逻辑像素Q（单位是px）Q/相对应的font-size的值即可。
2022-10-24 11:39:47
1280
原创 21-媒体查询/响应式布局
作用：可以使用媒体查询来判断当前用户设备特性（屏幕的大小）从而设置不同的css样式。一个网站能兼容多个终端，而不是为每个终端做一个特定的版本。概念：媒体查询只是一个工具，不是特定的属性或属性值。缺少任何一个功能，都不能称为合格的响应式网页设计。关于媒体查询在书写时候的注意点。响应式布局需要满足三个条件。css2做响应式布局，了解。移动端布局：单位rem。
2022-10-24 11:37:57
418
原创 19-CSS弹性盒布局
在PC端布局中，当元素宽度过多的时候，最后的元素不会往下掉（之前解决方法：min-width/百分比），当子级元素的宽度大于父级元素宽度的时候默认是挤压的（不会掉下去）常见的情况：1、2、3（1/6, 1/3, 1/2）】子级元素在父级元素中主轴方向的占比方式。flex-start 在侧轴的开始位置。改变主轴的排列方向：默认的主轴是X轴。属性值：数字，表示在父级中所占的比例。flex-end 在侧轴的结束位置。flex:1 占据主轴上剩余的空间。设置单个元素在侧轴上的对齐方式。设置主轴上的排列方式。
2022-10-17 20:47:45
328
原创 19-[案例1]常见移动端布局的实现（仿旧版支付宝布局）
主轴改成y轴 flex-direction:column。主轴居中 justify-content:center。需求：仿旧版支付宝页面布局，实现一个常见的移动端页面。侧轴居中 align-items:center。设置弹性盒 display:flex。知识点：CSS弹性盒属性。
2022-10-17 20:45:48
149
原创 18-[案例]正方体的绘制
知识点：CSS3.3D属性，transform-style，位移属性，正方体六个面之间的移动关系。需求：使用CSS3的3D属性，绘制个正方体。
2022-10-17 19:26:19
129
原创 18-CSS3的2D和3D属性
2D变换，是在一个平面的空间对元素进行的操作。在正方体绘制的案例中，可以设置旋转背面是否可见属性，决定元素旋转背面是否可见。浏览器默认是2D空间，需要设置属性才可以变成3D空间（只是多了一条Z轴）位移属性：transform: translate(参数)属性值：flat （2D） 、preserve （3D）注意：2D的观察方向永远都是站在轴向的正值方向去看的。旋转属性：transform:rotate(参数)缩放属性：transform:scale(参数)倾斜属性：transform:skew(参数)
2022-10-17 19:26:14
526
原创 17-[案例3]利用动画实现背景图片运动
知识点：图片整合技术（精灵图定位）、CSS动画属性、step-start。需求：使用静态图片帧，实现动画效果。
2022-10-12 19:53:18
108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人