大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

Item(《魔法禁书目录》中的暗部组织之一)

“Item”是类似“管理者”地位的学园都市暗部组织,主要成员由4名女孩组成。和“School”是敌对关系。任务是阻止统括理事会及高层的暴走。10/9事件后解体。 曾在外传漫画《某科学的超电磁炮》八月十九日事件中作为阻止御坂美琴破坏“妹妹计划”实验设施的雇佣兵登场。

用Vue.js写一个 自适应_等比缩放_无缝切换轮播

imgsWrp { display:flex; background-position:center center } 这次轮播li里不是直接套图片img了,使用了我之前《自适应缩放图文列表》同样的原理,所有的图片都是设置div.imgsInner的背景。然后,用padding撑开div.imgsInner。ul里的li,使用的flex布局就不多赘述了,相关的文章资料好大一坨呢! JavaScript 结构 var vm = new Vue({ el: "#app", data: { imgsArray: [], lens:0 }, beforeCreate:function(){ axios.get('imgslist.json') .

给我一首诗的时间

给我一首诗的时间 前端入坑纪 59 今天来分享最简单版打字机效果 好,详解如下! OK,first things first! 点我查看实际效果 诗仙,你好 HTML 结构 通过canvas里面来模拟打字的效果,所以一个canvas容器是必须的 CSS 结构 html,body { margin: 0; font-size: 0; j = 0 } }else{ clearInterval(tik) } }, 170);

ES6几个好用的数组操作方法

ES6几个好用的数组操作方法 Array.from() :将json数组格式转换成数组 // 这是json数组的格式,注意: // key 必须是数字 // json 的结尾必须写明 json 的长度 let json = { '0' : '123456', '1' : '123456', '2' : '123456', length:3 } // 将json数组转换成数组的格式 let arr = Array.from(json) console.log(arr) find() 示例方法,用于查找数组内的某个元素 let arr = ['liu','yuan','wai']; let list = arr.entries(); console.log(list.next().

vue中for循环的class绑定事件

vue中for循环的class绑定事件 {{item.MALL_CATEGORY_NAME}} data() { return { categoryIndex : 0, } }, methods: { clickCategory(index){ this.categoryIndex = index; } }

每天一点算法-桶排序 (Day2)

//用于保存结果 //待排序数据依次放入桶,这里遍历n次 arr.forEach(function(item){ //一个桶可以装多个数,所以用数组装 if(buckets[item]) buckets[item].push(item); //将桶里从头到尾连起来输出,这里遍历n次 buckets.forEach(function(item){ if(item) result = result.concat(item); }) return result; } var arr = [77, 6, 37, 96, 34, 6, 14]; console.log(sort(arr));

第14章 使用Kotlin 进行 Android 开发(2)

] } 我们使用 fastjson 来解析这个数据。在 app 下面的 build.gradle中添加依赖 dependencies { .build() StrictMode.setThreadPolicy(policy) 我们使用了一个 data class Movie 来存储电影对象数据 data class Movie(val id: String, val title: String, val overview: String, val vote_count: String, val vote_average: String, val release_date: String, val posterPath: String) 配置 AndroidManifest.xml 最后,我们配置 AndroidManifest.xml文件内容如下 .

vue antd 基于json schema 的动态表单实现 三: 实现

: any[]; /** * 从 组件工厂中获取组件并显示 */ private createWidgets(foritem: any): any { const key = `df-${foritem.type}`; const comp = registry.getType(key); return comp; } } dyformitemMixin 动态表单项和表单组件的混入,提炼每个组件需要的公共方法和属性 import { Observable, Subscription, BehaviorSubject } from 'rxjs'; import { Component, Prop, Vue, Emit, Model, Watch, } from 'vue-property-decorator'; import { DFSchema } from '.

移动端开发就不需要学习CSS了?

