自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

html_xiaojiu的博客

这是一个关于HTML css js 的初级笔记整理 这里有代码有效果 有注意 有笔试

  • 博客(30)
  • 收藏
  • 关注

原创 2020-12-17 vue 之后端的路由

一,路由的认识1.标准的后端路由前端的智能设备在发送了网络请求http://IP:port/xxxx时候 后端对xxxx进行判断,后给出响应 是给前端返回一个数据 还是给前端返回一个html页面2.vue中的路由vue是一个single page app(单页面的应用)它利用切换组件让页面重新渲染 从而让用户有了页面的切换的感受 那我们应该怎么去切换组件呢 有两种办法 一种是html5 中的history.go 或者是哈希vue中根据这个思想就给出了方法 vue-router 这和用

2020-12-17 20:21:21 377 3

原创 2020-11-19 字符串 和数组的复习

11

2020-12-09 19:04:42 140

原创 2020-12-7插值表达式的闪烁问题

1,为什么会有闪烁的问题。1.界面加载的时候会把节点直接挂载到文档树中,导致{{msg+"666"}}这个字符串会显示一下2.vue对象生成data数据时候 回去刷新界面 把{{msg+"666"}}字符串替换成结果字符串3.导致界面第一次加载的时候会闪屏4.解决方案:使用v-html,v-text指令操作,或者css中加[v-cloak] {display:none};...

2020-12-07 20:06:03 187

原创 2020-12-7 css中文本超出显示省略号

overflow:hiddenwhite-space:nowraptext-overflow:ellipsis效果

2020-12-07 19:03:18 88

原创 2020-12-07 Vue 三种基本的使用的办法

一,第一种cdn的引入的方式1.直接引入cdn <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>2.书写你的内容<body> <div id="mas">{{ma}}</div>//花括号来取值 <script> new Vue({ el:"#mas",//需要联系的元素

2020-12-07 12:51:17 112

原创 2020-12-03 微信小程序中百度人工智能得开发

一,百度AI平台1.如图2.点击进入在右上角找到控制台没账号得注册有的 可以用百度网盘扫码登录,随便点击一个3.就开始创建应用4.勾选你需要的5.选择你要的功能打开api6.获取token码 然后就是请求。...

2020-12-03 17:18:08 174

原创 2020-12-3微信小程序开发的简单教程

一,软件的安装。1.搜索微信公众平台2.没有的点击注册,有的直接扫码登陆3.注册选择小程序4.进入之后点击工具里面的下载,然后根据你的机型选择下载的版本,建议选择稳定版5.下载完成后你就可以安装了,建议傻瓜式的安装,安装的路径中间最好式不要有中文的路径。安装完成之后就可以进行微信小程序的安装了。6.小程序的进入的界面,appid可以用测试号 里面式可以更改的,个人开发不用云服务,开发模式为小程序7.在首页的下面 开发-》开发管理里面有appid二,开发工具的初始化。1.删除这两

2020-12-03 16:13:35 219

原创 2020-11-25注册登录随笔

1搭建一个服务器2获取前段数据发送给后端3后端得到数据和数据库中数据进行比对

2020-11-25 23:25:23 72

原创 2020-1-25 axios给后端传输数据的三种方式 和path模块常用的方法

一,axios给后端传输数据的三种方法1.get的传参get的传输只可以是字段的传输不可以传输文件 有以下的两种方式 注意写params axios("/ajax",{params:{username:"12345",pwd:"abc"}}) .then((res)=>{ console.log(res) }) //这是比较常用的办法 。也是比较实用的办法第二种是直接在请求的网址后面直接将参数拼接上去 axios("/ajax?username=abc&a

2020-11-25 20:23:02 1493

原创 2020-11-19 ajax跨域的几种解决的办法

