twftyh - 个人主页动态

2021-10-08 14:31

const querystring = require('querystring');  querystring.stringify() 将对象处理成字符串 参数不同，最后所得字符串格式不同。 let obj1 = {  name: "tyh", age: 12, sex: "male", course: ['node.js','vue.js'] } let o1 = querystring.stringify(obj1); //name=tyh&age=12&sex=male&course=node.js&course=...

0 点赞评论收藏

2021-10-08 14:30

湖北第二师范学院 Web前端

node几个常用命令

1.npm -v：查看npm版本 2.npm init：初始化后会出现一个package.json配置文件，可以在后面加上-y，快速跳过问答式界面 3.npm install：根据package.json文件自动下载项目所需要的全部依赖 4.npm install 包名 --save(npm install 包名 -S)：安装的包需要发布到生产环境的，会出现在package.json文件中的dependencies属性中 5.npm install 包名 --save--dev(npm install 包名 -D)：安装的包用于开发环境，不用于生产环境 6.npm list：查看当前目录下已安...

0 点赞评论收藏

2021-10-08 14:30

已编辑

湖北第二师范学院 Web前端

node.js中的文件读写操作

官方文档：node.js文件操作 读取文件 fs.readFile(path[, options], callback) []表示可选 具体选项可参考文档fs.readFile const fs = require('fs'); fs.readFile('hello.txt',{ flag:'r',encoding:'utf-8'},function(err,data) {  if(err) {  console.log(err); }else {  console.log(data); } })  问题：如果想要读取多个文件，则这样写需要写很多条。 解决：封装成一个Promise对象 hel...

0 点赞评论收藏

2021-10-08 14:30

湖北第二师范学院 Web前端

vue中v-for与v-bind结合实现列表文字效果切换

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc...

0 点赞评论收藏

2021-10-08 14:29

湖北第二师范学院 Web前端

Vue中的复用问题(虚拟dom到真实dom)

<div id="app"> <span v-if="isShow"> <label for="useremail">邮箱登陆</label> <input type="text" id="useremail" placeholder="邮箱登陆"> </span> <span v-else> <label for="username">账号登陆</lab...

0 点赞评论收藏

2021-10-08 14:29

湖北第二师范学院 Web前端

Vue购物车案例（初学版）

0 点赞评论收藏

2021-10-08 14:28

已编辑

湖北第二师范学院 Web前端

vue父子组件通信【案例详解】

目录  父组件向子组件通信   props  子组件向父组件通信   vm.$emit( eventName, […args] )  父子组件双向绑定    父组件向子组件通信 父组件想要对子组件通信，通过子组件中的props来进行通信 props 类型：Array | Object 详细： props 可以是数组或对象，用于接收来自父组件的数据。props 可以是简单的数组，或者使用对象作为替代，对象允许配置高级选项，如类型检测、自定义验证和设置默认值。 你可以基于对象的语法使用以下选项：  type：可以是下列原生构造函数中的一种：String、Number、Boolean、Array、O...

0 点赞评论收藏

2021-10-08 14:28

已编辑

湖北第二师范学院 Web前端

Vue Js : This dependency was not found: * core-js/fn/promise

在store文件下,index.js中使用promise，出现以下错误  解决办法：  将// import { reject, resolve } from 'core-js/fn/promise'删除，vscode会自动添加这一行代码

0 点赞评论收藏

2021-10-08 14:28

湖北第二师范学院 Web前端

Vuex学习总结(state,mutations,getters,action,modules)

Vuex介绍 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。 调试工具  项目目录  state 在state中定义的变量，每一个Vue组件都可访问 index.js中 import Vue from 'vue' import Vuex from 'vuex' import mutations from './mutatio...

0 点赞评论收藏

2021-10-08 14:27

湖北第二师范学院 Web前端

html&css容易遗忘的问题

文档类型声明标签 <!DOCTYPE html>  告诉浏览器使用最新的html语言来渲染网页 常用标签 <br /> 换行标签 <strong>文字加粗</strong> <em>倾斜</em> <del>删除线</del> &; &nbsp;空格 &lt; &gt; <a href="tel:1111111">电话</a> <a href="mailto:11111111@qq.com">...

0 点赞评论收藏

2021-10-08 14:27

已编辑

湖北第二师范学院 Web前端

《原神》官网首页练习

完成效果  项目数据  通过ajax请求data中的数据然后通过js动态渲染到页面中 AJAX的封装 请求的主要代码  function getInfo(index) {  let message = null; switch (index) {  case 0: $ajax({  method: 'get', url: '../data/newest.json', success: function (data) {  message = JSON.parse(data).list; addMessage(message); } }) break; case 1: $ajax({  meth...

0 点赞评论收藏

2021-10-08 14:27

已编辑

湖北第二师范学院 Web前端

JavaScript函数防抖

debounce(func, delay) {  let timer = null; return function (...args) {  if (timer) clearTimeout(timer); timer = setTimeout(() => {  func.call(this, args); }, delay); }; }

0 点赞评论收藏

2021-10-08 14:26

湖北第二师范学院 Web前端

JavaScript【爬虫】在Node环境下爬取电影资源

爬取结果  完整代码 主要代码： 在node环境下直接运行此代码 const request = require('request') const fs = require('fs') const {  fsRead, fsWrite, fsDir } = require('./lcfs') let httpUrl = "https://www.1905.com/vod/list/n_1/o3p1.html" //请求网页函数 function req(url) {  return new Promise(function (resolve, reject) {  requ...

0 点赞评论收藏

2021-10-08 14:26

湖北第二师范学院 Web前端

Node.js爬取数据并存放在Mysql中

连接数据库 node.js连接数据库需要先安装mysql包 npm install mysql 连接数据库操作 const mysql = require('mysql') let options = {  host: "localhost", user: "root", password: "123123", port: "3306",//可选 database: "mall" } //创建与数据库连接的对象 let con = mysql.createConnection(options) ...

0 点赞评论收藏

2021-10-08 14:26

已编辑

湖北第二师范学院 Web前端

JavaScript【数据结构与算法】(一) 栈与队列

博客地址：栈与队列 栈 栈结构，栈结构就是在数组的基础上限制一些操作  栈的常用方法   push(): 添加一个新元素到栈顶  pop(): 移除栈顶元素，同时返回被移除的元素  peek(): 返回栈顶元素，不对栈做修改  isEmpty(): 栈里无元素则返回true  size(): 返回栈的元素个数  toString(): 将栈结构的内容以字符形式返回  栈的代码实现  function Stack() {  //栈的属性 this.items = [] //栈的操作 Stack.prototype.push = function(element) {  this.items.pu...

0 点赞评论收藏

创作者周榜

关注他的用户也关注了：