- 博客(18)
- 资源 (2)
- 收藏
- 关注
原创 星星评价技巧
目前因为没做过电商的,所以看到电商的几星评价,自己也来试一把,这里用的vue,主要是想给这小算法做个笔记 首先template:template> div class="star"> span class="star-item" v-for="(item,index) in classes" :class="item" :key="index">span> div>te
2018-01-28 00:09:32 277
原创 Js 数组方法:filter()、map()、some()、every()、forEach()、indexOf()、lastIndexOf()、
filter(): 语法:var filteredArray = array.filter(callback[, thisObject]);参数说明:callback: 要对每个数组元素执行的回调函数。 thisObject : 在执行回调函数时定义的this对象。//过滤掉小于 10 的数组元素://代码:function isBigEnough(elemen
2018-01-23 21:23:43 273
原创 footer底部问题
在我们编写页面时,有时会遇到内容不足时,想固定底部的东西会上移了。其实我们想要达到的效果是,内容不足时,固定在底部,内容多时跟着页面会撑到下面去(好像有点绕,不知道说清楚没,下面看效果)首先页面布局(固定套路):div class="wrapper "> div class="main"> div>div>div class="footer">
2018-01-21 18:59:20 457
原创 移动端1px细线解决方案总结
移动端1px变粗的原因为什么移动端css里面写了1px, 实际看起来比1px粗. 其实原因很好理解:这2个’px’的含义是不一样的. 移动端html的header总会有一句meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
2018-01-21 17:49:21 4534
原创 将文件转成编码base64码
选择图片: input type="file" id="img"> br/> button id="start">开始转换button> div> 预览:img id="imgShow" src="" alt=""> div> b>Base64数据:b> textarea rows=15 cols=60 id="conte">textarea> butt
2018-01-21 15:11:15 772
原创 MarkdownPad2.5 注册码
MarkdownPad 是 Windows 平台上一个功能完善的 Markdown 编辑器。 下载地址: http://markdownpad.com/下载好之后,按步骤安装即可。 激活 输入下方的邮箱和秘钥//邮箱Soar360@live.com//密钥 GBPduHjWfJU1mZqcPM3BikjYKF6xKhlKIys3i1MU2eJHqWGImDHzWdD6
2018-01-20 21:01:29 407 1
原创 Mockplus
我们在设计简单的APP或者网页,都是需要做一个简单的线框图的,而mockplus是一个很好用的制作线框图的软件,那么mockplus怎么用呢?1. 打开Mockplus这个软件,点击新建项目,选择你需要用的页面模式,如:手机、平板、网页等,选择好就可以进行原型图的绘制了。 2. 首先,在画之前引入眼帘的是Mockplus的工具栏,有组件、交互、扩展、布局、移动、静态、批注等功能;点开
2018-01-20 20:18:07 805
转载 字体图标制作详解
源:http://mux.alimama.com/posts/1025废话不多说我们开始介绍吧;一、制作前基础知识普及1、在制作图标前请下载由阿里妈妈MUX提供的矢量图标制作模板;立即下载2、尽量使用illustrator制作矢量图标;有些设计师在ps中使用路径绘制图标再导成SVG,这种方式也是可以的,但是有时会出现一些奇怪的现象,如图形的路径混乱了,图标倾斜了等不可预知的情况,所以还是建议大家在
2018-01-18 22:59:50 743
转载 Hbuider制作app升级包的简单办法
源文档:http://ask.dcloud.net.cn/question/11795 http://ask.dcloud.net.cn/article/199一、生成移动App资源升级包 5+应用可使用以下方式进行升级 - 整包升级:适用于大版本更新,新增5+模块时必须使用此类更新方法 - 应用资源升级:适用于小版本更新 - 应用资源差
2018-01-18 20:19:23 580
原创 flex布局
布局的传统解决方案,是基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局有时候不方便,比如一个盒子中左边一块固定宽度,右边的自动填充。2009年,W3C 提出了一种新的方案—-Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。 任何一个容器都可以指定
2018-01-15 22:45:06 573
原创 axios代理跨域proxy+拦截器使用
1、首先axios不支持vue.use()方式声明使用(npm安装就不说了)//在main.js中如下声明使用import axios from 'axios';Vue.prototype.$axios=axios;//挂载到Vue原型上//那么在其他vue组件中就可以this.$axios调用使用2.小小的提一下vue cli脚手架前端调后端数据接口时候的本地代理跨域问题,如我在本
2018-01-10 20:45:38 9224 3
原创 ES6的开发环境搭建
建立工程目录:先建立一个项目的工程目录,并在目录下边建立两个文件夹:src和distsrc:书写ES6代码的文件夹,写的js程序都放在这里。dist:利用Babel编译成的ES5代码的文件夹,在HTML页面需要引入的时这里的js文件。编写index.html:文件夹建立好后,我们新建一个index.html文件。 Document
2018-01-09 21:18:42 309
原创 vuex study第六节初识module模块组
首先store声明module//声明模块组const moduleA = { state, mutations, getters, actions}//导出export default new Vuex.Store({ modules:{ a:moduleA }})然后Count.vue组件调用state{{ $store.s
2018-01-01 20:30:33 216
原创 vuex study第五节actions异步修改状态
首先在store声明actions//声明actionsconst actions = { //context表示上下文对象 即store addAction(context){ context.commit('add',10); //延迟3秒执行一次reduce setTimeout(() => {context.commit('
2018-01-01 19:40:49 524
原创 vuex study第四节getters计算过滤操作
首先store里面声明getters//声明getters,就是每次count改变时先加上100const getters = { count:function(state){ return state.count +=100; }}//导出export default new Vuex.Store({ //导出状态常量 state, /
2018-01-01 19:07:03 206
原创 vuex study第三节Mutations修改状态
第一节我们初步见识了Mutations,这节我们再来详细看看,首先我们在store里面的mutations的方法加个参数const mutations = { add(state,n){ state.count+=n; }, reduce(state){ state.count--; }}然后是我们的Count.vue组件<templ
2018-01-01 18:32:20 331
原创 vuex study第二节state访问状态对象
上一节我们是直接用 $store.state.count 来访问store状态的,现在我们是想处理一下,然后直接用 count 来调用: 第一种方法:用vue的computed计算属性,在Count.vue<template> <div> <h1>{{ msg }}</h1> <!--直接引用store里的数据--> <h2>{{ $stor
2018-01-01 18:11:01 312
原创 vuex study第一节
引入vuex1.利用npm包管理工具,进行安装 vuex。在控制命令行中输入下边的命令就可以了。npm install vuex --save2.新建一个vuex文件夹(这个不是必须的),并在文件夹下新建store.js文件,文件中引入我们的vue和vuex。 然后写store.jsimport Vue from 'vue'import Vuex from 'vuex'//安装vuexV
2018-01-01 17:41:29 215
winCodeSign-2.4.0.zip+electron-v2.0.18-win32-x64+nsis-3.0.3.2.zip
2020-08-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人