- 博客(93)
- 收藏
- 关注
原创 uniapp组件库
一套集成20+(基于微信视觉规范)组件、主题、请求库、utils、store、国际化等于一体的模板。支持H5、APP、小程序(微信/支付宝/百度/头条/QQ/360)新增词云图、漏斗图、地图、多Y轴。uView UI,优秀的uniappUI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。这是一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值,高度自定义的Css组件库.高性能的uniApp组件库,具有使用说明文档和在线化体验,模板众多,功能齐全。推荐理由:组件性能较优,比较流畅,UI简洁易用。
2023-08-22 16:21:48
287
原创 微信小程序如何引入Iconfont
通过上述步骤,你可以在小程序中成功引入 Iconfont,以使用自定义的图标。请确保在应用图标前已经选择并添加所需的图标到 Iconfont 项目中,并按照上述步骤正确引入样式文件。打开 Iconfont 网站(https://www.iconfont.cn/)并登录账号,创建一个项目并添加所需的图标到项目中。是你在 Iconfont 中选择的图标的类名,通过添加类名即可在小程序页面中使用相应的图标。文件复制到你的小程序项目的目录中,通常是放在。在你的小程序项目的app.css样式文件中引入。
2023-08-05 13:30:17
3835
2
原创 cocos creator 如何限制速度最大值,禁止超出屏幕宽度
1.限制速度最大值> 使用场景:当点击左右键盘的时候,在水平方向会有一个加速度,那么,就会有速度最大值来限制速度过大。解决方案:使用函数绝对值可以解决 if(Math.abs(this.speed)>this.maxMoveSpeed){ this.speed=this.maxMoveSpeed*this.speed/Math.abs(this.speed); }1.禁止超出屏幕> 使用场景:当点击左右键盘的时候,物体会左右走动,如何
2021-02-05 17:15:34
1327
原创 cocos creator 如何获取向量长度
求坐标上一点到原点的距离,可以使用mag()函数 let len=this.joy.position.mag();
2021-01-09 06:43:23
1228
原创 cocos creator 如何获取单位向量
使用归一化函数normalize就可以获取到当前单位向量 this.dir=cc.v2(this.joy.position.normalize());用处:控制目标跟随 let dis=this.dir.mul(this.speed*dt); //移动的距离 let newPos=cc.v3(this.moveNode.position.add(cc.v3(dis))); //当前距离加上移动距离 this.moveNode.position=newPos;
2021-01-09 06:39:38
1085
原创 cocos creator 如何用代码给按钮组件添加自定义事件
当我们给节点新增了按钮组件 //获取按钮组件 let button=this.node.getComponent(cc.Button); //创建触发事件 let targetEvent=new cc.Component.EventHandler(); targetEvent.target=this.node; //添加触发模板节点 targetEvent.component='ButtonTest';
2021-01-09 06:33:38
893
原创 cocos creator 如何创建图集
声明装饰器 cc.SpriteAtlas使用图集getSpriteFrame()方法 this.node.getComponent(cc.Sprite).spriteFrame=this.atlas.getSpriteFrame("brick"+index);
2021-01-09 06:23:48
1016
1
原创 国开刷题 复制粘贴代码 自测题满分秘诀 (首个自创代码)
获取答案 let oradios=document.querySelectorAll(".rightanswer"); let oarr=[]; for (let i = 0; i < oradios.length; i++) { oarr.push(oradios[i].innerText); } localStorage.setItem("oarr",JSON.stringify(oarr));填写试题var oarr=JSON.parse(localStorage.getIt
2020-11-22 15:45:09
14708
13
原创 如何下载vue.js源码
登录vue官网https://cn.vuejs.org/v2/guide/installation.html1.根据开发要求选择相应的版本2.保存到本地目录即可
2020-11-07 10:31:27
4478
原创 拖拽 如何获取被拖拽文件txt内容
创建容器,初始化容器参数获取被拖拽txt文件内容 obox.ondrop=function (e){ let dataTransfer=e.dataTransfer; let fileData=dataTransfer.files[0]; let reader = new FileReader(); reader.readAsText(fileData,'utf-8'); reader.onload=function(e){ c
2020-11-07 07:28:03
290
原创 canvas 如何转二进制数据,如何复制图片,如何从内存中获取图片数据,路径
在页面中有一个canvas对象,canvas对象默认生成一张图片,我们可以通过以下两种方法,复制图片对象。1.Blob对象Blob对象可以帮助我们获取到二进制的图片数据,通过window.URL.createObjectURL()方法获取到图片链接地址。2.FileReader对象+Blob对象结合两者也可以帮助我们获取到图片链接地址。3.直接使用canvas 内置方法4.封装方法5.传统方法...
2020-11-06 10:34:45
2593
原创 node.js 如何自定义/引入js模块和使用第三方js模块
自定义模块1.定义:2.引入引用第三方js模块1.创建包文件方便记录有关第三方包文件信息yarn init -y注意:包名称不能是中文,最好是小写2.下载第三方模块yarn add 模块名字3.引用第三方模块const 变量名 =require('模块名')例子...
2020-11-04 10:49:09
1010
原创 为什么引入和到处js文件需要用到,module.exports / exports.属性等方法
因为每个模块都包含在函数内,是函数的内置对象module.exports={} 暴露所有exports.a=function(){} 暴露局部例子:
2020-11-04 10:37:23
615
原创 vue 如何监听对象属性变化 修改对象、数组属性--watch $set $delete (17)
我们可以使用computed去监听视图中data数据的变化,但是,有两种类型是监听不了,那就是对象与数组。watch接下来,我们使用watch属性去监听这两种数据类型内部成员值的变化。1.deep增加deep选项,监听对象内部值的变化。<script type="text/javascript"> let vm=new Vue({ el:'#app', data:{ flag:true, objs:{ obj1:{na.
2020-10-26 10:34:02
2100
原创 vue组件命名技巧 --重学vue.js笔记(16)
在实际开发的时候,我们将会用到上百个或者是上千个基本组件,为了更好地区分以及管理这些组件,我们就需要思考基本组件的名称如何定义。1.组件命名技巧:为了让我们的组件的名称更具可读性,在命名的时候,我们可以参考如下1.用好组件的名称的前缀例子:版权信息区块信息可以加上前缀 Base,表示我们常见网页中经常看到的,如BaseIcon其他前缀建议:Vue- My- V-(个人名字首写字母,经常在自定义组件用到)2.少用简称,多用单词(不会但单词找百度翻译)组件的命名应该是组合式单词.
2020-10-23 08:43:55
254
原创 vue 京东购物车实例 filter 、foreach、every、reduce --重学vue.js笔记(13)
效果图:点击快速查看1.初始静态布局源码:2.最终代码关键方法解析filter foreacheveryreduce splice1.初始静态布局源码:```html ```2.购物车最终代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=d
2020-10-22 15:47:54
379
原创 vue 淘宝弹窗实例 -重学vue.js笔记(12)
效果图:案例源码有疑问的可以在下方留言交流哦<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <style type="text/css"> *{ margin: 0; paddin
2020-10-21 20:15:44
221
原创 vue 父组件与子组件之间如何传值 ---重学vue.js笔记(11)
一:父组件如何传值给子组件问题一:如何把父组件中的msg传递给子组件?解决方法:父组件传值给子组件使用的是属性传值方式。子组件中的props选项是用来接收父组件传来的数据。1.在子组件中使用props选项接收父组件的值。 let son={ template:'#test', props:['msg2'] }props对应的值可以是数组也可以是对象,这里使用数组的方式定义变量。2…在子组件中使用v-bind指令作为父子之间变量的传递桥梁。 <s
2020-10-21 17:45:20
255
原创 vue 组件定义、注册、使用流程 全局组件与局部组件区别 --重学vue.js笔记(10)
背景以前使用js开发电商首页的时候(如淘宝首页),我们需要书写两千多行代码。如果使用vue进行开发,我们就可以将网页功能模块化,比如将头部区域划分为一个模块,轮播图划分为另一个模块,页脚部分划分为一个模块。每个模块有独立的html/css/js代码。那么,这些模块我们只需要编写一次,后期就可以重复使用了。这就大大加快了开发效率。我们可以把以上的独立模块称作为组件。接下来,将会介绍如何定义组件、注册组件、挂载组件等。1.定义组件 <script type="text/java.
2020-10-21 15:44:45
653
原创 vue.js 重学笔记(9) -- keyup.enter .tab .esc space键盘事件处理技巧
背景如何监听用户输完文本时按下键盘回车键?可以在vue使用v-on监听键盘事件的时候添加按键修饰符 <body> <div id="app"> <input v-on:keyup.enter="submit" /> </div> <script type="text/javascript"> let vm=new Vue({ el:'#app', da.
2020-10-20 11:33:13
1052
原创 vue.js 重学笔记(8) -- .stop .prevent .once .capture .self 事件修饰符的区别与应用
背景页面上有三个嵌套的div,a在最外侧,b在中间层,c在最里层。正常情况下,当我们点击c的时候,b的事件也会触发,a的事件也会触发。当我们点击b的时候,a的事件也会触发,这就是经典的冒泡事件。问题:当我们点击c的时候,如何阻止a跟b的事件触发解决方案:可以在事件后面添加修饰符。1. 什么是修饰符修饰符是以 .+修饰词 组成的,放在指令的后面,充当后缀名,起到对事件的补充说明作用。例子 .stop2. DOM事件修饰符2.1.stop.stop阻止单击事件继续传播 &l.
2020-10-20 11:13:32
447
原创 vue.js 重学笔记(7) --如何获取事件对象
引入> vue pk javascript:> 问题:在页面中有一个按钮,当点击按钮的时候,控制台会输出“hello word”javascript实现流程获取按钮对象给按钮实例绑定点击事件代码展示html代码<button id="btn" type="button">按我</button>script代码var obtn=document.getElementById("btn2"); -- obtn.onclick=function
2020-10-20 08:43:38
754
原创 vue.js 重学笔记(6) push pop unshift shift splice sort reverss数组变异方法
学习编程的唯一方法就是编写大量的代码。---- 点赞是动力,关注是支持----在javascript中,有很多个对数组进行操作的方法,但是,在vue.js中,只有一部分的方法才有效,这些方法,这些能够让数组在视图中完成更新操作的方法我们可以暂且把他们称作为 数组的变异方法数组<div id="app"> {{arr}} </div> <script type="text/javascript"> l.
2020-10-19 10:38:12
509
原创 vue.js 重学笔记(5) v-for循环列表
学习编程的唯一方法就是每天练习并且编写大量的代码。-点赞是动力,关注是鼓励-1.认识v-for指令> 很多时候,我们将会对从后台获取的列表数据进行渲染,比如轮播图的图片数据等列表数据。这时,我们就会使用到我们的v-for指令。2.v-for的基本用法2.1 v-for循环数组例子:现在有一个数组arr,需要使用ul,li标签完成渲染。实现步骤:1.确定渲染的数据:arr;2.确定绑定的标签:数组有多少个成员,就应该有多少个li,因此,我们需要把v-for绑定在li标签上.
2020-10-16 10:59:29
430
原创 v-bind的深入学习 -- vue.js重学笔记(4)
学习编程的唯一方法就是每天练习并且编写大量的代码。-关注我,我们一起进步-在学习javascript的时候,我们会碰到bind方法,这个方法可以帮助我们改变this指向。摘要在vue.js中,v-bind可以我们实现标签内的属性与渲染数据之间的绑定。v-bind可以帮助我们绑定标签内任意的属性.1.v-bind绑定src属性例子:在实际开发的时候,我们从后台中将会获取到很多张图片信息,这些信息都会使用一个数据将其包裹起来,如下代码 imgs:[ {src:'img/1.jpg',.
2020-10-16 09:48:20
251
2
原创 word表格函数 计算机应用基础(6)
表格函数理解什么是表格函数数学学科的一个基本概念。 函数(function)表示每个输入值对应唯一输出值的一种对应关系。可以通俗地理解为,函数是一种工具,它可以帮助我们实现某一功能。例子:面包机是一种工具,只需要我们在入口处按照一定地比例加入面粉跟水,它就可以帮助我们做出包子。表格函数也可以理解为工具,是可以帮助我们实现快速计算的功能的。word表格函数写法例子:求和函数 函数是由函数名+一对括号+参数组成的。函数名:我们可以根据函数名来确定当前函数的作用,sum是求和函数,是可
2020-10-15 11:08:13
1529
原创 word表格公式 计算机应用基础(5)
1.什么是单元格地址通过之前的学习,我们知道表格是由n个单元格组成的,这些单元格是可以用符号去描述它在表格中的位置。行标:使用阿拉伯数据(1,2,3…)描述单元格在表格中垂直方向的序号。列标:使用英文字母(A,B,C…)描述单元格在表格中水平方向的序号。结合行标与列标就可以确定单元格在表格中的具体位置了。例子:红色单元格所在的位置为B2练习:分别找出以下各个表格中红色单元格在表格中的地址表格公式...
2020-10-15 09:17:25
857
原创 v-model与表单控件如何实现双向绑定 --重学vue.js笔记(3)
—— 学习是自己的事情,需要自己重视 ——关注我,让我们一起进步…v-model表单控件中元素与数据双向关联1.输入框与数据双向绑定在输入框内代码中添加 v-model=‘msg’ ,那么,输入框中的value值就会自动绑定msg的值。当在页面中修改输入框的值的时候,则会自动相应vm中的msg的值。当修改msg的值的时候,也会自动修改页面中输入框的value值2.多行文本框与数据的双向绑定多行文本框跟输入框的使用方法也是类似的,都是使用v-mode=‘msg’ 完成两者之.
2020-10-14 19:14:06
298
原创 word表格的编辑 计算机应用基础(4)
1.基础概念1.单元格单元格是组成表格的基本单位,一个表格是由n个单元格堆叠而成的。例子:下面表格是由8个单元格组成练习:以下表格分别由多少个单元格组成?2.表格中的行在表格范围内,横向的叫行。例子:下列表格有两行练习:以下表格分别由多少个行组成?3.表格中的列在表格范围内,纵向的叫列。例子:以下表格中有4列练习:以下表格分别由多少列组成?2.基础操作1.如何创建表格创建表格的方法有几种。我们可以点击菜单栏上的【插入】> 【表格】,在此下拉菜单栏种,主要使用的
2020-10-14 10:26:58
1035
原创 vue.js基本指令(v-model,v-html,v-on,v-if v-else-if,v-show) --重学vue.js笔记(2)
指令是带有’v-'前缀的特殊属性。指令的职责是,当指令对应的值发生改变的时候,将其产生的连带影响,响应式地作用于Dom.v-model可以帮助我们实现在表单控件或者组件上创建双向数据绑定。例子: <body> <div id="app"> <!-- 此处增加一个输入框,并且添加v-model指令,使之与msg进行绑定 注意写法:双引号内不需要添加插值 --> <input typ.
2020-10-13 11:25:21
249
原创 vue 重学笔记(1) data,computed,watch,method基础属性
在学习vue之前,我们安装2个开发工具和1个插件,1.HBuilder X 编辑器2.chrome浏览器3.vue.js devtoolsvue.js devtools是chrome浏览器里一个插件,需要我们在chrome网上应用店里面安装。安装完成后,打开chrome浏览器的调试工具就会找到它。安装此插件会在我们开发vue项目的时候有比较好的开发提示和修复项目的debug,我们将会在往后的学习中更加详细的演示。接下来,让我们深入认识认识vue1.如何在页面引入vue.js<
2020-10-12 15:47:18
533
原创 02 创建flutter第一个项目应用 - flutter系列项目教程
使用idea创建项目点击【file】【new】【project】选择【flutter】,确认flutter sdk目录地址,点击【next】输入项目名称,其他默认,点击【finish】到此,我们的第一个项目就完成了,接下来,我们简单认识我们项目的主要文件夹...
2020-10-09 16:40:35
195
1
原创 flutter:idea如何开启代码自动格式化
点击【file】>【settings】->语言&框架->flutter->勾选 Format code on save即可
2020-10-09 15:40:03
1115
原创 01(Windows系统) Flutter 开发环境搭建 -flutter系列项目教程
flutter零基础到项目实战教程第一节:图解Flutter 开发环境搭建1.安装githttps://git-scm.com/2.设置镜像https://flutter.dev/community/china由于在国内访问 Flutter 有时可能会受到限制,Flutter 官方为中国开发者搭建了临时镜像,我们可以将如下环境变量加入到用户环境变量中:export PUB_HOSTED_UR=https://pub.flutter-io.cnexport FLUTTER_STORAGE_
2020-10-09 11:41:07
468
原创 thinkphp6:电商项目实战笔录 -005控制器获取数据库数据
1.配置数据库文件打开【config】>【database.php】文件,修改数据库信息2.创建数据表文件在【app】文件夹下新建【model】文件夹,新建两个文件,注意,文件名跟我们的数据表名字是相同的,但是首字母大写,如果名字是含有’_'下划线,后面的单词首字母大写即可。如下图附:数据表文件格式创建的新文件要继承Model类3.控制器操作模型数据打开文件【app】>【controller】>【index.php】注意:引入数据表文件后要实例化4.模型查询轮播图数
2020-09-27 11:50:53
930
2
原创 thinkphp6 控制器如何调用数据库
1.确定有确定的数据表文件,例如,要操作Banner数据表,则这个banner文件必须要继承Model类。2.控制器引入数据表类关键点:引入的模型需要实例化后使用代码解析use app\model\Banner as BannerModel;我把引入的Banner 类起了一个别名,叫BannerModel代码解析$bannerModel=new BannerModel;引用进来的BannerModel 需要实例化才可以调用动态方法result=result=result=bann
2020-09-27 10:28:22
1335
原创 thinphp6 tp6如何部署数据库
在tp6项目目录中,打开config文件夹,双击打开database.php文件,修改右边的数据库信息即可
2020-09-27 10:19:48
256
原创 2020年9月计算机一级ms理论题20套练习链接
计算机理论题测试(点击进去即可参加测试)第85套第84套第83套第82套第81套第80套第79套第78套第77套第76套第75套第74套第73套第71套第70套第69套第68套
2020-09-27 08:59:24
352
1
原创 thinkphp6电商项目实战笔录 -004如何链接数据库
要想操作数据库,首先要创建相关到的数据表,数据表如何创建,使用什么工具创建呢,在这里,我使用的是navicat。navicat可以帮助我们创建以及编辑数据表。安装navicat之后,双击打开它是下面这个样子的。接下来,我们需要点击【文件】【新建连接】【mysql】,就会弹出右边的窗口,填写好右边的窗口信息就可以帮助我们链接上数据库。那么,应该如何填。在填写这些信息之前,我们需要查看我们本地数据库有关信息。我使用的mamp pro,接下来,我们可以点击左侧【mysql】即可在右侧看到数据库的一些信
2020-09-24 16:45:11
407
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人