- 博客(23)
- 收藏
- 关注
RSS订阅原创 nuxt
export default {// Global page headers: https://go.nuxtjs.dev/config-headhead: {title: ‘nuxt-app’,htmlAttrs: {lang: ‘en’},meta: [{ charset: ‘utf-8’ },{ name: ‘viewport’, content: ‘width=device-width, initial-scale=1’ },{ hid: ‘description’, name:
2021-01-24 18:39:04
105
原创 Vue配置
{“name”: “vue”,“version”: “0.1.0”,“private”: true,“scripts”: {“serve”: “vue-cli-service serve”,“build”: “vue-cli-service build”,“lint”: “vue-cli-service lint”},“dependencies”: {“core-js”: “^3.6.5”,“vue”: “^2.6.11”,“vue-router”: “^3.2.0”,“vuex”
2021-01-17 17:09:26
299
原创 TS
快速入门手册安装npm install -g typescript项目初始化// 项目初始化npm init -f// tsconfig 初始化tsc -init// 使用 shift + ctrl + B 监视文件 or shift + command + Btsc -init 是用来初始化 tsconfig.json 文件。如果一个目录下有 tsconfig.json 文件，那么就意味着这个目录是 ts 项目的根目录。tsconfig.json 文件中指定了用来编译这个项目的
2021-01-10 23:32:21
1309
1
原创 react 框架
安装npx create-react-app my-app启动npm stratreact jsx入口index.jsreact 原生对象引入方式import React form "react"用React 创建一个节点,它是一个普通JS对象,用来描述真实元素React.createElement("h1"null,“hell”)有三个参数:1.节点类型,2.状态3.文本react DOM引入方式import ReactDOM form "react-dom"
2020-12-27 21:54:53
134
原创 登陆
import Base from “…/base.js”;import “…/…/star/css/deng.css”import usAPi from “…/…/api/users.js”// import {request} from “…/utils/request.js”export default class extends Base {render() { this.$el.html(` <main class="loginn"> <header&g
2020-12-20 23:05:21
148
原创 webpack的应用
webpack安装使用一下命令来完成 webpack 的安装：npm install --save-dev webpack webpack-cli基本设置在前后分离的开发方式下，有关前端的开发环境完全和后台服务无关，因此需要我们自行搭建开发环境，当然，你可以使用某个前端框架提供的脚手架来进行快速开发，但是这里，为了更加深入的了解 webpack 的使用，我们从零开始搭建整个环境。首先，我们初始化一个目录，这个目录就是项目的根目录：mkdir webpack-demo然后初始化 npm，再
2020-12-13 17:44:35
65
原创 数据库的使用
var Mock = require(‘mockjs’);const mongoose = require(“mongoose”);// module.exports = {// students: Mock.mock({// ‘students|50’: [{// name: “@cname()”,// age: ‘@integer(18,30)’,// gender: ‘@string(“男女”
2020-12-06 17:56:00
84
原创 异步过程
import { request } from “./request.js”;// 异步的第一个阶段 回调的代码的表现形式：嵌套 不易于阅读const callback = () => {let result = [];request({type: “POST”,url: “/users/one”,success(data) {console.log(data);request({type: “POST”,url: “/users/two”,success(data) {co
2020-11-29 17:49:48
168
原创 http协议即WEB 工程化流程
一，web应用1.客户端和服务端相互结合二，http 协议1.http是超文本协议，用于传输超文本到本地浏览器传输协议2.http 基于ip/tcp通信协议来传输数据3.http 属于面向对象协议4.http 协议工作于客户端和服务端特点简单快速：客户向服务器请求服务时，只需传送请求方法和路径。请求方法常用的有 GET、POST、HEAD、PUT 等等。每种方法规定了客户与服务器联系的类型不同。由于 HTTP 协议简单，使得 HTTP 服务器的程序规模小，因而通信速度很快。灵活：
2020-11-22 22:04:56
85
原创 js cavas
//1.获取画布节点// let caEle = document.querySelector(“canvas”);// //默认宽高// // console.log(caEle.offsetWidth,caEle.offsetHeight);//300 152// //2.获取上下文(即在这个区域进行绘画)// let pen = caEle.getContext(“2d”);// // console.log(pen);// pen.moveTo(30,30);// pen.line
2020-11-15 16:34:45
81
原创 HTML5
//本地存储//cookie 4k//sesccion 会话存储//设置数据// sessionStorage.setItem(“className”,“F70”)// //获取数据// let c = sessionStorage.getItem(“className”)// console.log©;//F70// //删除数据// sessionStorage.removeItem(“className”)// c= sessionStorage.getItem(“class”
2020-11-08 12:15:45
128
原创 渲染
let arr = [{img: ../img/dingdan1.png, riqi: 2018-12-9, dingdan: 猫眼订单号：205454510, img1: ../img/图层2.png, namn: 《海王》, yingting: 金挽IMAX影厅, tingzuowei: 6号激光厅 7排7座 7排6座, kaibo: 周日 11月18日 16；40, qian: ￥86, wan: 完成, can: 查看详细},{ img: `../img/dingdan2.png`,
2020-11-01 18:56:55
152
原创 js高级
// let i = 0// let j = 1// let k = [0]// k[i] = j// let z = k// console.log(z);//[1]// k[0] = 2// console.log(z);//[2]// z[0] = 3// console.log(k);//[3]// k = [1, 2]// console.log(z);//[3]// k = [1, 2, 3]// console.log(z);//[3]// k = { name:
2020-10-26 20:36:15
78
原创 JS的属性 节点
//获取父元素/**1、获取一个元素（子元素）2、通过这个元素找其父元素*/// let navEle = document.getElementsByTagName(“nav”)[0];// console.log(navEle);// //书写格式：子元素.parentNode// let headerEle = navEle.parentNode;// console.log(headerEle);/**获取子元素节点书写格式:父元素.children*/// let
2020-10-18 19:00:10
247
原创 js运用渲染
let arr = [“菜单一”,“菜单二”, “菜单三”];let arr1 = [“商品一”,“商品二”, “商品三”, “商品四”];let steta = [true, true, true];let bodEle = document.querySelector(“body”)function xuanran() {bodEle.innerHTML = “”;for (let index in arr) { bodEle.innerHTML += `<sectio
2020-10-11 19:52:12
107
原创 JS的运用
//添加元素//1：创建新节点//2：-创建元素节点//3：-创建文本节点//4：把文本节点添加到元素节点中//把创建的节点添加到页面//1：-获取被添加的元素节点//2：-把新元素节点加为其子节点//创建元素节点// let PEle = document.createElement(“p”);// //创建文本节点// let PText = document.createTextNode(“F70”);// PEle.appendChild(PText);// conso
2020-09-26 21:34:22
71
原创 JS手机号
手机号A：11位B；第1位只能是1C：第2位取值范围3-9D：第3位到11位取值范围;0-9手机号第一位let str = “1A313”re =/1/gconsole.log(str.match(re));//[ ‘1’ ]是不是以xxxx的开始re =/2/g是不是以xxxx的结束re =/[^1]/gste = “132346789121”re = /3[3-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9][0-9]/gre
2020-09-20 16:48:03
61
原创 JS运用和函数
函数//封装函数：可以实现一定功能的代码，封装成一个函数//声明函数字面量声明书写格式： 关键字 标识符（函数名） 小 括号 {代码块}或{函数体}function F70 () {代码块}调用函数（执行代码块）书写格式： 函数名 小括号函数体的使用是否函数的调用function serach(){console.log(您当前余额为：1000);}serach ()//1000构造函数声明书写格式：关键字 标识符（函数名） 赋值符号n
2020-09-12 16:12:24
91
原创 js运算
位运算符|和&先把表达式内容转换二进制，按位运算后再转十进制输出console.log(NaN ==NaN)//falseNAN不等于任何值，包括它自己console.log(123>“123a”);//false"123a"转换成NaN比较ASC码console.log(“a”<“b”);//trueconsole.log(“b”<“a”);//trueconsole.log(“C”<“c”);//true按照位比较console.log(“123a
2020-09-05 12:31:53
83
原创 js基础
开发语言解释性语言：翻译一行，执行一行。JS，python编译性语言：通篇翻译在执行Java，c，c++，c#数据结构：存储的方式算法：解决问题的特点算法的特点：有穷性：一个算法的操作步骤，是在有限的范围内可以完成的。确定性;确定可以有0到多个输入有1到多个输出有效性：123/0无效javascript ECMAecmascript ES5 ES6 版本号ES5书写格式：关键词 标识符（变量名）分号列子： var F70 ;ES6书写格式：关键词
2020-09-05 12:30:14
77
原创 表单与表格介绍及运用
父元素 form子元素 input文本内容与input关联{设置键值对}用户输入：需要添加name用户选择：需要添加name和value{设置默认值}用户输入：添加value用户选择：checked{单选，多选}注：下拉列表默认值添加selectedlabel的for属性值与input的id值相同即可关联 label{ display: inline-block；宽度}当input 被激活时添加样式激活焦点框input ：focus{去掉默认轮廓outline：non
2020-08-16 10:35:44
136
原创 css中的弹性布局与定位的使用
主轴方向flex-direction:justify-contentjustify-content: flex-start 默认值justify-content: flex-end; 右对齐justify-content: center ; 居中justify-content: space-between; 两端对齐justify-content: space-around; 分散对齐justify-content: space-evenly; 平均分配
2020-08-09 16:39:46
690
1
原创 html与css及语义化标签与a选择器与属性选择器
**HTML和css概述中文全称:超文本标记语音根据w3c定义，HTML全称HYPerTEXT Markup Languagecss是页面表现基础，可以控制布局，控制元素的渲染中文全称：层叠样式表**a 标记：表示这是一个超链接内容 跳转到当前页面的位置跳转内容...
2020-08-02 19:00:13
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人