- 博客(29)
- 收藏
- 关注
RSS订阅原创 ue4云渲染WebSocket通信过程
WebSocket是HTML5一种新的协议，WebSocket是真正实现了全双工通信的服务器向客户端推的互联网技术 。WebSocket协议是一种长连接，只需要通过一次请求来初始化链接，然后所有的请求和响应都是通过这个TCP链接进行通信。客户端设置 app.js ws = new WebSocket(window.location.href.replace('http://', 'ws://').replace('https://', 'wss://'));WebSocket()构造函数返回
2022-05-10 16:05:02
1758
原创 Cesium基础功能
let position = window.map3D.viewer.scene.pickPosition(e.position); // 笛卡尔坐标系let pickedFeature = window.map3D.viewer.scene.pick(e.position); // 点击获取的实体诗句数据var cartographic = Cesium.Cartographic.fromCartesian(position); // 笛卡尔转经纬度var lon = Cesium.Math.toD
2021-06-17 17:41:00
223
原创 选项卡
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.jsdelivr.ne
2020-08-17 22:03:48
115
原创 vuex
state在store里面的index中的state定义全局共享的数据组件访问state数据中的方式在其他的组件 this.$store.state.count中访问全局共享数据在组件中按需导入mapState函数 import { mapState } from ‘vuex’将全局数据映射为当前组件的计算属性 … 展开运算符computed: {…mapState([‘count’])}然后就可以直接在组件中使用了 {{count}}mutationMutation 用...
2020-07-19 22:17:20
103
原创 Jquery
$(function(){xxx})获取jQuery对象 $(’…’) jQuery转为Dom对象 $(’…’)[index(索引号)] $(’…’).get(0)选择器 $("") 里面可以是类名 id名 css样式名怎么写这里就怎么写修改css样式 $(‘div’).css(‘width’, 100)筛选选择器 ("div:last"):first第一个:eq(索引号)/("div:last") :first 第一个 :eq(索引号)/("div:last"):f
2020-07-19 22:16:24
77
原创 React计数器
第一种方法// 导入reactimport React from 'react';import ReactDOM from 'react-dom';// 创建组件class APP extends React.Component { state = { count: 0 } render() { return ( <div> <h1>{this.state.count}</h1> <
2020-07-18 14:18:06
662
原创 cropperjs处理图片预览裁切功能
图片预览裁切有两种方法，结合服务器的图片上传预览或者纯客户端实现上传图片预览。纯客户端实现上传图片预览 ：定义一个input标签 type设置为file 设置自带的属性hidden<input type="file" hidden ref="file" @change="onFileChange" />对选择器表单进行隐藏,点击头像触发input表单的点击事件@click="$refs.file.click()"在change事件中获取文文件对象const file = fileIn
2020-07-12 17:10:45
788
原创 lodashi防抖处理
1、安装 lodash# yarn add lodashnpm i lodash2、防抖处理// lodash 支持按需加载，有利于打包结果优化import { debounce } from "lodash"不建议下面这样使用，因为这样会加载整个模块。import _ from 'lodash'_.debounce()// debounce 函数 searchText: { // 当searchText发生改变的时候就会调用handler函数 // 注意: handler
2020-07-09 16:25:00
392
原创 Vant组件库移动端Rem适配
Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具：postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 remlib-flexible 用于设置 rem 基准值下面我们分别将这两个工具配置到项目中完成 REM 适配。一、使用 lib-flexible 动态设置 REM 基准值（html 标签的字体大小）1、安装# yarn add amfe-flexiblenpm i amfe-flexible2、然后在 main.
2020-07-08 11:21:25
1687
1
原创 搜索关键词高亮
搜索关键字高亮如何将字符串中的指定字符在网页中高亮展示？"Hello World";将需要高亮的字符包裹 HTML 标签，为其单独设置颜色。"Hello <span style="color: red">World</span>"在 Vue 中如何渲染带有 HTML 标签的字符串？data () { return { htmlStr: 'Hello <span style="color: red">World</span>' }
2020-06-27 15:40:32
793
原创 dayjs插件处理相对时间
处理相对时间推荐两个第三方库：Moment.jsDay.js两者都是专门用于处理时间的 JavaScript 库，功能差不多，因为 Day.js 的设计就是参考的 Moment.js。但是 Day.js 相比 Moment.js 的包体积要更小一些，因为它采用了插件化的处理方式。Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样，如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day.js 。Day.js
2020-06-27 11:36:02
1305
原创 git常用操作
在使用git前 需要告诉git你是谁 在向git仓库中提交时需要用到git config --global user.name/email 提交人姓名/邮箱git config --list 查看配置这个只需要进行一次配置 除非想更改提交人信息 不然就不用配置了 可以在系统文件夹的.gitconfig中修改git init 初始化git仓库 git status 查看文件状态 git add (文件列表) 追踪文件git commit -m (提交信息) 向仓库中提交代码
2020-06-06 18:49:22
140
原创 前端工程化
1.模块化的分类A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品为：Require.js 2).CMD(Common Module Definition,通用模块定义) 代表产品为：Sea.jsB.服务器端的模块化 服务器端的模块化规范是使用CommonJS规范： 1).使用require引入其他模块或者包 2).使用exports或者module.exports导出模块成
2020-05-27 18:53:41
470
原创 vue路由
1.路由的概念路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现，并完成资源的分发2).前端路由是依靠hash值(锚链接)的变化进行实现后端路由性能相对前端路由来说较低，所以，我们接下来主要学习的是前端路由前端路由的基本概念：根据不同的事件来显示不同的页面内容，即事件与事件处理函数之间的对应关系前端路
2020-05-27 18:49:13
115
原创 axios Vue项目注意事项
HTTP请求方式(Restful形式的url)get 查询 post 添加 put 修改 delete 删除PromisePromise 是异步编程的一种解决方案 从语法上来讲Promise是一个对象 从它可以获取异步操作的消息使用Promise 主要有以下好处:(1) 可以避免多层异步调用嵌套问题(回调地狱)(2) Promise对象提供了简洁的API,使得异步操作更加容易对象方法Promise.all() 并发处理多个异步任务 所有任务都执行完成才能得到结果Promise.race
2020-05-25 19:20:16
197
原创 Vue基础笔记
--------Vue的三个选项var vm=new Vue({el: 挂载元素（可以是DOM对象或选择器）data:{} 模板数据，是一个对象 使用数据可以渲染元素内容 {{…}}methods:{ Vue实例的methods选项：用来定义方法/函数，方法中的this是指向vm实例对象的fn(){}}})---------介绍指令：其实就是自定义属性，Vue里面的所有指令名称都是以v-开头的插值表达式：存在闪动问题，可以用v-cloak解决，内部其实就是先用样式隐藏，等待Vue编译完
2020-05-25 18:45:28
170
原创 node day10
node day10随堂笔记分页核心要素：当前页码：page，通过客户端传递参数获取不能小于1，如果小于1，则设置为1不能大于pages，如果大于，则设置为pages每页数据条数：size，根据业务需求，可以通过客户端传参获取，也可以规定死不能小于1，如果小于，则设置为默认值，默认值一般为10总页数：pages，通过Math.ceil(total / size)计算获取不能小于1，如果小于1，则设置为1总数据条数：total，通过数据库查询获取，比如：User.coun
2020-05-21 19:19:52
97
原创 Http协议的特点
node day09随堂笔记HTTP协议的特点：无状态：是指协议对于事物处理没有记忆功能，也就是说，对于服务端来讲，他不关心客户端是谁，他只关心请求，请求来了服务端就响应，响应完了谁也不认识谁，这种特性严重阻碍了需要客户端与服务端进行动态交互的web应用程序的实现，所以呢，cookie和session这种用户保持HTTP连接状态的技术就应运而生了，就是为了解决这个缺陷的。cookie：通过客户端来保持状态的解决方案（供服务端存储数据）以域名的形式进行区分具体时效性，过期之后会被浏览器自动删除，
2020-05-21 19:19:18
186
原创 node day07
node day07随堂笔记Express 框架：就是一个基于Node的web应用开发框架安装：npm i express导入：const express = require('express')创建服务实例：const app = express()路由定义更简单：app.getapp.post获取请求参数更简单：get：req.querypost：req.bodyexpress中不再使用res.end方法响应客户端，取而代之的是res.send方法：res.se
2020-05-21 19:18:26
89
原创 node day06
node day06随堂笔记模板语法-输出：标准语法（推荐，和后面的高级框架一致）：{{ 数据 }}原始语法：<%= 数据 %>注意：如果包含了html，默认是会转义输出的，想要原文输出，就要写成这个样子：标准语法：{{@ 数据 }}原始语法：<%- 数据 %>建议：由于标准语法在功能性上没有原始语法强大，但是为了和后面的高级框架语法保持一致，所以我们能用标准语法的搞定的就用标准语法，实在搞不定再用原始语法模板语法-条件判断：标准语法：{{ if a
2020-05-21 19:17:45
74
原创 node day05
node day05随堂笔记mongoose验证：在创建集合规则的时候，可以设置当前字段的验证规则，验证失败就不允许插入必填：required字符串最小长度：minlength字符串最大长度：maxlength去除字符串两边的空格：trim可以用数组的形式的第二个参数指定错误消息，如：new mongoose.Schema({ name: String, age: Number, stuNo: { type: String, require
2020-05-21 19:17:15
96
原创 node day04随堂笔记
node day04随堂笔记同步API我们是可以直接用返回值获取结果的，但是异步API是不行的，异步API需要用回调函数的形式，用回调函数的形参接收返回结果console.log(1)// 同步代码在执行时，这个setTimout也会执行，只不过回调函数当前不会调用，会先推入到异步回调队列中，等达到执行条件了，就会调用setTimout(() => { console.log(2)}, 1000)console.log(3)回调地狱：指的是多个依次的异步操作，说白了就是回调函数嵌套
2020-05-21 19:16:50
106
原创 node day03
node day03 随堂笔记服务器端概念：网站的组成：客户端：用户界面，浏览器，运行着使用html、css、js编写的网站服务端（服务器的压力远比客户端高，所以一般对服务器电脑的配置要求很高）：接收请求，做出响应，处理业务逻辑和存储数据IP：是互联网中设备的唯一标识域名：就是IP地址的别名，为了方便我们记忆端口：可以理解成银行的柜台窗口编号，是我们服务器向外提供服务的口子，范围是0~65536，我们应用程序一般从3000起步URL：统一资源定位符，是标识互联网中的资源地址的编址方式
2020-05-21 19:16:10
78
原创 node day01
node day01 随堂笔记node 属于后端开发，node 很牛x，作为前端开发人员，node 是进入后端开发的最快途径node 不是一门语言，它是一个 JS 运行环境而已，类似浏览器一样官网：https://nodejs.org/en我们一般下载LTS版本，也就是最新稳定版，这里注意下载与自己电脑匹配的安装文件，window的x86是32位系统，x64才是64为系统我们安装目录千万不要有中文，如果路径中包含中文，后续可能会有奇奇怪怪的问题安装完后，打开命令行窗口，w
2020-05-21 19:14:57
91
原创 node day02
node day02 随堂笔记nodemon第三方模块的使用：nodemon是一个能监听到文件保存操作后自动重新执行命令的第三方命令行形式的模块全局安装：npm i -g nodemon（全局安装的模块所有项目都能用，本地安装的只有当前项目才能用）在执行js文件的时候，就可以用nodemon命令代替之前的node命令，如：nodemon index.js，这个命令会让命令行挂起，想要退出挂起，可以按ctrl + c（如果有退出确认提示，输入一个y再回车）即可gulp：gulp是一个基于n
2020-05-21 19:13:51
95
原创 Express框架笔记
引用const express = require(‘express’) 引入express框架 const app =express() 创建网站服务器 send() (1)send方法内部会检测响应内容的类型(2)会自动设置http状态码 会帮我们自动设置响应的内容类型以及编码中间件可以针对同一个请求设置多个中间件,对同一个请求进行多次处理中间件可以有多个，先定义的先进入（满足条件的情况下)可以调用next方法交给下一个中间件，直到遇到结束请求的中间件就overa
2020-05-21 19:10:15
127
原创 nodejs笔记
Node.js 全局对象global 相当于浏览器中的windowexports.add=add;先导出 const a= require(’./1.js’)导入第一个文件 赋值给a a.add 调用module.exports 对象导出的第二种方式 当他们指向不同的对象时 以module.exports为准创建网站服务器引入系统模块httpconst app = http.createServer()app.on(‘request’, (req,res)=>{})app.l
2020-05-21 19:00:31
173
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人