- 博客(39)
- 收藏
- 关注
RSS订阅原创 Vue组件通信——父子组件通信的四种方法
引入组件全局引入在main.js文件中引入并注册import ChildrenDemo from '@/views/components/ChildrenDemo'Vue.component('ChildrenDemo',ChildrenDemo)// 第一个参数 全局组件的名字(字符串类型)，第二个参数：引入的组件名（一般都与组件名保持一致）之后就可以全局使用组件了局部引入在父组件中引入import ChildrenDemo from '@/views/components/Ch
2022-07-13 22:55:55
16741
原创 小程序中父子组件通信的方法
全局组件在app.json文件中配置usingComponents,多个组件用逗号隔开，最后一个不加逗号单页面使用的组件在页面的.json文件中配置usingComponents配置好后即可在页面中使用组件注：组件名可以是小驼峰写法，也可以是短横线分隔符写法，json文件中引入自定义组件时，驼峰命名无法自动转换成 - 形式。所以组件名在定义、注册、引用时必须统一，与对应的是不同组件。在子组件 properties 中可以注册一些自定义组件属性，父组件调用子组件时可以向 properties 中的自定义属
2022-07-12 22:30:00
526
原创 在小程序中使用百度地图
进入百度开放平台官网，点击右上角“API控制台”，注册成为百度地图开发者。进入控制台，创建一个新应用。填写相应信息时，应用类型选择【微信小程序】，APPID填写小程序开发者ID。点击提交后，即可在查看应用页面看到申请成功的密钥（AK）。在项目根目录下新建一个路径，下载百度地图微信小程序JavaScript API，解压后的文件中有 bmap-wx.js 文件(压缩版 bmap-wx.min.js )，将其拷贝到新建的路径下，安装完成。登录微信公众平台－> “开发” －> “开发管理” －> ”开发设置“－>
2022-07-11 22:00:00
9759
10
原创 更改ElementUI默认样式的方法
2、有scoped，css原生写法：用 >>> （ >>> 前面可以是父元素或祖先元素）3、项目中用到了scss 、sass、less 都可以使用 /deep/或 : :v-deep当一个页面有多个相同组件，避免污染一个页面的样式，也可使用组合选择器精准修改个别组件样式...
2022-07-10 23:03:06
858
原创 定时器setInterval()与setTimeout()
按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。语法：注意：window 可以省略。第一个参数：重复执行的代码，必须， 有三种形式，可以直接写函数、写函数名、写字符串。第二个参数：间隔的毫秒数，必须，省略默认是0，如果写，单位必须是毫秒，表示每隔多少毫秒就自动调用这个函数。（1000毫秒 = 1秒）用 清除定时器。调用 setInterval() 函数时会获得一个返回值，使用该返回标识符作为参数，可以取消该 setInter
2022-07-09 22:36:00
413
原创 ECharts常用配置项
使用 echarts 实例的 setOption() 可以设置图表实例的配置项以及数据，万能接口，所有参数和数据的修改都可以通过 完成。调用方式：myChart.setOption(option); （option：必填参数，对象类型，包含图表的配置项和数据，还有其它可选参数暂不细说。）如简单柱状图设置setOption()常用配置项在 setOption(option) 的参数 option 中可以配置各图表组件的属性，数据等，可配置属性很多，以下示例选择性展示，全部属性可参考官方API。示例：x
2022-07-08 22:30:00
10494
原创 echarts——引入自定义主题
在主题编辑器 - Apache ECharts编辑主题下载主题（此处示例JSON版本），代码复制到 mytheme.js 文件中，文件名与主题名保持一致。引入 mytheme.js 文件在初始化 echarts 实例前注册主题初始化echarts实例，使用主题...
2022-07-07 21:53:15
876
1
原创 DOM事件参数——event对象
事件的名称 click ；load；mouseover；事件处理程序以**‘on**’开头；因此click事件的事件处理程序就是onclick；load事件的事件处理程序就是onload；HTML事件处理程序可以直接在事件处理程序中，添加执行的函数，也可以进行调用其他地方定义的脚本；event对象HTML事件处理程序会创建一个封装着元素属性值的函数，这个函数中有一个局部变量 event ，也就是事件对象。在用户触发事件，元素执行事件处理函数的时候，默认会向事件处理函数传入一个 event 对象，它记录
2022-07-07 21:50:04
379
原创 小程序中定时器的使用
第一步：定义定时器变量（如果定时器需要在不同的函数中启动与结束，就需要定义一个全局变量）第二步：定义启动定时器函数第三步：定义定时器需要定时执行的函数第四步：在某事件中启动定时器，此时countTime函数就会定时执行了第五步：清除定时器小程序页面退出时，定时器和长连接等不会自动清除断开，所以如果页面内没有清除定时器，需要在生命周期onUnload函数中手动清除定时器。（在vue中切换页面也需手动在生命周期函数beforeDestroy中清除定时器）。...
2022-07-04 22:22:37
3929
原创 ES6语法（一）
函数参数默认值参数默认值可以是数值参数默认值也可以是一个函数不定参数（剩余参数）用来表示不确定参数个数，形如，…变量名，由…加上一个具名参数标识符组成。具名参数只能放在参数组的最后，并且有且只有一个不定参数。扩展运算符将一个数组分割，并将各个项作为分离的参数传给函数箭头函数箭头函数内部没有arguments不能使用new关键字实例化this指向创建箭头函数的上下文的this的指向https://www.youkuaiyun.com/tags/MtjacgwsNzQzMDEtYmxvZwO0O0OO0
2022-07-02 22:18:00
215
原创 正则表达式的使用
正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。上例中，/to/i 是一个正则表达式；to 是一个正则表达式主体 (用于检索)；i 是一个修饰符 (搜索不区分大小写)。search 方法可使用字符串作为参数。字符串参数会转换为正则表达式：replace() 方法使用正则表达式replace() 方法使用字符串正则表达式修饰符参考：JavaScr
2022-07-02 22:15:53
318
原创 小程序基础
以 iPhone6 为例，iPhone6 的屏幕宽度为 375px ，共有 750 个物理像素，则 750rpx = 375px = 750 物理像素1rpx=0.5px=1物理像素
2022-07-01 23:21:30
68
原创 小程序之父子组件通信
1 父组件向子组件传递数据：1.1 在父组件的文件夹中的.json文件下引入子组件{“usingComponents”: {//“Tab” 是自己定义的组件名称//“…/…/components/Tab/Tab” 是组件的路径“Tab”:“…/…/components/Tab/Tab”}}1.2 在父组件里以标签的形式写入子组件如果需要传值的话，在标签上自定义属性名，属性值要以双花括号保住Component({/**2 子组件向父组件传递数据：子组件中监听方法：+1``子组件中发
2022-07-01 23:19:41
426
原创 小程序之wxs脚本
与js相似的另一种语言wxs代码可卸载wxml文件中的标签内，标签必须提供module属性指定当前wxs模块名称例如：将在wxml中不能直接使用的js的indexOf方法放在wxs中引用外联wxs脚本创建.wxs文件，在内编写代码如：在wxml文件中的标签里用相对路径引入该.wxs文件，使用里面的方法...
2022-06-30 23:30:31
418
原创 了解异步编程
同步按代码顺序执行，异步不按照代码顺序执行，异步就是从主线程发射一个子线程来完成任务，执行效率更高。我们常常用子线程来完成一些可能消耗时间足够长以至于被用户察觉的事情，比如读取一个大文件或者发出一个网络请求。子线程局限：一旦发射了以后就会与主线程失去同步，我们无法确定它的结束，如果结束之后需要处理一些事情，比如处理来自服务器的信息，我们是无法将它合并到主线程中去的。为了解决这个问题，JavaScript 中的异步操作函数往往通过回调函数来实现异步任务的结果处理。回调函数是一种以参数形式传递给另一个函数的函数
2022-06-29 09:34:41
88
原创 怎样使用AJAX
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。浏览器：创建XMLHttpRequest对象 → 发送HttpRequest ↓服务器：处理HttpRequest → 创建响应并将数据返回浏览器 ↓浏览
2022-06-29 09:31:05
96
原创 overflow-x与overflow-y的冲突
如果其中一个特性值被设置成了 ‘scroll’ 或 ‘auto’，而另一个特性指定值为 ‘visible’，那么 ‘visible’ 会被设置成 ‘auto’。当一个元素的 ‘overflow-x’ 或 ‘overflow-y’ 指定值为 ‘hidden’，另一个特性的指定值为 ‘visible’ 时， 该元素最终渲染使用的 ‘overflow-y’ 或 ‘overflow-x’ 值不同。IE6 IE7 IE8 使用 ‘hidden’，其它浏览器使用 ‘auto’。...
2022-03-13 14:20:32
1148
原创 什么是JSON
什么是JSONJSON 指的是 JavaScript 对象表示法（JavaScript Object Notation），是轻量级的文本数据交换格式JSON实际上是JavaScript的一个子集。在JSON中，一共就这么几种数据类型：number：和JavaScript的number完全一致；boolean：就是JavaScript的true或false；string：就是JavaScr...
2019-05-06 09:30:35
415
原创 HTML本地储存
什么是 HTML 本地存储？通过本地存储（Local Storage），web 应用程序能够在用户浏览器中对数据进行本地的存储。HTML 本地存储提供了两个在客户端存储数据的对象：window.localStorage ------ 存储没有截止日期的数据（当浏览器关闭时数据不会丢失）window.sessionStorage ------ 针对一个 session 来存储数据（当关闭浏览...
2019-05-04 23:10:03
485
原创 JavaScript常见事件
onload 和 onunload 事件onload 和 onunload 事件会在用户进入或离开页面时被触发。onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。onload 和 onunload 事件可用于处理 cookie。onchange 事件onchange 事件常结合对输入字段的验证来使用。如：当用户当用户改变输入字段的内容时调用...
2019-03-21 21:22:15
107
原创 JS任务一深度思考问题
一、JS有哪些数据类型和常用方法？js的数据类型，分为两大块，一个是基本数据类型，包括：undefined、null、boolean、number、string等；一个是引用数据类型，包括object、array、Date、RegExp等。基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。基本数据类型：JavaScript 的变量拥有动态类型，即同一个变量可以先后赋值为不...
2019-03-21 15:48:44
119
原创 JavaScript HTML DOM事件
事件模型的基本概念当浏览器，窗口，document，HTML元素上发生某些事时，Web浏览器会对外生成Event对象——这就是事件。事件极可能来自用户的行为，也可能来自JS对象自身。事件类型（event type）表单事件（如submit ，click，focus等事件）窗口时间（如load，unload等事件）鼠标事件（如click，dbclick，mousedown，mousemo...
2019-03-21 13:45:28
112
原创 JavaScript对象
JavaScript 对象JavaScript 中的所有事物都是对象：字符串、数值、数组、函数…此外，JavaScript 允许自定义对象。JavaScript 提供多个内建对象，比如String：字符串对象Number：原始数值的包装对象Math：用于执行数学任务，（Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()，像 Math.sin...
2019-03-21 12:21:21
116
原创 JavaScript通过HTML DOM创建动态HTML
HTML DOM （文档对象模型）当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 模型被构造为对象的树。查找 HTML 元素查找html元素有三种方法：1.通过id 找到 HTML 元素例：var x=document.getElementById(“intro”);如果找到该元素，则该方法将以对象的形式返回该元素。...
2019-03-18 13:25:23
1096
1
原创 JavaScript基础
什么是JavaScriptJavaScript 是脚本语言,一种轻量级的编程语言,可插入 HTML 页面的编程代码,插入 HTML 页面后，可由所有的现代浏览器执行。js可以做的事：写入 HTML 输出对事件作出反应改变 HTML 内容改变 HTML 图像改变 HTML 样式验证输入怎样引入jsHTML 中的脚本必须位于 标签之间。脚本可被放置在 HTML 页面的 和 部...
2019-03-15 13:04:43
191
原创 jQuery基础
jQuery基础jQuery是一个js函数库，可以进行html元素的增删改查，制作js特效和动画，html DOM遍历和修改等。安装官网下载Jquery库放在网页的同一目录下，在或通过 CDN（内容分发网络） 引用它（Staticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。）如百度CDA：<script src="https://apps.bdi...
2018-12-06 20:52:10
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人