自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 资源 (10)
  • 收藏
  • 关注

原创 钉钉网页应用使用JSAPI报错,dd.alert提示errorCode:3.errorMessage:No value for message

钉钉网页应用使用客户端API,dd.alert报错,errorCode:3,errorMessage: No value for message.

2024-05-16 17:00:37 502

原创 【无标题】

Electron在linux中安装运行

2022-06-15 09:52:12 155

转载 Vue中使用js控制滚动条动画滚动

实现功能:Vue中使用js控制滚动条动画滚动知识:js中scrollTop、scrollHeight、offsetHeight、clientHeight、offsetTop的区别

2021-12-31 10:29:52 1606

转载 react脚手架配置less

拉取webpack文件目录默认情况下,webpack相关文件目录是隐藏的,需要执行以下命令才能看到。yarn eject 或者cnpm run eject 或者npm run eject安装lesscnpm i less less-loader --save-dev点开项目文件夹,并依次找到 node_modules/react-scripts/config/webpack.config.js在该文件中添加如下代码:const lessRegex = /\.less$/;con

2020-10-19 12:01:30 444

原创 VueX实践--最基本的计数应用

首先搭建一个Vue脚手架,参考:https://editor.csdn.net/md/?articleId=108566766删除项目无关的文件:1.删除components/HelloWorld.vue组件。2.删除路由里导入的组件代码:3.删除App.vue中的样式和图片:4.删除assets里的图片:运行http://localhost:8081可以看到页面上什么都没有,我们现在可以开始搞事情了。安装Vuexcnpm i vuex --save-dev在src目录下新建一

2020-09-15 00:55:44 357

原创 Vue-cli2.9.6版搭建详解

使用vue webpack 模板搭建项目步骤:用cmd gitbash vsCode的终端等命令行工具都可以开始安装。。。如果电脑有安装cnpm,以下操作中的npm都可用cnpm替代。1. 安装 node.js(npm),因为会用到npm包管理工具下载项目依赖等2. 安装 webpack: npm install webpack -g3. 安装 vue-cli: npm install vue-cli –g4. 通过vue-cli,初始化vue项目: vue init webpack projec

2020-09-15 00:55:24 4762 1

原创 Vue路由VueRouter

实现一个入门级别的Vue路由1.引入vue-router.js:可以采用npm安装,cdn链接,也可以直接下载vue-router.js,因为是入门,所以用cdn链接最简单。//先引入vue.js,载引入vue-router, 因为vue-router依赖于vuevue:https://cdn.jsdelivr.net/npm/vue/dist/vue.jsvue-router:https://unpkg.com/vue-router/dist/vue-router.js2.定义组件://

2020-09-15 00:54:56 151

原创 Vue组件

组件注意事项1.组件里面的data 必须是一个函数 这个函数必须要return2.组件里面的template 只能由1个根元素3.件的使用:如果定义的时,是大写驼峰,那么使用的时候把驼峰拆成,加短横线的写法4.组件有的版本可以嵌套,有的不可以定义组件1.全局组件<div id="app"> <com1></com1></div>// 全局组件<script> Vue.component('mycom', {

2020-09-15 00:54:28 78

原创 ES6 Symbol的作用与应用场景

推荐阅读理解和使用ES6中的Symbol

2020-09-13 17:32:03 574

原创 Vue练手--实现车子品牌增删查功能

页面如下:(为了好看一些,引用了bootstrap框架,如果需要可以去官方下载js、css文件)将品牌列表渲染到页面:分析:通过v-for指令渲染即可<div class="row"> <table class="table table-striped table-bordered table-hover"> <thead> <tr> <th>id</th

2020-09-11 11:06:14 420

原创 Vue中给当前点击的li添加类名,移除兄弟元素类名的方法

