2018年04月_web前端的博客

12月 11月 08月 07月 06月 05月 04月

原创 vue数组更新了但是视图view没有更新的问题

先来个vue的知识点数组更新检测变异方法Vue 包含一组观察数组的变异方法，所以它们也将会触发视图更新。这些方法如下：push()pop()shift()unshift()splice()sort()reverse()你打开控制台，然后用前面例子的 items 数组调用变异方法：example1.items.push({ message: 'Baz' }) 。替换数组变异方法 (mutation ...

2018-04-25 14:24:00 1687

原创 web前端全局模糊搜索遇到的坑，求解决方法？

web前端全局模糊搜索遇到的坑 var arr=[{ //数据 "contact": "", "content": "工作室原创养成游戏，稿件需求：\n日韩绘风角色Q版形象，头身比约为1/3，色彩鲜亮，无需背景\n用于战斗环境中的角色，需要战斗姿态\n通过约稿后向画师发放角色设定，根据设定制作，分别有人形角色或者怪物形角色\n绘制过程尽量分层以方便后期制作小规模的特效", "id": 1, ...

2018-04-25 11:07:22 1205

原创 Vue 入门级教程

Vue 入门级教程vue是现下比较火的前端框架，其优越性我也不多说；记得我第一次用的vue-cli搭建项目的时候也闹了不少笑话；以下提供一些自己的经验之谈，也欢迎大家评论留言共同学习进步。vue的介绍语法这个需要自己去看一下一些指令和列表渲染的了命令行工具 (CLI)# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板...

2018-04-24 11:22:39 4251 2

转载响应式布局之rem

rem这是个低调的css单位，近一两年开始崭露头角，许多使用者对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是在进行app开发或者叫做响应式布局的时候，它还是一个强力的候选手段之一。什么是rem？rem（font size of the root element）是指相对于根元素（html）的字体大小的相对单位。看到rem一定就会想到em这个单位，em（font size ...

2018-04-24 10:44:41 379

原创 JavaScript二进制在多选type的应用

需求上传服务类型的type，数据库要求type必须位整型和整型的字符串：如type=100或者type=“100”；刚接到需求，我也很懵逼，以前没做过，以前都是类似typeArr=【3,1,2,5】,选中什么给添加到数组typeArr，然后发给服务器。看了后端C语言大神的代码，我就懂了，其实还可以这样。先看看数据格式：var data=[{ title:'角色设计', click:false...

2018-04-23 16:30:19 517

转载说说JSON和JSONP，也许你会豁然开朗

说说JSON和JSONP，也许你会豁然开朗前言　　由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。　　当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能，但这两种方式都有其局限性，前者需要PhoneGap...

2018-04-21 18:18:47 124

原创 canvas压缩图片和base64上传图片

canvas压缩图片和base64上传图片html:<input type="text" onchange="upload">javaScriptfunction upload() { var file=this.files[0]; uploadImg(file,1).then(function (data) { //data 就是base64返回值 })}fun...

2018-04-21 18:15:48 217

原创 jquery判断滚动条时候到达底部

jquery判断滚动条时候到达底部function isScrollBottom(callback) { $(window).scroll(function () { if(($(document).height()-100)<=($(window).height()+$(window).scrollTop())){ callback() } })}$(...

2018-04-21 18:01:59 1109

转载 vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 vue-router 能做到，而且更好，它让你可以自定义路由切换时页面如何滚动。注意: 这个功能只在支持 history.pushState 的浏览器中可用。当创建一个 Router 实例，你可以提供一个 scrollBehavio...

2018-04-21 17:54:22 1497

转载 vue-router之导航切换过渡动画

vue-router之导航切换过渡动画提供了transition的封装组件，添加过渡动画，通过添加或删除css类名来实现。过渡的css类名：v-enter　　进入过渡的开始状态v-enter-active　　进入活动状态v-enter-to　　进入的结束状态v-leave　　离开过渡的开始状态v-leave-active　　离开活动状态v-leave-to　　离开结束状态过渡模式：in-out　　...

2018-04-21 17:46:32 3210

miniApp.zip

微信小程序云开发 quickstart 这是云开发的快速启动指引，其中演示了如何上手使用云开发的三大基础能力：数据库：一个既可在小程序前端操作，也能在云函数中读写的 JSON 文档型数据库文件存储：在小程序前端直接上传/下载云端文件，在云开发控制台可视化管理云函数：在云端运行的代码，微信私有协议天然鉴权，开发者只需编写业务逻辑代码如使用有问题请联系作者，QQ：624071587 参考文档云开发文档目录说明 miniprogram 前端代码 cloudfunctions 云端代码 project.config.json 配置文件 cloudfunctions 云函数目录结构 server 云函数名称（可以是多个） config 配置文件目录默认指向index.js db 数据库操作封装默认指向index.js routes 路由文件里面可以套文件夹（与前端协议，如果不存在文件会报错） utils 工具类封装 index.js 云函数入口 config.json 开发api配置文件写在openapi里面 package.json 服务器文件依赖可通过npm 安装 miniprogram 小程序目录结构 components 小程序组件 images 图片 pages 小程序主文件目录（参考微信文档） plugin 通用插件 index.js 通用方法 request.js 请求方法封装 style 样式字体文件目录 app.js 入口文件 app.json 小程序路由配置文件 sitemap.json 搜索配置文件

2020-05-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人