- 博客(56)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 支付宝小程序接口传参会默认排序
这个排序不可逆，如果接口请求和请求参数顺序有关系的话，就会导致错误的返回结果。2：将所有参数封装到一个请求对象中，将该对象作为唯一参数传递给接口。1：使用唯一的参数名，每个参数分配唯一的参数名。3：在设置请求参数时就按照顺序编写。后续更多方法会继续补充。
2023-12-08 22:00:00
187
原创 小程序实现圆环进度
小程序中要展示进度，要求类似示例图，用圆环形式展示进度，那这该如何实现呢？这一篇文章主要讲的就是这样一个功能。实现的大致流程是把圆环进度条封装成一个组件，然后在需要使用此组件的页面引入。1：progress实现代码。2:使用progress。
2023-10-25 08:56:35
648
原创 canvas画布实现一个动态效果小demo（滚动圆）
效果展示：一：分析问题：首先静态结构是盒子，盒子里面有一个圆。 这个圆是在盒子内移动。 移动的过程体现随机性。 当圆碰到盒子边框时会有反弹效果。二：解题思路：明确使用的api是canvas画布。动态效果使用了定时器。 首先绘制出静态结构。 计算出圆移动时圆心的坐标。 计算出圆碰到盒子边框反弹效果的条件。 使用定时器动态实现效果。三：代码实现：<!DOCTYPE html><html lang="en"><head> &
2022-04-23 12:58:27
1467
原创 使用cookie完成一个记住密码的功能
吼吼吼，承接上一篇使用localStorage完成记住密码功能一：分析问题这里需要用到document.cookie来进行功能的实现二：解决问题同样还是我上一篇文章的html代码结构 js实现具体功能 要定义一个获取cookie的方法，一个设置cookie的方法和一个删除cookie的方法。通过调用方法实现刷新记住密码的功能。三：代码实现html：<!DOCTYPE html><html lang="en"><head> <
2022-04-13 21:07:39
945
原创 使用localStorage实现记住密码的操作
一：分析问题问题表述很清晰，这里是实现一个类似于表单中记住密码的操作。使用localStorage完成操作，最终效果是当处于记住密码状态时，刷新页面，表单中直接显示信息。二：解决问题搭建html表单代码结构 编写实现具体功能的js文件 使用localStorage的相关属性方法完成功能 刷新页面，达到记住密码的效果三：代码实现html：<!DOCTYPE html><html lang="en"><head> <meta c
2022-04-13 20:26:23
832
原创 过滤html标签
情况一：过滤掉某个标签。//自闭合标签，包含属性的情况function retainLinkA(htmlStr){ // var filterStr = htmlStr; console.log(htmlStr.replace(/<br\/.*?>/ig,""))}retainLinkA("<div>aaa</div><br/><p>bbb</p><a href='http://www.baidu.cn
2022-04-11 19:11:20
1418
原创 js中不会影响原数组的方法
1：concat（）该方法可以连接两个或多个数组，并将新的数组返回。不会对原数组产生影响2：join（）该方法可以将数组转换为一个字符串该方法不会对原数组产生影响，而是将转换后的字符串作为结果返回在join()中可以指定一个字符串作为参数，这个字符串将会成为数组中元素的连接符如果不指定连接符，则默认使用,作为连接符3：slice()可以用来从数组提取指定元素该方法不会改变元素数组，而是将截取到的元素封装到一个新数组中返回*-参数：...
2021-09-10 11:07:58
9188
原创 掌握call()、apply()、bind() 的用法
以前还特意学习过三者的用法，近期遇到，又发现自己理解的的磕磕绊绊，模棱两可，俗话说好记性不如烂笔头，想着还是记一下吧。一：三者的用法：以此码为例：var name='小王',age=21;var obj={ name:'小三', age1:this.age, Fun:function(x,y){ console.log(this.name+"年龄"+this.age+"来自"+x+"去"+ y); }}var my={ name:'小奇', ...
2021-07-29 17:19:57
127
原创 let和const暂时性死区的问题
刚遇见暂时性死区这个名词的时候，我都不知道它是干什么的。后来经了解之后明白了它的具体含义，然后分享给各位。暂时性死区：只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。总之，在代码块内，使用let命令声明变量之前，该变量都是不可用...
2021-07-29 16:40:41
455
转载 js中哪些数组方法会影响到原数组
最近在做一些面试题时经常会遇见js中哪些数组方法会影响到原数组这个问题，我很早就学了js，现在也忘得差不多了，刚好边做题边复习，这里整理了一下哪些数组方法会影响到原数组。push（）方法：/* * push() * - 该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度 * - 可以将要添加的元素作为方法的参数传递， * 这样这些元素将会自动添加到数组的末尾 * - 该方法会将数组新的长度作为返回值返回 */ var r
2021-07-02 21:34:18
1591
原创 使用slot-scope=“scope“出错问题
报错内容：error 'scope' is defined but never used vue/no-unused-vars解决方法：1：把原来的slot-scope="scope"写为slot-scope2：写为这种形式<template slot="header" slot-scope="{}"> <el-input v-model="search" placeholder="请输入关键字搜索"/> </template>结尾
2021-06-23 00:03:03
3365
原创 电商项目中打开已存在的数据库文件
现在我正在学一个电商项目，下载的源码中已经有实现的后台，数据库也有，但是需要导入打开一下。学习视频中老师教的方法是使用phpstudy来导入数据库文件，但是我没使用过phps'tu
2021-06-19 23:07:45
255
原创 使用git对vue项目进行版本控制
前提是你要有git和github用户一：生成本地仓库git init二：查看状态和是否存在.git文件git status三：把本地所有的untrack的文件都加入暂存区。git add . 会把本地所有untrack的文件都加入暂存区，并且会根据.gitignore做过滤，但是git add * 会忽略.gitignore把任何文件都加入。我用的是git add *四：把它提交到版本库git commit -m"注释"五：先关联再提交git rem
2021-06-17 22:58:52
788
4
原创 前端模块化，组件化，工程化
模块化：举个例子：如果你实现了一个某一功能的代码，而这一功能在其它的地方也需要，这时我们就可以把这一功能通过模块化编写成为一个模块。模块化能实现复用，也可以分而治之。组件化：页面的每个独立的，可交互的区域可以看作一个组件，比如一个页面的头部，它可能包含导航，搜索框，logo等，那么这一个头部就是一个组件。组件具有独立性，组件与组件之间可以实现自由组合。工程化：实际上就是写项目之前的整体规划，就像盖房子一样，在盖房子之前要选材，画图纸，工程预算等前端工程化就是用工程的思维看待和开
2021-06-13 20:25:06
239
1
原创 安装stylus版本过高问题
ERROR Failed to compile with 1 errors 下午5:39:32 error in ./src/App.vueModule build failed: TypeError: this.getOp..
2021-06-13 19:46:36
885
原创 子组件修改父组件的props导致使用v-modal报错
在写vue项目时遇到如下问题：error Unexpected mutation of "todo" prop这时使用指令v-modal总是报错，是因为在子组件里修改了父组件的值。解决方法：把v-modal改为:checked，改变它的选中状态。<inputtype="checkbox":checked="todo.isCompleted"/>结尾：坑，无处不在。...
2021-06-06 23:57:23
592
2
原创 又又又被“eslint”装到了
一言不合上错误；error 'index' is defined but never used <Item v-for="(todo,index) in todos" :key="todo.id" :todo="todo"/>我不就是定义了index但未使用嘛，难道要把:key="index"嘛？那我明明定义的数据中有id，为什么不用id呢？千错万错都是“eslint”的错。那如何解决这个问题呢？方法一：不使用eslint，或者卸载eslint（这种不推荐，到底我们还是要
2021-06-06 19:15:16
155
2
原创 下载vue-cli3项目时遇到的错误
上问题：npm ERR! code EEXISTnpm ERR! path C:\Users\dell\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.jsnpm ERR! dest C:\Users\dell\AppData\Roaming\npm\vue.cmdnpm ERR! EEXIST: file already exists, cmd shim 'C:\Users\dell\AppData\Roaming\npm\node_modu
2021-06-03 22:08:39
470
2
原创 我学的前端像java--匿名函数篇
在学习ts时，遇到了匿名函数这一概念，以前我在java的学习中学习过，当时只是过了一遍，现在回想起来已经对此概念模棱两可了，趁着这次学习，我准备对匿名函数这一概念进行一次总结理解。一：匿名函数匿名函数就是没有名字的函数。匿名函数的定义形式：function (){ }但是这样写在编译时会报错，因为在浏览器中不识别这种语法。所以说我们平常常见的匿名函数的写法是这样的：const add = function () { // 执行代码 }console.log(add
2021-06-02 19:35:04
121
原创 基础类型
目录一：布尔类型二：数字类型三：字符串类型四：字符串类型与数字类型拼接五：undefined和null六：数组七：元组八：枚举九：any十：void十一：object十二：联合类型，类型断言，类型推断结尾：一：布尔类型(()=>{let flag:boolean = trueconsole.log(flag)})()二：数字类型(()=>{let a1:number = 12console.lo...
2021-06-01 22:18:32
78
原创 使用webpack打包TS时遇到的问题
问题一：html-webpack-plugin与webpack版本不匹配导致的问题//问题TypeError: Cannot read property 'tap' of undefined at HtmlWebpackPlugin.apply (C:\Users\dell\Desktop\ts\01_typescript\03webpack_ts\node_modules\html-webpack-plugin\index.js:40:31) at webpack (C:\User
2021-06-01 19:37:13
2490
原创 学习Vue第五天
实现一个嵌套路由。同样按照我上一篇博客https://blog.csdn.net/m0_50789201/article/details/117372091?spm=1001.2014.3001.5501的思路去实现一个嵌套路由。基本构建。一：在main.js中注册路由器import Vue from 'vue'import App from './App'import router from "./router";new Vue({//配置对象的属性名都是一些确定的名称
2021-05-29 23:46:37
132
原创 作为初学者，我表示不想使用ESLint
众所周知，eslint是一款“非常好”的编码规范检查插件，你写代码时缩进不对，那不好意思报错。你可能换行不对，那不好意思还是报错......。你要是有时间有心思了，可以按照标准规则写，但是我猜测大部分小伙伴都没那耐心吧，哈哈。那在这里我就提供一些取消使用eslint的方法。首先，我用的编程软件是idea。要想在编码时不受eslint的约束，你可以在idea左上角file-->settings-->上方搜索栏搜索eslint-->点击取消-->apply。webstorm软件同样适
2021-05-28 22:59:36
880
原创 适合初学者练习的vue小Demo
我在学习vue的第四天时跟着视频练习了一个github搜索的案例，这个案例是使用消息订阅与发布进行组件间通信的，然后是使用axios库进行请求。案例项目目录构建：在这之前要下载PubSub JS库，axios库npm install --save pubsub-js//ajax请求中常用的两个库npm install vue-resource --savenpm install axios --save一：入口文件main.jsimport Vue from 'vue
2021-05-28 22:21:29
875
原创 学习Vue第四天
路由和路由器这一篇主要是对路由和路由器的复习巩固以及思路上的梳理，然后能简单的实现一个基本路由。基于 Vue.js 的移动端组件库--
2021-05-28 20:02:52
215
1
原创 学习Vue第三天
学习了基于vue的第一个案例，并进行反复练习，最后总结了一下案例思路。首先大致描述一下案例：这是一个进行评论交流的案例，实现了内容的提交与删除。具体源码可以评论分享。整个案例思路是1：拆分组件；2：静态组件；3：动态组件（包括初始化显示以及交互行为）一：拆分组件第一步：创建入口main.js一般main.js文件的格式是固定的。import Vue from 'vue'import App fom './App'new Vue({el:'#app',//将Ap.
2021-05-27 00:02:05
110
原创 学习Vue第二天
学习Vue第二天今天学习了vue的生命周期，动画，过滤器，指令，插件。一：Vue生命周期Vue生命周期分为三大阶段：初始化阶段，更新显示阶段，死亡阶段。其中初始化显示阶段对应着beforeCreate()，created()，beforeMount()，mounted挂载阶段；更新显示阶段对应着beforeUpdate()，updated阶段。死亡对应着beforeDestory()，Destoryed()阶段。常用的生命周期方法有：mounted：发送ajax...
2021-05-25 12:22:09
153
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人