qq_16855093的博客

你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到codepen查看Demo

生成实例对象的方法 1，原始模式（） 缺点：一是如果多生成几个实例，写起来就非常麻烦； 二是实例与原型之间，没有任何办法，可以看出有什么联系 var Cat = { 　　name : '', 　　color : '' }2，构造函数模式（与普通函数差不多，只是用this变量，使用new运算符，就能生成实例，并且this变量会绑定在实例对象上） 缺点：

//"动物"对象的构造函数。function Animal(){　　this.species = "动物";}//"猫"对象的构造函数。function Cat(name,color){　　this.name = name;　　this.color = color;}一、 构造函数绑定第一种使用call或apply方法，将父对象的构造函数绑定在子对象上function Cat(n

一、什么是”非构造函数”的继承？var Chinese = {　　nation:'中国'};var Doctor ={　　career:'医生'}二、object()方法//把子对象的prototype属性指向父对象，从而使得子对象与父对象连在一起function object(o) {　　function F() {}　　F.prototype = o;　　return new

business 模块的名称（可以随便命名，对应新建模块中的 模块标识。官方建议： 作者名+模块名 例：we7_demo） images 建议 图片、css 文件、js文件放此目录. template 模板目录（移动端模板放在mobile文件夹之下，web端直接放在template下） mobile APP 端模板目录 mobile.html APP 端模...

什么是设计模块        当需要扩展微擎系统功能时，微擎提供一套扩展机制称之为“微擎模块”，每一个模块就是一个独立的功能，通过微擎系统创建、安装、更新及卸载。         以下讲解怎么在微擎系统中设计创建一个模块。微擎模块设计助手可以通过 系统 - 模块 - 设计新模块 或是通过 http:%%//%%你的微擎链接/web/index.php?c=extension&a=modul...

<?xml version="1.0" encoding="utf-8"?><manifest xmlns="http://www.we7.cc" versionCode="0.7"> <!--节点application setting属性是否需要参数设置--> <application setting=&quo

