11 2019 档案
摘要：安装babel-loader： npm install --save-dev babel-loader@7 babel-core babel-preset-es2015 webpack.config.js配置： module: { rules: [ { test: /\.js$/, exclude:
阅读全文
摘要：目录结构： 引用图片： body { /*background: red;*/ /*background: url("../img/test2.jpg"); 小图片*/ background: url("../img/test.jpg"); /*大图片*/ } 安装url-loader和file-l
阅读全文
摘要：loader概念： 首先来介绍一下loader，之前我们用webpack来处理我们写的js代码，并且webpack会自动处理js之间相关的依赖。但是，在开发中我们不仅仅有基本的js代码处理，我们也需要加载css、图片，也包括一些高级的将ES6转成ES5代码，将TypeScript转成ES5代码，将s
阅读全文
摘要：目录结构： 新建webpack.config.js配置文件 const path = require('path') //导出 path是node内置的包 通过npm init初始化得到package.json module.exports = { //导出入口和出口路径 entry: './src
阅读全文
摘要：在触发DOM上的某个事件时，会产生一个事件对象event。这个对象中包含着所有与事件有关的信息。包括导致事件的元素，事件的类型以及其他与特定事件相关的信息。 <body> <a href="http://www.baidu.com">baidu</a> <div class="box"> 我是div
阅读全文
摘要：概念 简单来讲事件流就是页面接受事件的顺序，事件发生后会在元素节点之间按照某种顺序传播 document->html->body->div->body->html->document这是DOM2级规定的事件流顺序，如下图： <body> <div id="outer"> <div id="inner
阅读全文
摘要：注册事件有两种方式，分别是DOM0级和DOM2级 DOM0级就是通过事件绑定的形式dom元素只能有(绑定)一个事件处理函数，他的特点是同一个元素绑定相同事件， 后面函数会覆盖前面的 绑定： dom.on+type = 事件处理函数 dom.onclick = function(){} 函数里面是要执
阅读全文
摘要：ES + DOM + BOM1 DOM 文档对象模型 Document object modeldom树 html | head body | | meta title div 2 事件 行为 三要素 事件类型(具体什么行为)、事件源（谁身上发生该行为）、事件处理 js程序如何处理事件 事件源.事件
阅读全文
摘要：<body> <input type="button" value="删除" id="btn"> <script> // 在body添加div // 1 创建元素 var oDiv = document.createElement('div'); oDiv.className = 'box'; //
阅读全文
摘要：目录结构： 入口文件：main.js 把项目所有的依赖文件都放进main.js //1.使用CommonJs的模块化规范 const {add, mul} = require('./mathUtil.js') console.log(add(20, 30)); console.log(mul(20,
阅读全文
摘要：<div id="app"> <cpn $ref="item"></cpn> <cpn></cpn> <cpn></cpn> <button @click="btnClick">按钮</button> </div> <template> <div>我是子组件</div> </template> </
阅读全文
摘要：有时候我们希望子组件的内容由父组件决定如何展示，这个时候子组件的数据父组件并不能访问到，而作用域插槽的关键之处就在于，父组件能接收来自子组件的slot传递过来的参数。 <div id="app"> <cpn></cpn> <cpn> <!--目的是获取子组件的数据并且按照父组件想要的形式展示-->
阅读全文
摘要：为了让我们的组件更加具有扩展性，可以使用插槽 <div id="app"> <cpn> <span>返回</span> <input type="text" placeholder="搜索"> <span>...</span> </cpn> </div> <template id="cpn"> <d
阅读全文
摘要：1 <div id="app"> 2 <cpn :number1="num1" 3 :number2="num2" 4 @num1change="numchange1" 5 @num2change="numchange2" 6 > 7 8 </cpn> 9 </div> 10 11 12 <temp
阅读全文
摘要：props用于父组件向子组件传递数据，还有一种比较常见的是子组件传递数据或事件到父组件中。我们应该如何处理呢？这个时候，我们需要使用自定义事件来完成。什么时候需要自定义事件呢？当子组件需要向父组件传递数据时，就要用到自定义事件了。我们之前学习的v-on不仅仅可以用于监听DOM事件，也可以用于组件间的
阅读全文
摘要：在组件中，使用选项props来声明需要从父级接收到的数据。props的值有两种方式：方式一：字符串数组，数组中的字符串就是传递时的名称。方式二：对象，对象可以设置传递时的类型，也可以设置默认值等。 1 <div id="app"> 2 <!--<cnp :cinfo="info" :childMyM
阅读全文
摘要：text-indent 属性首行文本缩进，有点像padding-left的效果.
阅读全文
摘要：本文链接：https://segmentfault.com/a/1190000012789253
阅读全文
摘要：vue项目中引用mui.js，我是在main.js中这样引入的， 结果报错 查找资料，最后在mui.js的最后添加了这样一句 这是因为mui并不能像jquery那样作为全局对象存在，加上window.mui = mui表示全局存在，后面插件也能正常使用
阅读全文
摘要：解决：在mui.js的源文件后最后加上 window.mui = mui;
阅读全文
摘要：本文链接：https://blog.csdn.net/Sophie_U/article/details/76223978 问题： 在vue的main.js中引入mui.min.js时，报错。 如上，单独在main.js或者任意组件中通过import 方式引入mui时都会报这个错。 原因：babel在
阅读全文
摘要：类似这样的效果 1 <view class='helpCateList'> 2 <!-- 类别 --> 3 <scroll-view class='scroll-view' scroll-x="true"> 4 <view class="item-content" wx:key="id" wx:fo
阅读全文
摘要：1 <body> 2 <script> 3 var d = new Date() 4 console.log(d) 5 var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'] 6 function dateTodtring() { 7
阅读全文
摘要：setInterval 方法表示每间隔一段时间执行一次函数，会一直执行下去，除非手动 clearInterval 来停止。 1 var i = 10; 2 var timer = setInterval(() => { 3 console.log(i--) //每次减1 4 if(i 0) { 5
阅读全文
摘要：在学习的过程中做了一个倒计时功能，用到的主要知识点有new Date()函数和setInterval定时器功能，在这里记录一下 1 <html> 2 <head> 3 <style> 4 h1 { 5 text-align: center; 6 } 7 </style> 8 </head> 9 10
阅读全文
摘要：js中判断一个变量的类型，通常的做法是用typeof方法，看它返回的是 什么，但是对于数组和对象它返回的都是object，ECMAScript引入了java中的instanceof 方法来弥补这一缺陷，来判断该变量是否是某种类型，它的返回值只有true和false。 一、typeOf 二、insta
阅读全文
摘要：今天在学习的时候碰到一个新概念，类数组，我用document.querySelectorAll 获取元素的时候，以为返回的是数组，想用splice方法操作这个数组，发现不行，查了一下资料发现这个方法返回的不是数组，叫类数组。总结了一下，arguments函数 document.querySelect
阅读全文
摘要：最近做的项目要实现一个动态添加动态删除的功能，思考了一下，该怎么给动态添加的元素绑定事件。最后觉得有两种方式比较可靠，第一种是在动态添加的html代码里添加oclick事件，然后给传个唯一的参数来判断点击了哪个，然后做相应的操作，第二种是通过事件委托的原理来处理，事件委托将一个事件侦听器实际绑定到整
阅读全文
摘要：最近做的微信网页要实现一个上传图片的功能，倒腾了半天终于搞好了，具体的步骤可以查看微信官方文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html，这里只是简答说一下， JSSDK使用步骤 步骤一：绑定域名
阅读全文
摘要：最近做的项目都是在使用mui做手机网页，大致是下面的这种弹出效果 首先，引入 mui.css或者mui.min.css 引入 mui.min.js或者mui.js 第二步：<a href="#弹窗ID"> </a> //控制弹窗的显示隐藏 <div id="弹窗ID" class="box mui-
阅读全文
摘要：一.mui-popover要显示、隐藏弹出菜单，可使用锚点方式. <div id="popover" class="box mui-popover mui-poppicker mui-popover-action mui-popover-bottom" style="height: 500px;ba
阅读全文
摘要：mui是一个高性能的HTML5开发框架，从UI到效率，都在极力追求原生体验；这个框架自身有一些规则，刚接触的同学不很熟悉，特总结本文；想了解mui更详细的信息，请访问mui官网 DOM结构 关于mui页面的dom，你需要知道如下规则。 固定栏靠前 所谓的固定栏，也就是带有.mui-bar属性的节点，
阅读全文
摘要：1、querySelector只返回匹配的第一个元素，如果没有匹配项，返回null。 2、querySelectorAll返回匹配的元素集合，如果没有匹配项，返回空的nodelist(节点数组)。 可通过指定下标的方法获取某个的元素，例如document.querySelectorAll('.ubo
阅读全文
