- 博客(74)
- 问答 (2)
- 收藏
- 关注
RSS订阅
1原创 65 Nodejs连接并操作MySQL
MySQL在 nodejs 中使用 SQL 语句实现对 MySQL 数据库的增删改查。// 导入 mysql 模块cosnt mysql = require('mysql')// 建立与数据库的链接关系cosnt db = mysql.createPool({ // ip 地址 host: '127.0.0.1', // 用户名 user: 'root', // 密码 password: 'root', // 数据库名称 dat
2022-04-25 11:34:05
109
原创 64 Nodejs
Nodejs内置 APIfsreadFile读取文件的内容const fs = require('fs')fs.readFile(path [, option], callback(err, data))// path 需要读取文件的路径// option 可选项，读取内容的编码格式，如 utf-8// callback 读取结束的回调函数，第一个参数是读取错误的参数，成功时为 null，第二个参数是读取成功的参数，失败时是 undefined在使用时可以这样写const
2022-04-24 16:31:19
228
原创 60 Axios 二次封装
60 Axios 二次封装安装在 Vue 项目中使用 axios ，需要使用 npm 下载$ npm install axios或者使用 cdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script>创建实例可以使用自定义配置新建一个 axios 实例const instance = axios.create({ // baseURL 将自动调添加在 url 前
2022-01-15 09:39:18
221
原创 59 Vuex
59 VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理易用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生改变。安装新建项目如果是新建项目，可以在 Vue CLI 搭建 时选中 Vuex选择特性? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to inve
2022-01-11 20:58:17
118
原创 58 Vue Router
58 Vue Router安装新建项目如果是新建项目，可以在 Vue CLI 搭建 时选中 Router选择特性? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)>(*) Choose Vue version (*) Babel # 这是一个 JS 转译的工具 ( )
2022-01-11 20:33:12
189
原创 57 Vue CLI 搭建
57 Vue CLI 搭建Vue CLI 是基于 Vue.js 进行快速开发的完整系统，能够帮助开发者快速搭建应用，提供了默认的考法环境相关配置，也提供了配置文件用于开发者根据自己需求灵活调整配置安装全局安装 @vue/cli ：$ npm install @vue/cli -g# 或$ npm i @vue/cli -g安装后，可运行查看版本：$ vue --version# 或$ vue -v创建项目GUI 方式创建在可视窗口创建$ vue ui命令行
2022-01-08 16:44:59
263
原创 56 组件通信和生命周期
56 组件通信和生命周期组件之间可能会进行数据传递父子组件通信父传子使用 props 传递<div id="#app"> <father></father></div>Vue.component("father", { template:`<div> <h4>父级</h4> <son msg="message"></son> </div>`
2022-01-08 10:57:53
332
原创 55 Vue 组件系统
55 Vue 组件系统组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可服用的组件构建大型应用组件定义及使用在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例定义组件选项对象const options = { template: ``, data() {}, props: {}, methods: {}, computed: {}, components: {},}templa
2022-01-07 20:41:57
418
原创 54 Vue 基础
54 Vue 基础一、指令的参数在指令名称之后以冒号表示修饰符以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定，如v-model.trim 清除文本框中的前后空白@click.stop 阻止冒泡@click.prevent 阻止浏览器默认行为@click.stop.prevent 多个修饰符可以连用二、Vue 属性Vue 的基本框架为// 实例化 Vue 对象const vm = new Vue({ // el属性获取 DOM 节点 el:
2022-01-07 19:44:07
55
原创 53 Vue 基础和指令
53 Vue 基础和指令一、Vue 基础渐进式 JavaScript 框架，是一套用于构建用户界面的渐进式框架Vue2.x 不支持 IE8 及以下的浏览器使用，因为在 Vue2.x 中使用了 ES5 中新增的方法，该方法在 IE8 及以下的浏览器中无法模拟实现。Vue3.x 中使用了 ES6 中新增的属性，该属性在 IE 浏览器中不支持使用Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：<div id="app"> {{ messag
2022-01-05 17:58:29
321
原创 52 Array.prototype.map() 和 parseInt 联合使用
52 Array.prototype.map() 和 parseInt 联合使用有数组 arraylet array = ["1", "3", "5", "2", "6", "4"]使用数组的 map()let newArray = array.map(parseInt)打印 newArrayconsole.log(newArray)parseInt 的作用是将字符型变为数值型，预期打印的结果是[1 ,3, 5, 2, 6, 4]但是实际的打印结果是[1, NaN, NaN, 2
2022-01-05 17:57:38
353
原创 51实现todos-完整js
51实现todos-完整jsclass ToDos{ constructor(){ this.init() } init(){ this.entry() } entry(){ $(".text").on("keydown", e => { if(e.keyCode == 13){ if(!$(".text").val()) return
2021-12-27 20:46:37
302
原创 50实现todos-js篇2
50实现todos-js篇2七、改变总的选中框时触发的事件total(){ // 获取每个选中框节点 let input = document.querySelectorAll(".labList label input") // 使用that接收this指向 let that = this // 点击总选中框触发事件 $(".total").on("click", function(){ // 如果总的选中框
2021-12-27 20:46:02
105
原创 49实现todos-js篇1
49实现todos-js篇一、敲击回车触发的事件entry(){ $(".text").on("keydown", e => { // 敲击回车键 if(e.keyCode == 13){ // 如果文本框里面没有内容就停止运行 if(!$(".text").val()) return // 默认总的选中框不被选中
2021-12-27 20:45:27
315
原创 48实现todos-htmlcss篇
48实现todos-css/html篇一、简单的html结构<div class="container"> <input type="text" class="text" autofocus placeholder="What needs to be done?"> <input type="checkbox" class="total"> <div class="labList"></div>
2021-12-27 20:44:49
264
原创 47jQuery2
47jQuery2一、DOM操作内部插入- $(selector).append(content) 将content追加到selector内部的最后面- content.appentT0($(selector)) 将content追加到selector内部的最后面 - $(selector).prepend(content) 将content追加到selector内部的最前面 - content.prepentTo($(selector)) 将content追加到sel
2021-12-08 19:29:42
155
原创 46jQuery
46jQuery一、jQueryjQuery是一个快速的、轻量的、功能丰富的js库- jQuery就是把js进行了封装- jQuery能够很方便的获取节点，发送ajax使用jQuery的优点- 获取元素的方式非常简短，而且非常的丰富- jQuery的隐式迭代性，不需要在书写for循环语句- 使用jQuery完全不用考虑兼容性问题- jQuery提供了一系列动画相关的函数二、入口函数优点- 等待文档加载完成，保证能够获取到元素- 形成了一个沙箱，防止全局变量污染两种
2021-12-07 20:45:47
67
原创 45闭包 原型对象 继承
45闭包 原型对象 继承一、闭包在函数外部能够读取其他函数内部变量的函数通俗理解的闭包：一个内部函数引用了外部函数的变量，外部函数形成了一个闭包例function fn1(){ let n = 1 function fn2(){ console.log(n) } // fn2就是一个闭包函数 return fn2}// res就是fn1函数运行的返回值是fn2函数let res = fn1()// 调用函数fn2res()原理
2021-12-07 11:46:54
180
原创 44使用php实现简单的前后端操作
44使用php实现简单的前后端操作一、准备- 下载bootstrap并使用- 下载phpstudy- 下载mysql + Apache + php二、存放路径目录存放 (ctj文件夹下)css文件夹、js文件夹、php文件夹、index.html文件css文件夹下bootstrap.min.css文件js文件夹下axios.ajax.js文件、js/jquery-2.2.4.js文件、bootstrap.js文件、index.js文件php文件夹下index.php文件
2021-12-04 15:14:21
736
原创 43promise和ajax封装
43promise和ajax封装一、回调函数的嵌套回调函数是一个作为变量传递给另一个函数的函数，它在主体函数执行完之后执行正常的代码都是链式的，某一步执行出问题，则向下停止，而回调函数则不然在回调函数中嵌套，就是上一个函数执行完成，在执行下一个二、promise的使用在JavaScript的世界中，所有的代码都是单线程执行的。由于这个"缺陷"，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现promise使ES6中引入的一个异步编程解决方案，与传
2021-12-01 11:20:02
264
原创 42ajax
42ajax一、同步和异步同步指的就是事情要一件一件做。等做完钱一件才能做后一件任务异步不受当前任务的影响，两件事情同时进行，做一件事情时，不影响另一件事情的进行编程中异步程序代码执行时不会阻塞其他代码程序执行，从而提升整体执行效率二、ajaxajax概念asynchronous Javascript and xml (异步js和xml)是可以与服务器进行 (异步/同步)交互的技术之一- ajax的语言载体是Javascript。最大的特点是页面不刷新- ajax的一些常见应用，是
2021-11-29 17:35:37
724
原创 41鼠标点击出现随机大小随机颜色的盒子
41鼠标点击出现随机大小随机颜色的盒子完全使用JavaScript实现，不需要样式和结构JavaScript//创建classclass Zoom { //选择器 constructor(name, min, max) { //元素 //name 鼠标点击创建的盒子标签类型 //min 生成的盒子的最小值 //max 生成的盒子的最大值 this.name = na
2021-11-27 16:40:15
747
原创 40弹幕实现
40弹幕实现基本结构<div class="big"> <div class="small"> <input type="text" placeholder="输入弹幕内容" autofocus> <button>发送</button> </div></div>基本样式* { padding: 0; margin: 0;}.big { width: 800px; height: 400p
2021-11-27 11:11:46
82
原创 39购物车
39购物车实现购物车的数据存储功能，将加入购物车的商品id和数量存入cookie中//json中存储有一些商品的id, src, price, namelet json = [{ "id" : 1, "src" : " ", "price" : , "name" : " "},{ "id" : 2, "src" : " ", "price" : , "name" : " "},{ "id" : 3, "src" :
2021-11-26 16:34:25
449
原创 38协议 cookie特点及封装
38协议 cookie特点及封装一、协议协议，就是事先的一种约定、规则、规范、标准。常见协议- HTTP、HTTPS超文本传输协议 - FTP文件传输协议 - SMTP简单邮件传输协议TCP协议TCP/IP协议栈分为四层，每一层都有特定的协议与对方进行通信，而协议之间的通信最终都要转化为0和1的电信号，通过物理介质进行传输才能达到对方的电脑，因此物理介质是网络通信的基石三次握手- 建立连接时，客户端发送SYN包 (SYN=i) 到服务器，并进入到SYN-SEND状态，
2021-11-23 20:57:05
630
原创 37PHP MySQL数据库
37PHP MySQL数据库一、PHP基础简介- 开源软件，跨平台，常用操作系统稳定执行。windows / Linus。做web开发的经典组合WAMP，LAMP，LNMP基本都是开源软件- 入门简单，用户只需要关注应用，开发成本低- 支持大多数主流数据库。MySQL，oracle，Redis等文件以.php后缀结尾，所有程序包含在 <?php 代码 ?> 避免使用中文目录会和中文文件名 php页面无法直接打开，需要运行在服务器环境
2021-11-22 20:30:34
546
原创 36正则表达式
36正则表达式一、正则表达式是一个描述字符规则的对象，可以用来检车一个字符是否含有某个字符，将匹配的字做替换或者从某个字符串中取出某个条件的子串等。其实就是一种规则，其实把正则称作规则表达式。正确的语法基于一种古老的perl语言前端往往有大量的表单校验工作，采用正则表达式会使得数据校验的工作量大大减轻。二、正则的创建正则的创建方式- 构造函数方式var reg1 = new RegExp("a")var str = "abcdcba"console.log(str.match(reg1)
2021-11-17 19:45:56
112
原创 35放大镜
35放大镜一、使用面向过程完成放大镜结构<div class="big"> <div class="left"> <!--需要修改自己的照片路径--> <img src="images/img.webp" alt=""> <div class="move"></div> </div> <div class="right"> &l
2021-11-17 12:48:49
492
空空如也
Dreamweaver CS6选取数据库时弹出这个怎么解决
2021-06-17
PHP连接MySQL数据库打开浏览器却是空白，服务器和MySQL都打开了。
2021-06-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人