!function (window) { function getQuery(e) { t = ""; if (-1 != e.indexOf("?")) var t = e.split("?")[1]; return t } var util = {}; util.iconBrowser = function (e) { require(["fileUploader...

//图片上传 public function doPageUpload(){ global $_GPC, $_W; $uptypes = array('image/jpg', 'image/jpeg', 'image/png', 'image/pjpeg', 'image/gif', 'image/bmp', 'image/x-png'); $max_file_size...

 <el-table :data="auditListArray" :span-method="objectSpanMethod">...</el-table> setTable() { let spanOneArr = [], spanTwoArr = [], concatOne = 0,...

微擎后台返回的富文本数据需要用ihtmlspecialchars()这个函数转换一下public function doPageWxParse(){ global $_W,$_GPC; $table = $_GPC['type']; $id = $_GPC['id']; $where = ['uniacid'=>$_W['uniacid']]; if($table &...

 这是页面的jsconst app = getApp()Page({ data: { }, getUser(data){ //这里调用封装的函数，给它传两参数，一个是obj，一个是function app.util.getUserInfo(data.detail,function(obj){ console.log('返回的参数',...

项目需求，嵌到elementUi里的小组件，写得不好，不喜勿喷，谢谢父组件代码<template> <div> <see-attachment :filesLists='files' :file='imgFile' v-if="showmask" @hideMask='showmask=false'></see-attachment>...

开发工具:HBuilderX1.笔记本和手机连接到同一个WIFI2.查询本地IP地址WIN+R，输入cmd回车，输入ipconfig，查看本地IPv4；3.修改网页项目中IP地址找到项目中config文件夹，下面index.js文件打开； 找到如下代码module.exports = {dev: { env: require('./dev.env'), ...

<template> <img :src="f.src" v-if="f" /> <img src="../../assets/zz.jpg" @click="add" v-else/> <input class="value" style="display:none" type="file" ref="file" accept="image/*" multiple="mul

@media screen and (min-width:240px){body{font-size:10px}}@media screen and (min-width:320px){body{font-size:12px}}@media screen and (min-width:360px){body{font-size:12px}}@media screen and (min-width:3

组件是 Web 开发的方向，现在的热点是 JavaScript 组件，但是 HTML 组件未来可能更有希望。本文就介绍 HTML 组件的基础知识：自定义元素（custom elements）。文章结尾还有一则 React 培训消息（含 React Native），欢迎关注。一、浏览器处理我们一般都使用标准的 HTML 元素。p>Hello Worl

深入理解JavaScript系列文章，包括了原创，翻译，转载，整理等各类型文章，如果对你有用，请推荐支持一把，给大叔写作的动力。 深入理解JavaScript系列（1）：编写高质量JavaScript代码的基本要点深入理解JavaScript系列（2）：揭秘命名函数表达式深入理解JavaScript系列（3）：全面解析Module模式深入理解JavaScri

javaScript组成ECMAScript：解释器、翻译,把人能看懂的语言解释成计算机能看懂的语言   DOM：Document Object Model 文本对象模型   BOM：Browser Object Model浏览器对象模型变量类型typeof运算符用法、返回值常见类型：number、string、boolean、undefined、object、func

什么是event对象用来获取事件的详细信息：鼠标位置、键盘按键例子：获取鼠标位置：clientXdocument的本质：document.childNodes[0].tagName获取event对象(兼容性写法)function(ev){var oEvent=ev||event;}事件流事件冒泡取消冒泡：oEvent.cancelBubble=true

webpak vue-loader vue-cli

vue1.0学习笔记

vue从1.0到了2.0以后，有哪些变化?

创建项目目录安装git，为了在命令行使用，把git配置到环境变量安装node，windows可以下载安装包安装bowerbower常用命令：bower init(初始化创建项目时用到)，bower install,bower uninstallbower配置文件：.bowerrc（路径配置文件，用于修改安装目录）、bower.json（用于管理第三方依赖）全局安装：np

对于一个网站，最占用带宽，最影响页面显示速度的东西就是图片。图片是很重要的，有时是必须的，作为一个站长，我们是千方百计的使用各种技巧来优化图片，我们可以使用 ImageOptim 或 TinyPNG 来消减图片体积，或用data URIs 和小图片来提升图片加载速度。如果一个页面上图片太大，或图片太多，无法消减，我们有另外一个方法来提升用户的页面显示体验，那就是延迟加载(lazy load)。

html代码<div class="div"> <div class="box"></div> <div class="box2"></div> <div class="box3"></div> <div class="sj_top"></div> <div class="sj_right"></div> <div class="sj_down"></

<div class="detail"> <div class="detail-wrapper"> 我是内容 </div> <div class="detail-close"> 我是底部 </div> </div>.detail{ position:fixed; //因为是遮罩效果所以要fixed top:0; l

谷歌浏览器、在记住密码后，会给用户密码输入框渲染上一个背景色，在有些时候这个浏览器自动使用的渲染背景色会影响页面的UI界面下面是css方法处理解决。input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {      -webkit-text-fill-color: #ededed !i

Vim命令合集命令历史以:和/开头的命令都有历史纪录，可以首先键入:或/然后按上下箭头来选择某个历史命令。启动vim在命令行窗口中输入以下命令即可vim 直接启动vimvim filename 打开vim并创建名为filename的文件文件命令打开单个文件vim file同时打开多个文件vim file1 file2 file3 ..

公司项目需求在html5+app里嵌了一个用vue开发的h5项目在vue项目里需要做上传图片功能，但是安卓和ios两者效果不一，安卓部份机型只能选择一张图片，ios可多选，在ipad上多选图片上传会出现丢失的情况，后来想到在vue项目里调用app里的选择图片和拍照方法，但是选择出来的图片web内无权限使用，无法用app的方法拿图片在web上传，之后有了下面的解决方法解决方案：在vue项...