![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
达大大
这个作者很懒,什么都没留下…
展开
-
Flex 布局教程:实例篇
你会看到,不管是什么布局,Flex往往都可以几行命令搞定。我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面,最多可以放置9个点。下面,就来看看Flex如何实现,从1个点到9个点的布局。你可以到codepen查看Demo转载 2017-09-22 19:52:10 · 158 阅读 · 0 评论 -
补基础之javascript面向对象-封装
生成实例对象的方法 1,原始模式() 缺点:一是如果多生成几个实例,写起来就非常麻烦; 二是实例与原型之间,没有任何办法,可以看出有什么联系 var Cat = { name : '', color : '' }2,构造函数模式(与普通函数差不多,只是用this变量,使用new运算符,就能生成实例,并且this变量会绑定在实例对象上) 缺点:原创 2017-12-22 10:43:40 · 155 阅读 · 0 评论 -
补基础之javascript面向对象-构造函数的继承
//"动物"对象的构造函数。function Animal(){ this.species = "动物";}//"猫"对象的构造函数。function Cat(name,color){ this.name = name; this.color = color;}一、 构造函数绑定第一种使用call或apply方法,将父对象的构造函数绑定在子对象上function Cat(n原创 2017-12-22 11:07:45 · 212 阅读 · 0 评论 -
补基础之javascript面向对象-非构造函数的继承
一、什么是”非构造函数”的继承?var Chinese = { nation:'中国'};var Doctor ={ career:'医生'}二、object()方法//把子对象的prototype属性指向父对象,从而使得子对象与父对象连在一起function object(o) { function F() {} F.prototype = o; return new原创 2017-12-22 16:21:51 · 200 阅读 · 0 评论 -
微擎模块目录结构
business 模块的名称(可以随便命名,对应新建模块中的 模块标识。官方建议: 作者名+模块名 例:we7_demo) images 建议 图片、css 文件、js文件放此目录. template 模板目录(移动端模板放在mobile文件夹之下,web端直接放在template下) mobile APP 端模板目录 mobile.html APP 端模...原创 2018-02-27 20:53:45 · 3899 阅读 · 0 评论 -
微擎设计模块详解
什么是设计模块 当需要扩展微擎系统功能时,微擎提供一套扩展机制称之为“微擎模块”,每一个模块就是一个独立的功能,通过微擎系统创建、安装、更新及卸载。 以下讲解怎么在微擎系统中设计创建一个模块。微擎模块设计助手可以通过 系统 - 模块 - 设计新模块 或是通过 http:%%//%%你的微擎链接/web/index.php?c=extension&a=modul...转载 2018-02-27 21:00:17 · 8915 阅读 · 1 评论 -
微擎manifest各标签注释
<?xml version="1.0" encoding="utf-8"?><manifest xmlns="http://www.we7.cc" versionCode="0.7"> <!--节点application setting属性是否需要参数设置--> <application setting=&quo原创 2018-02-27 21:14:53 · 788 阅读 · 0 评论 -
微擎util.js
!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...原创 2018-03-19 11:47:01 · 3851 阅读 · 0 评论 -
微信小程序上传图片到微擎
//图片上传 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...原创 2018-04-11 23:07:57 · 3803 阅读 · 1 评论 -
element UI table 实现合并单元格
<el-table :data="auditListArray" :span-method="objectSpanMethod">...</el-table> setTable() { let spanOneArr = [], spanTwoArr = [], concatOne = 0,...原创 2018-09-10 08:53:00 · 2224 阅读 · 1 评论 -
微信小程序解释微擎富文本
微擎后台返回的富文本数据需要用ihtmlspecialchars()这个函数转换一下public function doPageWxParse(){ global $_W,$_GPC; $table = $_GPC['type']; $id = $_GPC['id']; $where = ['uniacid'=>$_W['uniacid']]; if($table &...原创 2018-09-19 11:21:15 · 938 阅读 · 0 评论 -
微信小程序里的typeof cb == "function" && cb(obj);是这个意思
这是页面的jsconst app = getApp()Page({ data: { }, getUser(data){ //这里调用封装的函数,给它传两参数,一个是obj,一个是function app.util.getUserInfo(data.detail,function(obj){ console.log('返回的参数',...原创 2018-09-14 17:35:59 · 8338 阅读 · 3 评论 -
vue简易图片左右旋转,上一张,下一张组件
项目需求,嵌到elementUi里的小组件,写得不好,不喜勿喷,谢谢父组件代码<template> <div> <see-attachment :filesLists='files' :file='imgFile' v-if="showmask" @hideMask='showmask=false'></see-attachment>...原创 2018-10-09 11:33:19 · 2418 阅读 · 0 评论 -
在html5+app里调试vue页面
开发工具:HBuilderX1.笔记本和手机连接到同一个WIFI2.查询本地IP地址WIN+R,输入cmd回车,输入ipconfig,查看本地IPv4;3.修改网页项目中IP地址找到项目中config文件夹,下面index.js文件打开; 找到如下代码module.exports = {dev: { env: require('./dev.env'), ...原创 2019-02-18 11:07:25 · 1846 阅读 · 0 评论 -
最简单的vue上传图片
<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原创 2017-11-30 20:18:03 · 3781 阅读 · 0 评论 -
移动端响应式开发rem字体与页面百分比设置
@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原创 2017-11-15 20:59:18 · 1849 阅读 · 0 评论 -
HTML 自定义元素教程
组件是 Web 开发的方向,现在的热点是 JavaScript 组件,但是 HTML 组件未来可能更有希望。本文就介绍 HTML 组件的基础知识:自定义元素(custom elements)。文章结尾还有一则 React 培训消息(含 React Native),欢迎关注。一、浏览器处理我们一般都使用标准的 HTML 元素。p>Hello Worl转载 2017-09-22 19:54:19 · 434 阅读 · 0 评论 -
深入理解JavaScript系列
深入理解JavaScript系列文章,包括了原创,翻译,转载,整理等各类型文章,如果对你有用,请推荐支持一把,给大叔写作的动力。 深入理解JavaScript系列(1):编写高质量JavaScript代码的基本要点深入理解JavaScript系列(2):揭秘命名函数表达式深入理解JavaScript系列(3):全面解析Module模式深入理解JavaScri转载 2017-09-22 20:18:14 · 178 阅读 · 0 评论 -
js基础
javaScript组成ECMAScript:解释器、翻译,把人能看懂的语言解释成计算机能看懂的语言 DOM:Document Object Model 文本对象模型 BOM:Browser Object Model浏览器对象模型变量类型typeof运算符用法、返回值常见类型:number、string、boolean、undefined、object、func原创 2017-10-27 12:17:05 · 132 阅读 · 0 评论 -
js事件
什么是event对象用来获取事件的详细信息:鼠标位置、键盘按键例子:获取鼠标位置:clientXdocument的本质:document.childNodes[0].tagName获取event对象(兼容性写法)function(ev){var oEvent=ev||event;}事件流事件冒泡取消冒泡:oEvent.cancelBubble=true原创 2017-10-28 15:02:43 · 176 阅读 · 0 评论 -
webpack与vue-cli
webpak vue-loader vue-cli原创 2017-11-06 22:13:23 · 926 阅读 · 0 评论 -
Vue1.0学习笔记
vue1.0学习笔记原创 2017-11-05 19:21:50 · 258 阅读 · 0 评论 -
vue从1.0到了2.0以后,有哪些变化?
vue从1.0到了2.0以后,有哪些变化?原创 2017-11-07 19:24:10 · 919 阅读 · 0 评论 -
前端自动化工程构建node,npm,bower,gulp
创建项目目录安装git,为了在命令行使用,把git配置到环境变量安装node,windows可以下载安装包安装bowerbower常用命令:bower init(初始化创建项目时用到),bower install,bower uninstallbower配置文件:.bowerrc(路径配置文件,用于修改安装目录)、bower.json(用于管理第三方依赖)全局安装:np原创 2017-10-30 11:14:21 · 336 阅读 · 0 评论 -
简单几句JavaScript代码实现图片延迟加载并淡入淡出显示效果
对于一个网站,最占用带宽,最影响页面显示速度的东西就是图片。图片是很重要的,有时是必须的,作为一个站长,我们是千方百计的使用各种技巧来优化图片,我们可以使用 ImageOptim 或 TinyPNG 来消减图片体积,或用data URIs 和小图片来提升图片加载速度。如果一个页面上图片太大,或图片太多,无法消减,我们有另外一个方法来提升用户的页面显示体验,那就是延迟加载(lazy load)。转载 2017-10-22 22:10:58 · 590 阅读 · 0 评论 -
学习less记录
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"></原创 2017-10-31 21:07:19 · 263 阅读 · 0 评论 -
蒙层Flexbox将页面底部固定在屏幕最下方,内容占满屏后紧跟其后
<div class="detail"> <div class="detail-wrapper"> 我是内容 </div> <div class="detail-close"> 我是底部 </div> </div>.detail{ position:fixed; //因为是遮罩效果所以要fixed top:0; l原创 2017-11-09 22:15:05 · 955 阅读 · 0 评论 -
css解决浏览器记住密码后input框的背景色为淡黄色的代码
谷歌浏览器、在记住密码后,会给用户密码输入框渲染上一个背景色,在有些时候这个浏览器自动使用的渲染背景色会影响页面的UI界面下面是css方法处理解决。input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #ededed !i转载 2017-10-25 17:18:06 · 2692 阅读 · 0 评论 -
vim 命令集合
Vim命令合集命令历史以:和/开头的命令都有历史纪录,可以首先键入:或/然后按上下箭头来选择某个历史命令。启动vim在命令行窗口中输入以下命令即可vim 直接启动vimvim filename 打开vim并创建名为filename的文件文件命令打开单个文件vim file同时打开多个文件vim file1 file2 file3 ..原创 2017-10-26 17:14:49 · 175 阅读 · 0 评论 -
在html5+app内嵌vue页面,并在vue页面开发上传图片功能,兼容安卓和ios
公司项目需求在html5+app里嵌了一个用vue开发的h5项目在vue项目里需要做上传图片功能,但是安卓和ios两者效果不一,安卓部份机型只能选择一张图片,ios可多选,在ipad上多选图片上传会出现丢失的情况,后来想到在vue项目里调用app里的选择图片和拍照方法,但是选择出来的图片web内无权限使用,无法用app的方法拿图片在web上传,之后有了下面的解决方法解决方案:在vue项...原创 2019-02-18 14:06:31 · 7397 阅读 · 0 评论