要求:使用Vue语法知识实现以下功能,页面上有若干个li标签,每个li最开始都是蓝色不加粗的字体,当鼠标单击某个li时,该标签的文字呈现红色加粗样式。说实话,一开始看到这题,我太亲切了,用JQuery里面this.addClass('current').siblings().removeClass('current')一下不就搞定了吗?但是题目要拿Vue做,这可怎么办?诶,我还是想抱着试一试的状态,用我根深蒂固的MVC思想,先拿到当前点击的对象再给对象添加类名,于是,有了下面的方案一:<!DO

2020-09-10 19:50:38 5861 1

转载 js严格模式

什么是严格模式?JavaScript 除了提供正常模式外,还提供了严格模式(strict mode)。ES5 的严格模式是采用具有限制性 JavaScript变体的一种方式,即在严格的条件下运行 JS 代码。严格模式在 IE10 以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。严格模式对正常的 JavaScript 语义做了一些更改:1.消除了 Javascript 语法的一些不合理、不严谨之处,减少了一些怪异行为。2.消除代码运行的一些不安全之处,保证代码运行的安全。3.提高编译器效率,

2020-09-06 23:45:49 66

原创 call()、apply()和bind()用法和区别

相同点:call()、apply()和bind()都可以改变函数内部的this指向不同点请看下面实例:call():call方法既可以调用函数,又可以改变函数内的this指向。var obj = { name: 'andy'}function fn(a, b) {console.log(this);console.log(a+b)};fn(1,2)// 此时的this指向的是window 运行结果为3fn.call(obj,1,2)//此时的this指向的是对象obj,参数使用逗号隔

2020-09-06 23:04:31 360

原创 js函数内部的this指向

在不使用箭头函数和call、apply、bind的情况下,这些this的指向,当我们调用函数的时候是确定的。调用函数的不同决定了this指向的不同。调用方式this指向普通函数严格模式下是undefined,正常模式是Window表达式函数严格模式下是undefined,正常模式是Window构造函数实例对象对象方法调用该方法所属的对象事件绑定方法当前事件所绑定的对象定时器函数Window立即执行函数(自调用函数)严格模式下是undef

2020-09-06 19:16:15 3813

原创 js定义函数的三种方式--面试题

1.自定义函数(命名函数)function fn () {}2.函数表达式(匿名函数)let fn = function() {}3.利用new Function(‘参数1’,‘参数2’,‘函数体’)let fn = new Function("num1","num2","console.log(num1+num2)");fn(12,3) //15...

2020-09-06 18:29:23 118

原创 画一个js原型链

要点:每个函数(function)都有一个prototype(即:显式原型),它在函数被定义的时候产生。每个实例对象都有一个__proto__,(即:隐式原型),它在对象被创建时产生。原型对象中有一个constructor属性,它指向相对应的函数对象。对象的隐式原型的值为其对应的构造函数的显式原型的值。原型链的作用:当访问一个对象的属性时,先在自身的属性中查找,若找到,则可以访问自身的这个属性。若没有找到,再沿着__proto__这条链向上查找,若找到,则可以访问原型对象中的该属性。若都没能找

2020-09-04 00:57:49 318

原创 图书管理系统(全栈项目)

这是一个全栈项目,运行在本地服务器的8080端口上,用express框架配合路由,后台写接口,采用mongoose数据库,写出增删改查接口。前端发送ajax请求获取到增删改查后的返回信息。整个项目的源码已经上传至本人博客资源,可免费下载:https://mp.csdn.net/console/upDetailed主页面展示:文件目录:目录说明:mongoose:存放mongoose数据库相关文件connect.js:连接数据库node_modules:安装的第三方插件和框架,例如expre

2020-09-02 21:43:45 749 1

原创 node中req.params、req.query与req.body的区别

res.params用于get请求url路径为:http://localhost:3000/list/001/21路由代码:app.get('/list/:id/:age',(req,res)=>{ res.send(req.params) //浏览器页面结果: {"id":"001","age":"21"}})res.query用于get请求url路径为:http://localhost:3000/form?username=1&pwd=1路由代码