item { float: left; border-top: 1px solid #fff; } 实现效果: flex上下划分效果 中间那条竖空白间隙错位了,为什么?按照预期我们上面块左侧宽度66.6%,下面块左侧宽度33.3% + 33.3%,两个宽度应该相等才对。 然而我们忽略了flex一个重要特性,子元素会自动占满父元素剩余空间,这时子元素宽度计算受flex控制,下面块的3个子元素宽度计算并非一定是相等的,会有些许差异,此时66.6% !

用javascript实现一个事件队列

用javascript实现一个事件队列 详见github,使用方法参考index.html function EventQueue(delayTime) { this._delayTime = delayTime || 20; } EventQueue.prototype = { add: function (excute, params) { this._queue.push({ excute: excute, params: params }); this.start(); }, start: function () { if (this._delayTime = 0) { this.process(); setTimeout(function () { self.process(); if (item) { var self = this; item.excute(item.params, function () { self.process();

移动端原生H5开发心得和干货(持续更新2018-08-10)

} 6. 修改表单元素的默认样式 input, button, select, textarea { border: none;hide-text-n { overflow: hidden; flex-direction: column } .dialog-content { background-color: #fff } fixed + flexbox布局,一般用于对话框 20. 左边固定宽度,右边自适应 html css .left { width: 50rem;on('click', '.div,在Iphone上都无法触发该事件,但是Android、PC却可以,上网找了一下资料,解决办法有两种: 给.btn加个css属性cursor: pointer;

5种方式实现数组扁平化

5种方式实现数组扁平化 数组扁平化概念 数组扁平化是指将一个多维数组变为一维数组 [1, [2, 3, [4, 5]]] ------ [1, 2, 3, 4, 5] 实现 1. reduce 遍历数组每一项,若值为数组则递归遍历,否则concat。 function flatten(arr) { return arr.reduce((result, item)= { return result.concat(Array.isArray(item) ?split(','). arr.map(item = { if(Array.isArray(item)) { res = res.concat(flatten(item)); } else { res.push(item);

使用element封装动态配置表格

三、BaseDialogForm组件的源码 {{option.name}} {{option.name}} 取 消 确 定 export default { name: "base-dialog-form", props: [ 'title', 'width', 'visible', 'config', 'formData' ], data() { return { formModel: {}, dialogVisible: false, dialogTitle: '', } }, mounted() { // 将组件上的属性赋值给当前组件内变量,因为props只能单向绑定,还需要监听属性值变化进行父子组件间交互 this.formModel = this.formData;

vue使用pdfjs显示PDF可复制

then((textContent) = { // 创建文本图层div const textLayerDiv = document.createElement('div') textLayerDiv.setAttribute('class', 'textLayer') // 将文本图层div添加至每页pdf的div中 pageDiv.appendChild(textLayerDiv) // 创建新的TextLayerBuilder实例 let textLayer = new TextLayerBuilder({ textLayerDiv: textLayerDiv, pageIndex: page.pageIndex, viewport: viewport }) textLayer.setTextContent(textContent) textLayer.render() }) }) } }) }, createCanvas (totalPages) { for (let i = 1;

使用reduce实现map

// 定义回调函数的执行环境 // call第一个参数传入null,则 this指向全局对象,同 map的规则 let CBThis = callbackThis || null; this.reduce((brfore, after, idx, arr) = { // 传入map回调函数拥有的参数 // 把每一项的执行结果push进res中 res.push(fn.call(CBThis, after, idx, arr));

vue+elementUI之input实战

vue+elementUI之input实战 最近的项目大量的使用了elementUI+vue这种模式。所以写下一些心得,希望能帮助到看到这篇文章的可爱的你。 此文章默认你已经有vue搭建并会使用的基础。木有的话,请先看看vue吧 vue官方文档[2.gif](https://upload-images.jianshu.io/upload_images/6101567-70438a9dea83c539.gif? if(newValue==='reset'){ //遍历置灰数组,将值全部置为false Object.keys(_this.disabled).

如何在Angular中使用better-scroll插件

@Component({//欢迎加入全栈开发交流圈一起学习交流:864305860 selector: 'app-listscroll', templateUrl: './listscroll.component.html', styleUrls: ['./listscroll.component.css'] }) export class ListscrollComponent implements OnInit { @ViewChild('scroll') scrollEl: ElementRef; @Input() private height: number; // 初始化 setTimeout(() = { this.scroll = new BScroll(this.scrollEl.nativeElement, {click: true});

又拍云 Node.js 实现文件上传、删除

又拍云 Node.js 实现文件上传、删除 Node.js 服务端 使用 Node.js + Express.js 实现 服务端 const express = require("express");update(value) .toString("base64"); axios({ url: upyunUrl + bucketname + item, method: 'DELETE', headers: { 'Authorization': authorization, 'Date': date } }). formData.append("file", uploadInput.files[0]) formData.append('policy', token.policy) formData.append("authorization", token.authorization) axios({ method: 'POST', url: upUrl, data: formData }).

原生Android 侧滑菜单实践(部分)

,MD可能不需要两行代码。 添加Framelayout 此处链接为开发者文档 //此处Toolbar修改为自己习惯的写法,为变量 private String[] mTitles; //创建标题变量 private DrawerLayout mDrawerLayout; args.putInt(Fragment.ARG_LIST_NUMBER, position); mTitle = mDrawerTitle = getTitle(); } @Override public boolean onPrepareOptionsMenu(Menu menu) { //每当我们调用invalidateOptionsMenu()时调用 boolean drawerOpen = mDrawerLayout.isDrawerOpen(mDrawerNavgation);

搜索为将 -- solr 6.6 从入门到进阶 (二)

搜索为将 -- solr 6.6 从入门到进阶 (二) 前言 上一篇已经介绍了 solr 的基本操作。传送门: 搜索为将 -- solr 入门现在介绍如何 与数据库 整合。 solr managed-scheme 文档solrConfig.xml 文档下添加相应的内容 lib 的修改原则,我的上篇文章写的很清楚,不再阐述。 data-config.xml managed-scheme 文档