一,代理服务器思路:当当前服务器的网页中用Ajax发起了对其他服务器的网络请求时,这时候就会出现了跨域的问题。这时候当前的服务器用request发起对其他服务器的数据请求在返回给前端进行使用 那么这个服务器就是代理服务器的作用。(数据中转站)1.主服务器var router = require("./router")router.use("/ajax",function(req,res){ res.end("我是主服务器") //这个数据假设是代理服务器的前端需要的数据 但是前

2020-11-19 19:26:38 112

原创 2020-11-18 同步和异步 async 和await 和跨域

一,同步和异步得个人简述 1.什么是同步? 任务有很多个但是后面的任务需要等待上一个任务执行完成之后才可以继续的执行 2.什么是异步? 任务有很多个但是任务是各自执行各自的不需要谁等待谁,执行结束就返回 3.什么是阻塞? 我没有结束你就不可以执行 4.什么是非阻塞? 我没有结束但是你也可以做你自己的事 5.什么是同步阻塞? 任务很多个我结束后返回数据你就可以用了 后面程序要等待我 6.什么是同步非阻塞? 任务很多

2020-11-18 21:25:25 248

原创 2020-11-17 ajax的几种封装的方法

一,后端的封装var fs=require("fs")var url=require("url")var http=require("http")var urlFile1="/src"var urlPort=8888var router={ targettb:{}, request(req,res){ var pathname=url.parse(req.url).pathname fs.readFile(__dirname+urlFile1+pathname,(err,data)=

2020-11-17 21:54:21 226

原创 2020-11-16ajax的原生代码封装 和网络请求技术的汇总

一,ajax的封装 <script> //封装 var $ = { get:function(path,cb){ var xhr = new XMLHttpRequest()||new ActiveXObject("XHMHTTP.Microsoft"); xhr.open("GET",path); xhr.send();

2020-11-16 22:36:46 133

原创 2020-11-16js实现对地址解析生成对象

一,2020-11-16js实现对地址解析生成对象 <script> function tool (){ var obj = {} var str="http://ip:port/index.html?name=ka&age=23&pwd=abc123" var str1= str.split("?")[1]//从问号分开只要后面的 var str2= str

2020-11-16 17:24:11 237

原创 2020-11-13原生ajax的网络请求

一,ajax请求1 创建网络请求的对象var xhr = new XMLHttpRequest()||new ACtiveXobject(“XMLHTTP.Micsoft”)2 配置连接的服务器xhr.open(“GET”,“http:192.168.2.66:8080/info”,true) //默认的是异步的 可以直接同步3发起网络请求xhr.send() //前端给后端发送数据 ,get 请求这里发了后端也接受不了 ,post相反 //这个监听是对1234 的监听 何时才可以

2020-11-15 22:05:12 117

原创 2020-11-12 nodejs 的常用概念和常用的函数

一,http模块下的方法var server = require("http")var fs = require("fs")let app = server.createServer(function(req,res) { res.setHeader("Content-Type","text/html;chartset=utf8") //请求头消息 请求和实体对应的MIME信息 大类型是文本小类型是html 编码格式 res.writeHead(404,{'Content

2020-11-12 22:03:45 222

原创 2020-11-11node js相关小知识及其安装的方法

一.路径的相关认识。1本地相对路径 <img src="./3.png" alt="图标">形如这种src的地址是相对于当前文件的位置就是本地的相对路径2本地绝对路径 C:\Users\翁政\Desktop\501\day1\day16 copy\1.jpg 相对于本地从根目录开始的地址就是本地绝对路径3相对网络路径 以当前的服务器的文件位置为基准 ,对资源进行加载的都是相对网络的路径4绝对网络路径http打头的路径都是相对网络路径 可以是相对当前服务器,

2020-11-11 19:22:16 105

原创 2020-11-04 二分法查找和冒泡排序法

1,二分法查找1,二分法的简述 1二分法查找的思想 二分法的数据是排号顺序的 将目标元素 和 中间值进行比较 如过目标元素 大了,向后继续和中间值比较 小了反之 直到查出 <script> function f(tar, arr, left, right) { var mid; mid = Math.floor((left + right) / 2)

2020-11-04 19:33:37 216

原创 2020-11-04html函数递归的使用

一,什么是函数的递归 1 函数自己调用自己就是函数递归。 2 递归函数会一直开辟栈会占用比较多的内存,当递归次数比较多时,性能就会降低,因此不建议多使用 递归。 3 函数递归会解决一些终止条件比较怪异,重复相同步骤的事情 4 必须要给定终止的条件 不然会出现栈溢出二,递归的执行的机制 function f1(num){ let res = Math.floor(num/2);

2020-11-04 16:12:12 562

原创 2020-10-28 canvas的初级绘制

一,canvas的初级的绘制。1.通用的五角星评分控件HTML代码<body> <h1>请打等级评价:</h1> <canvas id="canvas"></canvas> <script> Render("#canvas",100); </script></body>js代码function Render(slector,dstar,in

2020-10-28 19:56:33 221

原创 2020-10-27 canvas

一,canvas1.什么是canvas? (1)canvas时候一种h5出的一个标签 (2)内部 用js来操作提供的功能,进行图形的绘制 (3)可以做游戏开发,webvr,即时交互的产品 数据图形结合的产品 例如 大数据可视化的页面 柱状图 饼状图 折线图等 (4)类似与canvas 还有flash(目前很少应用此技术了) 和svg(也是一个标签) (5)cavas 的width 和height 与css设置它的width和height 有什么

2020-10-27 19:20:52 162 1

原创 2020-10-23面试题整理

一在地址栏输入敲回车时会发生什么?1非常高频的面试题: ① 网络请求:后面的老师会讲解 ② 页面渲染:浏览器解析数据包(html文档) ③ 用户交互: 页面是如何渲染的呢? 1.浏览器先把文档扫描,把标签代码进行翻译(不是编译) 2.把各种类型的节点(12种) 按照顺序,进行实例化 3.分类解析: 把css里面的代码统统合并到一起 解析为一个超级大对象(css样式结构体) 把节点解析为一个具有树关系的DOM树 4.把css样式结构体和dom树结合成呈现

2020-10-23 21:58:16 141

原创 2020-10-23Dom小项目

一滑块跟随鼠标移动<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div { width: 200px; height: 2

2020-10-23 20:01:43 1127

原创 2020/10/9关于正则表达式中的几个个小例子

1字母大小写的替换<body> <script> //将"the-first-name"替换成驼峰式写法"theFirstName" var str = "the-first-name"; var reg = /-(\w)/g; //这里要用()分组不然下面的$不好用 会出错 console.log(str.match(reg)); //打印出匹配的字符 -f

2020-10-09 19:15:36 133

原创 陷阱面试题目2020 08 20

面试中的小细节题目for循环 <script> let k = 0; //只会看条件中的最后一个 for(let i = 0,j = 0;i<6,j<10;i++,j++){ k+=i+j } console.log(k) </script>输出结果不是30,而是***90***for循环中的条件语句只会以最后一个条件来判定 不会管其他的...

2020-08-20 23:30:14 98

原创 node.js2020.08.20

node.js的简单使用一,node.js的简介Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 发布于2009年5月,由Ryan Dahl开发。Node.js 不是一个 JavaScript 框架,是一个让 JavaScript 运行在 服务端 的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js

2020-08-20 23:28:33 225 1

原创 sql简单使用的方法2020-8-19

sql简单使用的方法什么是sql?SQL,指结构化查询语言,全称是 Structured Query Language。SQL 让您可以访问和处理数据库。SQL 是一种 ANSI(American National Standards Institute 美国国家标准化组织)标准的计算机语言。sql能做些什么?SQL 面向数据库执行查询SQL 可从数据库取回数据SQL 可在数据库中插入新的记录SQL 可更新数据库中的数据SQL 可从数据库删除记录SQL 可创建新数据库SQL 可在数据

2020-08-19 23:27:26 262

原创 scss的简单使用方法

scss的简单使用方法前言:对于不同的开发环境都需要添加scss的插件下面就Hbulider/vscode的插件配置简单的说明一下Hbulider的设置VScode的配置:注意:format:compressed 和extension:.min.css是生成的是压缩的css文件 不用的话可以注释了 重启软件就不会生成了vscode的scss插件在modul的时候可能会有点问题 解决办法是使用Hbulider或者是在vscode中安装其他的scss插件l//这是scss文件的内容$fon

2020-08-17 23:30:00 2152

原创 关于Bootstrap的简单使用我也是初学者

关于Bootstrap的简单使用前言:在使用bootstrap的时候要要引入相关的文件 ,可以在https://www.bootcdn.cn/中下载相关的库 在https://www.bootcss.com/中可以查看相关的教程里面很详细 具体的怎么使用 样式类的使用都有。 <!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3

2020-08-16 22:59:05 299

原创 csdn第一个文件

这是我的第一个csdn文档在后续的每一天中,我将陆续的更新出我的`在这里run() { if (this.flag == 0) { this.points[0].curentindex++ this.points[0].curentindex = this.points[0].curentindex % 4 this.points[0].ix = 850 + this.points[0].curentindex * 44 console.log(this.points[this

2020-08-15 22:31:30 90

空空如也

空空如也

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

TA关注的人

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