weixin_45963440-CSDN博客

原创自动驾驶学习资料索引

1）L4级自动驾驶系统概论（入门和基础）https://apollo.auto/devcenter/coursetable_cn.html?target=12）进阶资料Infra 相关参考开源框架apollo源码：https://github.com/ApolloAuto/apollo软件通信框架cyber api文档（类似于ROS）https://cyber-rt.readthedocs.io/en/latest/#Apollo 3.5各功能模块启动过程解析 https://mp.weixin

2021-11-18 15:13:42 146

原创 JavaScript实现图片切换动画

1.动画切换滞后问题解决//文本移动动画//moveElem(elemID移动的元素,final_x目标的X轴位置,final_y目标的Y轴位置,interval移动速度)//interval越大速度越慢function moveElem(elemID, fina_x, fina_y, interval) { if (!document.getElementById) return false; if (!document.getElementById(elemID)) return

2021-04-28 23:32:06 900

原创微信小程序中swiper的使用

1.制作顶部tab切换栏实现效果图如下:点击全部切换到全部内容,点击加工点切换到加工点内容1.1实现切换栏结构<view class="swiper-tab">   <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''

2021-04-15 10:30:54 661

原创 3.详情页实现

1.创建本地离线数据1)在项目根目录创建data文件夹2)data文件夹中存放post-data.js,用于保存本地模拟数据;3)声明数组 local_database保存离线数据;离线数据是一组组对象构成,选择用数组进行保存4)将数组保存的数据导出,导出文件名为postList5)整体代码如下2.页面路由配置1)在app.json中创建好lists 和 detail两个页面对应的路由配置“pages”:[“pages/lists/list”,“pages/detail/

2021-03-12 01:01:52 239

原创 1.VScode中配置GIT

1.VScode开发环境配置GIT1)查看git安装目录where git(Windows指令)which git(Mac指令)在VScode开发环境的setting.json文件中配置git路径2.配置代码提交GIT2.1传统方式提交在项目命令行中查看git版本: git --version查项目命令行中看git配置文件详情: git config --list在github上创建一个项目仓库备注:创建过程中不勾选gitnore 使用了MIT开源协议从GitHub仓库克隆

2021-03-07 21:10:02 549

原创 1.小程序实现接口请求

1.接口资源1)通常可以找免费的接口资源进行开发测试调用,例如" 聚合接口 "网站:https://www.juhe.cn/?bd_vid=66188665702588393882)注册登录后,选择免费的接口进行使用例如:天气查询接口该接口中会说明接口地址、必须填写的请求参数、接口的key值2.实现接口调用1）在app.json 中创建页面,例如图示 “pages/request/request”2)在该页面路径下的 request.js中创建http请求,创建步骤如下data中声

2021-03-03 00:26:34 846

原创 2.新闻列表实现

1.数据分离1.1模拟本地数据1）在项目根目录创建data文件夹存放模拟数据文件posts-data.js1.2导出本地数据导出数据使用 module.exports = {}1.3使用本地数据（某个页面）此例子中,由于是在postlist页面使用本地数据,因此需要去postlist.js文件中操作数据导入和使用// pages/postlists/postlist.js//1)通过变量postData导入文件夹data/posts-data中的数据var postData =

2021-02-20 15:43:38 267

原创 1.实现欢迎页效果

1.欢迎页1.1配置页面路径打开全局配置文件app.json,对页面地址进行配置1)在"pages"中删除原有配置;2)删除pages文件夹中的原有文件;3)在app.json中配置 “pages/welcome/welcome”,“pages/posts/post”4)配置完成,ctr+s保存后,pages文件夹中会创建welcome和posts两个目录,每个目录都包含4个文件(WXML、WXSS、js、json)1.2欢迎页结构1.3欢迎页样式/* pages/welcome

2021-02-20 11:16:04 300

原创 2.封装Jsonp实现跨域

1.实现原理流程2.源码<body> <script> function getJSONP(url, callback) { if (!url) { return; } //定义1个数组以便产生随机函数名(回调函数函数名) var a = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i',

2021-02-09 11:23:27 73

原创 1.在原生JavaScript和JQuery中使用Ajax

使用Ajax1.原生JavaScript使用Ajax1.1使用步骤1.2实现代码完整代码<body>  <h1>渲染数据</h1> <div class="banner" id="banner"></div> <a href=""><img src="" alt=""></a> <script&

2021-02-09 11:17:16 81

原创 1.Vuex安装

1.安装Vuex# 1.vuex使用流程# 1)安装vuexnpm install vuex# 2)引入vuex:在main.js中import Vuex from './vuex'Vue.use(Vuex);//此步骤必须操作,否则无法引入Vuex# 2)创建vuex实例new Vuex.store()示例:const store = new Vuex.Store({ state: { count:0 }});# 3)main.js中将vuex实例挂

2020-11-10 00:02:05 206

原创 7.列表渲染

7.1用 v-for 把一个数组对应为一组元素 <ul id="app1"> <li v-for="item in items">{{item.message}}&

2020-11-08 20:01:27 94

原创 6.条件渲染

6.条件渲染6.1v-if6.1.1v-if&v-else示例1<div id="app1">  <p v-if="hello">hello world!</p>  <p v-else>oh,no!&lt

2020-11-07 23:13:15 81

原创 5.Class 与 Style 绑定

5.Class与Style绑定5.1绑定HTML的class5.1.1对象语法 <div id="app1" class="static" v-bind:class="{active:isActive , 'text-danger':isDanger, clsName:nameVal}"> </div> <script> var vm1 = new Vue({ el

2020-11-07 19:57:42 60

原创 4.计算属性和侦听器

4.1计算属性4.1.1基础例子<div id="app"> <p>before computed: {{message}}</p> <p>after computed: "{{reverseMsg}}"</p> </div> <script> var vm = new Vue({ el:'#app', data:

2020-11-05 00:52:28 100

原创 3.模板语法

3.1插值3.1.1文本:数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值：例如: Message: {{ msg }}3.1.2原始HTML双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用 v-html例如:①直接使用双大括号渲染<div id="app">{{message}}</div><script> new Vue({ el: "#app",

2020-11-04 20:34:05 134

原创 2.Vue实例

<div id="app"></div> <div id="app1"></div> <script> var obj = {a:1}; var vm = new Vue({ el:'#app', data:obj }) console.log(vm.a);//打印1 console.log(vm.a ==

2020-11-04 20:20:33 95

原创 1.Vue介绍

Vue学习初步认知

2020-11-04 19:40:20 116

weixin_45963440的博客