- 博客(23)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 VUE3.0语法--1
一、Vue3对象新方法createApp应用实例化，该方法返回应用实例。可通过该实例进行一些操作，如全局挂载，插件集成等等。import { createApp } from 'vue'import App from './App.vue'import router from './router' const app = createApp(App)app.use(router) // 安装路由模块app.mount('#app')//挂载app.config.globalPro
2022-01-06 18:03:15
687
原创 开发中遇到bug
VUE1、项目打包出现空白页面 a、配置路径问题： // baseUrl: './',//vue-cli3.3以下版本使用 publicPath: process.env.NODE_ENV === 'production' ? './' : '/', // vue-cli3.3+新版本使用 b、路由用history模式，必须跟后台配合，否则显示不出来 ...
2020-08-04 08:49:13
263
原创 H5在移动端调试
1、引入vconsole文件：资源可以去点击下载<script src="dist/vconsole.min.js"></script><!--建议在 `<head>` 中引入哦~ -->2、在页面new一个vconsole对象new VConsole()或者使用 npm 安装：npm install vconsole12使用webpack，然后js代码中import VConsole from 'vconsole/dis
2020-05-23 14:26:09
469
原创 cocos游戏引擎学习（前端）
一、环境搭建安装各种软件，在此我就不细讲了，网上有很多安装教程。需要环境：python（2.7）、jdk、apache-ant验证是否安装：打开md控制台输入分别：python --version、java -version和ant -v来验证是否安装了成功去下载cocos2d-x（我这里是3.17.1） cd进入下载的文件cocos2d-x文件夹下执行：python...
2020-05-07 15:36:33
1786
原创 微信小程序开发流程
一、项目的生成 1.在微信公众号平台创建小程序项目 2.安装微信小程序开发工具，使用注册的开发者微信登录该工具进入后界面如下： 3.点击加号位置，使用微信公众号平台创建小程序项目获取到的appid，输入项目名称“order-system”,选定本地文件夹作为项目目录，后端服务可以根据你的需求来选择，最后点击：新建 ...
2020-05-07 10:56:57
386
原创 Vue项目开发
创建项目： 1、全局安装vue-cli脚手架：npm install --global vue-cli 2、创建vue项目：vue init webpackmyProject 3、切换到项目文件夹下，运行项目：npmrundev一、组件开发 一般项目中会有很多都是板块都是一样的，所以使用模块化开发会减少很多工作量，没个模块都抽...
2020-05-07 10:56:12
156
原创 H5开发流程
H5其实就是一个微型网页，一个H5的开发时间很少，但是需要用到的功能确实很多，下面就来总结一下一个H5的开发流程。一、需求分析 H5也是一个小型的网站，网站的开发就离不开需求分析，只有做好需求分析后才能更好的设计页面，设计接口。下面简单介绍一下接口的设置准则。 与后端数据的交流一般有两种方式；同步和异步，同步传递的数据可以通过头文件中传递，在php页面中...
2020-05-07 10:55:41
1978
原创 TypeScript与JS对比
TypeScript 是一种给 JavaScript 添加特性的语言扩展。一、安装： npm install -g typescript（验证ts是否安装完成tsc -v） 执行ts文件：tsc index.ts ts文件最终还是会被解析js，因此跟js也是相通的二、语法基础1、基础类型 ts声明变量时需要声明种类，eg：声明一个数字类型的变量：...
2020-05-07 10:54:41
845
原创 vue(3.0)框架学习
然后一、项目创建1、安装vue3环境 vue install -g vue@cli【vue需要是3.0以上版本，通过vue --version验证】2、创建新项目 vue create project-name3、运行项目npm run serve二、选择项目配置1、选择配置方式：第一个为默认配置，第二个为手动配置（下键切换） 2...
2019-08-30 16:58:04
3629
2
原创 hightopo学习笔记---入门
HT是基于HTML5标准的企业应用图形界面一站式解决方案， 其包含通用组件、拓扑组件和3D渲染引擎等丰富的图形界面开发类库，提供了完全基于HTML5的矢量编辑器、拓扑编辑器及 3D场景编辑器等多套可视化设计工具，和完善的类库开发手册、工具使用手册、及针对HTML5技术如何进行大规模团队开发的客户深度培训手册。官网：http://www.hightopo.com/cn-index.htm...
2018-11-06 15:44:44
9921
原创 hightopo学习笔记--2D编辑器使用
一，编辑器 ht_editor编辑器，可以用来绘制图纸，将绘制的图纸引用到html页面中，可以用在项目里。ht_editor编辑器是基于node开发的，他编辑了一个服务器，启动服务可以在浏览器中打开编辑页面，进行编辑。 其中有组件、图标、图纸三大元素，组件是最小单位，可以组成图标，多个图标又可以组成一个图纸，从而引用到页面中。二、HT在页面中的使用流程 ...
2018-11-06 15:42:03
7357
13
原创 vue项目架构配置
一、生产简单项目 1、通过cmd控制台，cd到想要创建项目的文件夹，然后输入：vue init webpack vueCli 2、进入新创建的项目文件夹，安装依赖：npminstall 3、运行项目：npmrundev二、配置开发环境和发布环境的接口地址 1、在控制生产环境的config/dev.env.js文件中添加开发环境接口地址：BASE_API:'...
2018-09-26 21:38:59
926
原创 node入门笔记
一、安装检测 node检测：node -v；npm检测：npm -v；（有时候需要安装git ，安装检测：git -v）二、代码执行 通过控制台进入到文件所在目录，node+空格+文件名 注：跳转文件夹：cd D:/web/node/project/study/model 测试工具:如果你想修改代码后能直接刷新查看效果，可以使用supervisor ...
2018-09-05 18:52:45
166
原创 Vue学习笔记--状态间过渡
当从 DOM 中插入、更新或移除项目时，Vue 提供多种应用过渡效果的方式。包括以下工具：在 CSS 过渡和动画中自动处理 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaScript 动画库，如 Velocity.jsvue提供了一个transition外...
2018-07-07 18:05:33
822
原创 echarts gl在地球上添加发光柱
最近搞地球效果试了很多方法，发现了一些好玩的效果 1、echarts图表根据值不同显示不同颜色 echarts有一个visualMap属性，在属性中可以实现根据值的不同，visualMap跟series是同一级别，有很多属性，具体的颜色显示由min，max和数值一起决定 visualMap: { show: false,//设置为true的时候...
2018-07-06 21:43:01
6448
4
原创 Vue学习笔记-组件
1、基础组件 注册组件：使用component（）方法，该方法里面需传人两个参数：name【下面引用组件用】，obj【设置组件内容，data属性和template属性，data存放组件中参数，template值是一个html格式的字符串】// 定义一个新的组件，名称为 button-counterVue.component('button-counter', {data: functi...
2018-06-29 15:16:56
209
原创 Vuex学习笔记-皮毛
├── index.html├── main.js├── api│ └── ... # 抽取出API请求├── components│ ├── App.vue│ └── ...└── store ├── index.js # 我们组装模块并导出 store 的地方 ├── actions.js # 根级别的 action ├── mutations.js # 根级别的 mutation └── modules
2018-06-26 15:28:06
196
原创 Vue学习笔记-路由机制
Vue的路由机制通过vue-route实现，需要注意的是vue-router@2.x 只适用于 Vue 2.x 版本。vue-router@1.x 对应于Vue1.x版本。vue-route的安装和使用CDN连接：https://unpkg.com/vue-router/dist/vue-router.jsnpm安装：npm install vue-route 直接引用js文件<s...
2018-06-26 13:18:56
490
原创 Cesium三维地球标注
1、三维地球上添加图层 添加的图层会覆盖该区域的地图信息//添加图层var layers = viewer.scene.imageryLayers;layers.addImageryProvider(new Cesium.SingleTileImageryProvider({ url : 'img/11.png', rectangle : Cesium.Rectangle...
2018-06-26 11:04:17
10440
原创 Vue学习笔记-常用属性
computed、watcher和methods的异同 1、方法执行 computed属性基于他所依赖的数据进行缓存（如果它依赖的数据没有变化，多次调用返回之前计算结果，不会每次都重复执行）； watcher属性里面的方法当需要的数据发生变化时执行。 methods属性里面的方法在绑定事件的dom触发时执行（触发一次，执行一次） 2、调用方法...
2018-06-19 11:02:51
425
原创 JavaScript实现jQuery的一些方法
1、类名选择器：$('.classname')//获取class为classname的第一个元素（参数规则跟$()一致）document.querySelector('.classname')//获取class为classname的所有元素（参数规则跟$()一致）document.querySelectorAll('.classname')2、添加类名：addClass("active")do...
2018-06-15 20:41:15
241
原创 前端3D地球的实现方式
想到3D，我最想想到的是WebGL，但是通过对WebGL的学习了解，实现地球效果很难达到。1、用echarts gl实现 其次还有echarts GL，做过图表的应该知道echarts，echarts是一个不错的做图表的框架，他安装简单，使用便捷。echarts GL是echarts用来实现三维图标的工具，他是可以实现3D的效果的。实现步骤如下：1、从官网上下载ec...
2018-06-15 16:14:13
18248
4
SourceTree可破解
2018-10-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人