当表格内的数据较多时,我们无法一页一页的查找,这时可以通过一个搜索框来实现搜索。 对于这个搜素框,我们为了更好的体验可以利用keyup事件实现在用户输入的时候就开始筛选,而不是填完以后点击搜索按钮再执行。 效果图:实现代码:$(function () {$("tr.parent").click(function () {$(this).siblings('.child_'+this.id).toggle();});$("tr.parent").addClass("selected");$("#searchbox").keyup(function () {$("table tbody ...
首先定义一个对象obj,该对象的原型为obj._proto_,我们可以用ES5中的getPrototypeOf这一方法来查询obj的原型,我们通过判断obj的原型是否与Object.prototype相等来证明是否存在obj的原型,答案返回true,所以存在。然后我们定义一个函数foo(),任何一个函数都有它的prototype对象,即函数的原型,我们可以在函数的原型上添加任意属性,之后通过new一个实例化的对象可以共享其属性(下面的两个例子会详细介绍)。function foo(){} fo...
组件名称:catalog 组件属性:catalogData,type:String 组件描述:这是一个子组件,数据从父组件中传递 效果图:catalog 目录为多个,使用 scroll-view 容器。但是在当前组件中,只写每个 catalog 数据展示并实现 catalog 切换效果,这样会保证当前组件的最小粒度。 分析当前组件可能用到的属性为:组件名称,切换状态,未选中状态,切换点击方法。 <block wx:for="{{catalogData}}" wx:key="id" wx:for-item="item" class="item...
在使用 sea.js 、require.js 、 angular 的时候。 我们使用到 define 、 module(require) 的方式,定义模块,和依赖模块 下面给出 define 和 module 的简单实现。 其本质,就是往一个对象上面添加方法 var F = {}; F.define = function(str,fn){var parts = str.split(".");var parent = this; // parent 当前模块的父模块var i = len = 0;//如果第一个模块是模块单体对象,则移除if(parts[0] == "F"){parts = parts.slice(1);}//...
首先要了解框架分页自带的参数有哪些,特别是注意参数名称要和后台一致!**需要注意的是layui框架的数据解析格式问题,data必须是个数组对象的形式才能正常解析否则会很麻烦(亲测过非正常解析,手写js手动动态添加表格) data 格式例如: {"count": 11,"code": 0,"msg": "","data": [{"id": "1","money": 20,"toptype": "在线","operationtype": "充值","remittanceid": 1,"img": "","datetime": "2018-08-01 16:01:09","accountid...
当我们给元素加上 overflow: auto; 的时候,就会出现滚动条,然而浏览的不同,滚动条的样式大不一样,有些甚至非常丑。 于是就想着自己写一个滚动条,大概需要弄清楚一下这几个点: 1、滚动条 bar 是根据内容的多少,高度不一样的,这个需要动态的计算 2、滚动条 bar 的 top 位置 和 内容scrollTop 的关系。 思路: 使用嵌套的布局,如下: <!DOCTYPE html> <html><head><meta charset="utf-8"><title></title><style type="text/c...
这篇文章主要介绍了vue 使用高德地图vue-amap组件过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 首先 npm install -S vue-amap然后在 main.jsimport VueAMap from vue-amap; //注意不要和 AMap原始名称覆盖 Vue.use(VueAMap); // 初始化vue-amap VueAMap.initAMapApiLoader({// 高德的keykey: you key,// 插件集合plugin: [AMap.Autocomplete, AMap.PlaceSearch, AM...
概述 大体思路是这样的:先建一个蒙版,蒙版放上提示的信息,然后写一个js,在页面打开的时候判断是不是用微信自带的浏览器打开的,如果是就打开蒙版,提示用浏览器打开 .基本页面<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><title>APP下载</title><style type="text/css">td {line-height: 50px;font-size: 40px;} </style></head><body style="background-color: #4DFFFF;padding-top: 400px"><div align=...
如下图:1、定义了一个类似下拉的组件 mySelect , 然后里面有自定义的组件 myOptions 2、有很多时候,我们希望, mySelect 组件内部的子组件,只能是 myOptions 。 不应该有 <div>666</div> 3、在mySelect 里面做一层过滤,去掉不需要的组件 下面先看看 myOptions.vue 组件代码 <template><div class="options"><div>这里是 options</div></div> </template><script> // @ is an alias to /src export default {name: myoptions,d...
这篇文章主要介绍了微信小程序 checkbox使用实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 效果图如下:实例代码如下:type_add.js // pages/detail_add/detail_add.js Page({/*** 页面的初始数据*/data: {selectData: "", //下拉列表的数据height: 20,focus: false},checkboxChange: function(e) {console.log(checkbox发生change事件,携带value值为:, e.detail.va...
这篇文章主要介绍了微信小程序 wx:for遍历循环使用实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 效果图如下:实现代码如下:type.js: // pages/type/type.js Page({/*** 页面的初始数据*/data: {types: ""},editType: function (e) {var typeId = e.currentTarget.dataset[id];console.log("edit:"+typeId);wx.navigateTo({url: ../type_edit/type_edit?typeId= + ty...
如图:三角形,在很多时候,需要用到,例如tib提示信息,很多都是需要三角形来做辅助效果,在css样式中,代码如下: .Trianglebox{width: 0px;height: 0px;border-style: solid;border-color: transparent blueviolet transparent transparent;border-width: 100px; }页面代码: <div class="Trianglebox"></div>主要是理解border的属性, border-style设置边框的样式, border-width设置宽度, border-color设置颜色设置div的宽度...
前言 webpack是如何解析代码模块路径 webpack 中有一个很关键的模块 enhanced-resolve 就是处理依赖模块路径的解析的,这个模块可以说是 Node.js 那一套模块路径解析的增强版本,有很多可以自定义的解析配置。 模块解析规则 解析相对路径 查找相对当前模块的路径下是否有对应文件或文件夹是文件则直接加载是文件夹则继续查找文件夹下的 package.json 文件有 package.json 文件则按照文件中 main 字段的文件名来查找文件无 package....
今天机试有个内容是做网易云课堂tab栏切换的,如下先简单说下我当时的想法 1.先弄一个大div盒子,我命名为tab 2.在大盒子tab里面有两个小盒子,分别是标题栏(tab_list)和内容栏(tab_con) 3.采用display:flex;使标题栏菜单和内容栏的内容水平对齐(可能待会放的代码不是很规范,但实现对齐效果) 4.js编写鼠标移入事件,主要是利用display:none和display:block之间的切换。 下面放下我当时写的代码吧,可能写得不是很正规,...
预解析:在当前作用域下,js运行之前,会把带有var和function关键字声明的变量先声明,并在内存中安排好。然后从上至下解析js语句。而且function的声明优先于var声明。 不多说,,直接上代码 正规写法: var num=10;fun(); function fun(){console.log(num);//undefined var num=20; }预解析里:先将变量和函数提前,如下: var num;function fun(){var num;console.log(num);//undefinednum=20; }num=10;fun();第二种 var n...