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

脚本(计算机术语)

脚本(Script)是批处理文件的延伸,是一种纯文本保存的程序,一般来说的计算机脚本程序是确定的一系列控制计算机进行运算操作动作的组合,在其中可以实现一定的逻辑分支等。

vue使用watch监听拿到props的传值

vue使用watch监听拿到props的传值 export default { data() { return { floorData0: {}, floorData1: {}, floorData2: {}, } }, props:['floorData'], watch:{ floorData:val = { console.log(this.floorData);在floorData传值成功的前提下,有时候会出现直接在 watch 里面通过 this.floorData 是无法拿到的,总是显示 undefined。然后需要通过 newVal和oldVal这么处理,才能拿到 floorData 的值: watch:{ floorData:(newVal,oldVal) = { console.log(newVal);

学会在组件中使用v-mode

学会在组件中使用v-mode 往往组件拆分需要负责数据的传递,通常会通过自定义事件来数据交互,但是如果使用v-module来做数据的交互,这样也许会简单很多。 子组件UserInfo.vue export default { props: { value: { type: String

不使用cli搭建angular项目

@NgModule({ imports: [ BrowserModule ], declarations: [AppComponent], providers: [], bootstrap: [AppComponent], }) export class AppModule { } app.component.ts: import { Component } from '@angular/core';/src/main.ts') }, output: { path: path.resolve(__dirname, 'wwwroot'), filename: '[name].ts)$/, use: [{ loader: '@angular-devkit/build-optimizer/webpack-loader', options: { sourceMap: false } }, '@ngtools/webpack'] }, { test: /\./tsconfig.json', entryModule: '.

数组扁平化

数组扁平化 利用apply特性 let arr = [[1,2],3,[4,5],[6,7],8] function flat1(arr){ return [].arr) } console.log(flat1(arr)) //[1, 2, 3, 4, 5, 6, 7, 8] PS:上述方法只能作用于二维数组,当出现多维数组时无法解决问题 多维数组解决方法 方法一: let arr = [1, 2, [3, 4, [5, 6], 7], 8, 9, [1, 2]] function flat(arr) { let arr1 = [] function arrPush(arr){ let len = arr.length for(let i=0;

《H5匠人手册》2:H5视觉创意

《H5匠人手册》2:H5视觉创意 视觉设计在H5设计制作中非常重要,好的视觉设计不仅能将主题表达得淋漓尽致,还能产生强烈的视觉感染力,最终引发用户的传播行为。 在H5实现的具体流程中,视觉设计师的工作内容包括: 一、H5创意视觉表现 视觉设计师在进行H5创意之前,在了解具体需求的同时,要明确项目运营目的和用户的需求。 常见的运营目的:增加日活跃用户量、拉

基于Editor.MD的Flask图片实现

基于Editor.MD的Flask图片实现 Editor.MD的Flask图片上传实战 inital 继上篇 基于Flask的Markdown编辑器实践选择的Editor.MD为博客提供的MarkDown编辑器自带图片上传接口,如果不使用Flask-Uploads的话也是很简便的。这篇相当于上篇的一个补充和拓展。 在html里添加这三行:imageUploadURL里填image',name=filename) } return jsonify(res) @admin_bp.route('/image/ ') @csrf.exempt def image(name): with open(os.path.join('.

Kotlin 全栈开发之 前端 JavaScript: Getting Started with

var trimIndent = Kotlin.kotlin.text.trimIndent_pdl1vz$; return new Date(ntime); } function renderTable() { var e = document.getElementById('title');: 1.《Kotlin 极简教程》(陈光剑)第39页。 Getting Started with Kotlin and JavaScript with Gradle 新书上架:《Spring Boot 开发实战》 — 基于 Kotlin + Gradle + Spring Boot 2.0 的企业级服务端开发实战 京东下单链接 https://item.jd.com/31178320122.html 天猫下单链接 https://detail.tmall.com/item.htm?

vue antd 基于json schema 的动态表单实现 二: 动态表单使用

写数据对象的结构 uiSchema: form ui 展示结构,是一个 ui schema 对象,描述如何显示表单 onSuccess: 表单提交成功执行的事件 submitting: 表单提交中的状态 逻辑代码(ts) 逻辑代码中主要包括两个属性:uiSchema 和 schema 根据这两个只读属性,可以正常展示表单 import { Component, Prop, Vue } from 'vue-property-decorator'; } private submiting: boolean = false; // 下拉框 registry.register('df-select', SelectWidget);

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 '.

网页制作加法运算

height: 20px; } #center{ text-align: center; padding: 100px; } #text2{ width: 70px; } #text3{ width: 70px; } 5、具体框架搭好之后,我们开始给三个文本框赋值变量 x,y,z。记住给文本框赋值是要用value哦。 代码如下: var x = document.getElementById('text1'). 7、最后我把所有的代码梳理一遍供大家参考使用,谢谢。 代码如下: function mybutton2() { var x = document.getElementById('text1'). var z=Number(x)+Number(y);

【译】使用 Script-Streaming 提升页面加载性能

(image-cc044e-1538213191690)] Motorola Moto E 上的性能 正如下图所示,重排序 script 标签的页面 A 的加载时间减少了 4.3%。 页面 B(没有示例图)上没有出现更快的加载速度,这可能是因为在 Moto E 设备上,当移动版页面 A 加载时, script-streaming 线程被占用了。 [图片上传失败.

HTTP 响应头:X-Content-Type-Options

HTTP 响应头:X-Content-Type-Options X-Content-Type-Options 是用来禁用浏览器内容嗅探行为。 1 描述 响应首部相当于一个提示标志,被服务器用来提示客户端一定要遵循在 Content-Type 首部中对 MIME 类型 的设定,而不能对其进行修改。这就禁用了客户端的 MIME 类型嗅探行为,换句话说,也就是意味着网站管理员确定自己的设置没有问题。 这个消息首部最初是由微软在 IE 8 浏览器中引入的

撩课-Web大前端每天5道面试题-Day17

撩课-Web大前端每天5道面试题-Day17 1.vue生命周期的作用是什么? 它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。 2. Vue实现数据双向绑定的原理:Object.defineProperty()?value = newValue document.getElementById('show'). el.style.height = '200px'; el.style.background = '#000'; } } } }) 2.全局指令 Vue.directive('dir2', { inserted(el) { console.log(el);

撩课-Web大前端每天5道面试题-Day20

撩课-Web大前端每天5道面试题-Day20 1.vue生命周期的作用是什么? 它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。 2. Vue实现数据双向绑定的原理:Object.defineProperty()?value = newValue document.getElementById('show'). el.style.height = '200px'; el.style.background = '#000'; } } } }) 2.全局指令 Vue.directive('dir2', { inserted(el) { console.log(el);

mockjs+vue页面直接展示数据

const Random = Mock.Random; Random.guid(); export default { name:"detail", data:function(){ return { text:"", } }, methods:{ mockInfo(){ let data = Mock.mock({ // 属性 list 的值是一个数组,其中含有 1 到 10 个元素 'list|1-20': [{ // 属性 id 是一个自增数,起始值为 1,每次增 1 'uuid':'@guid()', 'name' :'@cname()', 'age|20-35' : 20, 'sex' : "@sex", }] }) // 输出结果 return data }, }, mounted:function(){ this.text=JSON.stringify(this.mockInfo(), null, 4);

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).

移动端调试神器vConsole

console.log('Hello world');单页应用 我们在项目的入口引用这个文件就可以 npm install vconsole var vConsole = new VConsole();

搜索框自动补全(模糊匹配)功能实现

这里我把availableTags声明为全局变量.并且用同步的Ajax方式取回数据,然后赋值给availableTags,然后在监听键盘的函数中,使用返回的数据调用自动补全功能. //请求后端获取数据源 function get_source(word = null) { var url = " ?get({ type: 'GET', url: url, async: false,//改为同步 dataType: 'json', success: function (response) { console.log('1');autocomplete({ source: availableTags //数据源 });

手撕包菜搭建

skipping. By default, MariaDB comes with a database named 'test' that anyone can access. This is also intended only for testing, and should be removed before moving into a production environment. Remove test database and access to it? Query OK, 0 rows affected (0.00 sec) MariaDB [mysql] 接着就可以远程登陆数据库了 之后要修改手撕包菜程序里面的连接密码 首先关闭相关的进程 ps -ef |grep python 一般就是下面几个进程 root 958 1 0 20:51 ?

授之以渔-运维平台应用模块二(Vmware控制台篇)

f_code.co_name, index, each.config.network.vnic for eachvnic in tupleVNic[2]: index = index + 1 print sys._getframe(). 这里踩过的坑: 很有可能打开之后无法链接到wss://宿主机IP/ticket/xxxxxxxxxxx,原因是该网站的证书不被浏览器支持。可以先在浏览器打开https://宿主机IP,并信任ssl证书即可。 image.png image.png