2020-09-02 13:18:44 887

原创 express 模板引擎

安装第三方插件:cnpm i art-template express-art-template --save-dev或者使用:npm i art-template express-art-template --save-devnode.js模板引擎原始用法:<!-- 04.html文件 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &

2020-09-02 12:57:33 343

原创 node.js基础语法知识

文章目录node.js是什么?node.js第一个程序魔术变量(__dirname)读取文件(readFile异步)读取文件(readFileSync同步)读取文件(promisify)创建一个简单的服务器(http)express框架module.exports路由(route)mongoose数据库mongoose(查询数据find)mongoose(修改数据update)mongoose(删除数据delete)Mongoose验证node.js是什么?Node.js是JavaScript 运行时

2020-09-02 11:41:39 726

原创 es6箭头函数--基础的this指向

第一组比较:const obj = { name: '张三' }function fn() { console.log(this);//{ name: '张三' } return () => { console.log(this);//{ name: '张三' } }}const resFn = fn.call(obj);//改变了fn的this指向,指向obj这个对象resFn();结果显示:两次打印的this都指向obj这个对象,输出结果都是{

2020-08-24 16:56:10 373

原创 let和var作用域问题--(经典面试题)

1.用var定义循环变量var arr = []; for (var i = 0; i < 2; i++) { arr[i] = function () { console.log(i); } } arr[0]();//2 arr[1]();//2我们看到,两次输出的i都是2,这是因为循环变量i是使用var声明的,var声明的变量不存在块级作用域,是全局存在的,又因为程序是顺序执行的,所以function这种复杂数据类型会存在堆里面,当for循环执

2020-08-24 15:18:43 949

原创 PHP混编--实现用户管理系统的增、删、改、查

PHP大混编,编到你头大…1.myindex.php页面(首页):思路:查询数据库所有的内容,展示到页面。<?php // 连接 $connect = mysqli_connect("127.0.0.1","root","root","study"); if(!$connect){ exit("数据库连接失败!"); } // 查询 $sql = "select * from user1 ORDER BY id ASC;";

2020-08-22 15:20:18 1796 3

原创 PHP连接并查询MySql数据库

步骤第一步:header() 函数第二步:创建连接第三步:判断连接是否失败第四步:查询数据库第五步:将数据渲染到页面第六步:释放结果集第七步:关闭连接PHP代码:第一步:header() 函数header() 函数向客户端发送原始的 HTTP 报头,解决中文乱码。header("content-type:text/html;charset=utf-8");第二步:创建连接$connection =@mysqli_connect(“主机名”,“mysql用户名”,“mysql密码”,“数据库名

2020-08-22 15:19:47 2919 1

原创 MySql命令行窗口操作

打开命令行窗口win+R,输入cmd切换到mysql的安装目录下切换盘符:d:复制mysql.exe文件路径,cd 切换路径,鼠标右击粘贴路径:进入mysql:命令行输入mysql -u root -p显示数据库:show databases使用study数据库:use study;这样就可以对这个数据库的表操作。显示表:show tables;查询:select * from user1;中文乱码:set names gbk;...

2020-08-22 15:18:57 8093

翻译 git第一次上传文件到gittee(码云)

简易的命令行入门教程:Git 全局设置:git config --global user.name "小芒果cuty"git config --global user.email "2807326362@qq.com"创建 git 仓库:mkdir php-studycd php-studygit inittouch README.mdgit add README.mdgit commit -m "first commit"git remote add origin https://

2020-08-21 20:43:13 928

转载 git clone的文件夹git push 提交需要输入用户名和密码的问题

问题原因:我们clone是用的https,而上传文件需要使用ssh建立连接复制这里面的https(克隆到本地建议使用https,用ssh也会有要重新建立远程连接的问题)//将仓库代码克隆到本地,文件会放在当前窗口显示的路径下//我下面这段代码是克隆到 D:/web/1下git clone https://github.com/CapitalCuty/phpStudy.git这个时候提交文件后显示输入用户名和密码页面:为了不输入用户名和密码,我们进行如下操作:git remote

2020-08-21 16:36:37 526

原创 git上传代码到github--包含相关命令解释

码云上添加秘钥可以参考:https://www.jianshu.com/p/4196de0643781、//从现有目录中创建git仓库(用于储存本地缓存和一些日志信息):git init此时文件名后面就会带有master标志了2、//查看当前仓库下所有文件的状态://文件名为红色,都处于未被提交的状态git status3、//从工作区域添加到缓存区域:git add .4、//再次查看当前仓库下文件的状态:git status//我们看到文件名从红色变为绿

2020-08-21 14:51:18 94 1

原创 用百度地图定位公司位置-步骤详解

1.打开百度地图开发页面页面网址:http://lbsyun.baidu.com/2.找到开发文档下的地图生成器3.修改当前位置4.获取代码5.复制代码6.修改密钥若是没有密钥,得申请一个,点击右方申请密钥,申请完修改html文件中“您的密钥”为自己的密钥即可7.获取位置信息此时点击地图上任意位置可获得该位置相关信息...

2020-08-03 11:20:34 7903

转载 中国地图-省份信息

现在echarts和百度地图对于中国的地理位置相关信息会保密,所以是无法直接下载获取到中国的省份信息,那本页面写了一个完整的中国省份地图,有需要可以收藏。china.js文件下载地址:https://pan.baidu.com/s/1GOE4MPVUryIyVpgYm-LR-w 提取码:72ii<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equi

2020-08-03 10:48:40 2476

原创 大事件后台管理系统-功能详解

下图为发送ajax请求会返回的状态码:(本文主要用到200和400)

2020-07-30 20:37:46 1430

原创 js实现幸运大转盘

需求:        用点击事件等相关知识点完成幸运大转盘,页面打开,出现九宫格蓝色色块;        色块内分别是奖品,当点击开始按钮时,有一个灰色色块开始转动;        点击停止按钮时,灰色按钮停在哪里,就表示所中的奖品是什么.如下图:html部分

2020-07-28 22:59:59 2657 1

转载 js购物车初体验

这是一个简易的购物车,通过操作dom元素,实现商品的单选全选、增删改以及数据的联动,可以考验初学者对于dom的掌握情况。html部分:<div class="container"> <!-- 商品展示表格 --> <table class="tb"> <thead> <tr> <th>

2020-07-28 22:42:05 242

原创 js键盘事件实现微博减字功能

需求:  使用 HTML 进行页面布局,当文本域内输上字且键盘按键被松开时,将在文本域右下角计算出还可以输 入多少字,当显示出“还可以出入 0 个字符”时,文本域内不能再输入文本,本案例总共可输入 40 个字符。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=d.

2020-07-09 15:03:26 1024

转载 JS和setInterval()一起写一个动态时钟

我写的这个时钟分两部分,一个是钟表,一个是表里面的现代时间<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>时钟</title> <style>

2020-06-21 01:13:53 358

原创 JS求100-999之间的水仙花数--两种方法

我们要求100-999的水仙花数,那么我们首先来了解一下什么是水仙花数吧!比如说153这个数,153=13+53+33,像这样一个数等于它各位数的立方和,他就是个水仙花数。这个题目有很多种方案,我选择把,每一个数的个位、十位、百位找出来,当然小伙伴们也可以选择把数字转换成字符串去做。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie

2020-06-21 01:03:38 3298

原创 JS等腰三角形

这里面等腰三角形不是采用打空格的形式,而是直接文本居中,你说简不简单。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>等腰三角形</title> <sty

2020-06-21 00:51:26 1514

原创 JS实现彩色乘法口诀表

刚学JS,用比较简单的“循环”+“表格”实现了页面刷新,所有的乘法口诀表背景色都会变换的小案例。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>乘法口诀表</title&gt

2020-06-21 00:48:22 874

原创 HTML标签--学习笔记1

  首先,先介绍一下前端,前端说白了就是我们眼睛所看到的页面上呈现的东西,这些都归前端管。HTML、CSS、JavaScript这三个是前端开发中最基本也是最必须的三个技能。前端的开发中,在页面的布局时, HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。作为前端初学者,不建议下载一些自动填充代码的软件,一个记事本就可以。如果要下载的话,可以下一个...

2020-06-21 00:33:13 117

原创 如何修改表单元素input里面提示文字的颜色

  我们知道,在CSS中,一般用color属性可以修改文字的颜色。不过,当你书写<input text="text"  placeholder="我是红色的"  style="color:red">这样一行代码时,你会发现字体怎么样都不会变红,那么怎样可以让表单元素里面的文字变红呢?  复制粘贴下面的代码到CSS样式里就可解决这个问题,不复制粘贴要自己打出来...

2020-06-21 00:29:07 12896

图书管理系统(全栈).rar

这是一个全栈项目,运行在本地服务器的8080端口上,用express框架配合路由,后台写接口,采用mongoose数据库,写出增删改查接口。前端发送ajax请求获取到增删改查后的返回信息。注意:我上传的资源文件没有node_modules这个目录,需要自行在cmd下运行npm i / cnpm i下载。

2020-09-02

PHP用户管理.zip

本文件是将本机既当做服务器又当做客户端去运行,所以仅限于自己访问本地数据并且展示到页面,可以用于PHP混编的练习,锻炼全栈的思维(友情提示:本文件夹若在服务器运行时展示到页面请更改成英文名称)

2020-08-19

大事件后台系统(一个完整的后台系统,实现部分ajax请求)

该后台系统实现了登录、修改相应用户信息,文章类别管理(增删改)等功能,该后台功能比较全面,还没完全实现,后续会做相应改善

2020-07-28

图书管理(增加、删除)

文件实现的功能: 1 请求服务端的图书信息,进行表格展示 - 根据接口请求数据,进行字符串拼接后,生成到tbody中即可 2 新增图书功能 - 点击新增按钮 - 检测前面的三个输入框内容,如果为空,进行提示并阻止后续操作 - 将合理的内容发送给接口,让服务端保存 - 添加成功后,将表格内容进行更新 3 删除功能

2020-07-28

ajax聊天机器人(女版)

该文件中主要写了一个聊天页面,用户输入内容,向服务器发送ajax请求,获取机器人的回答,将回答渲染到页面,并转换成语音播放,无论你发什么给机器人,它都能给你一个比较智能的回答,不信你试试

2020-07-28

JS基础.xmind

文件总结了js基础语法、程序结构、内置对象以及对应的API、对象的用法、初级函数、DOM&BOM以及js的执行机制,对js初级总结的还算全面,如需总结的朋友们可以参考

2020-07-28

HTML基础.xmind

文件总结了html里面常用的标签,h5新增的标签,css样式以及css3新增的样式功能,纯属个人总结,如有错误,朋友们可以指出来

2020-07-28

“唱吧”项目-前端网页版

本网页模仿唱吧网页,修改了部分内容,实现了登录验证、首页、精彩表演、会员中心、金币充值、原创购买、音乐人、导入作品等功能,适用于初级写前端开发项目的人员,友友们可根据需要自行下载

2020-07-28

JS和JQuery两种轮播图

文件夹中有原生js和jquery书写的两种轮播图,通过克隆第一张实现正向轮播、反向轮播、自动轮播、点击跳转轮播等功能,适用于js和jquery初学者理解轮播

2020-07-28

表格增删改查.zip

页面使用了js的dom操作,再结合事件绑定,操作完进行页面渲染,实现了对表格中学生信息的增删改查,朋友们可根据需要自行下载。

2020-06-28

空空如也

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

TA关注的人

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