![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 73
久如云漂泊
凡不能毁灭我的,必使我强大
展开
-
html 转canvas 分享图片;canvas合成图片 --uinapp
html 转canvas 分享图片;canvas合成图片原创 2023-06-08 01:09:09 · 247 阅读 · 0 评论 -
编辑器、论坛、评论列表图文混排的一些思路
一种比较复杂的情况就是论坛帖;论坛每个楼层用户都能发图片,文字,视频,音乐和表情包等;并且有管理员功能。比如图片或者文字有审核状态。删除状态,仅本人可见状态等,都需要前端做复杂的交互。而且如果不考虑上面的,把所有楼层数据以html标签传递。后台压测估计过不了;前端做懒加载,分页,虚拟列表等的性能优化都需要图片的宽高,楼层宽高。这个背景下。前端要把数据分开传给后台。后台分开传给前端。原创 2023-02-26 02:16:00 · 439 阅读 · 0 评论 -
throw er; // Unhandled 'error' event
manage-system@1.0.0 dev E:\svn\前端源码\houtai - niuniu\niuniuHoutai> node build/dev-server.js[HPM] Proxy created: /api -> http://jsonplaceholder.typicode.com[HPM] Proxy rewrite rule created: "/api" ~>原创 2018-01-09 18:31:45 · 10802 阅读 · 0 评论 -
vue+jquery懒加载数据
<ul class="my_member_list "> <li v-for="item in list"> {{item.name}} </li></ul>new Vue({ el: '#app', data() { return { ...原创 2018-02-11 17:49:58 · 1090 阅读 · 0 评论 -
vue-cil 项目常用npm 命令行;
``` bash# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build 删除目录; npm install -g rimraf(如果还没安装rimra...原创 2018-03-12 14:48:33 · 3982 阅读 · 1 评论 -
vue-cil项目中使用外部js的3种方法
vue-cil项目中1. 导入属性的方法新建 ./api/api.jsimport Vue from 'vue';Vue.prototype.test=function () { alert(111) }在main.js 中导入;import * as API from './api/api.js'在任何一个.vue文件中都可以使用此属性.例如 在a....原创 2018-04-03 15:38:17 · 2312 阅读 · 0 评论 -
vue dist文件打开index.html报Failed to load resource: net::ERR_FILE_NOT_FOUND
本地正常。打包好的dist文件打开index.html报Failed to load resource: net::ERR_FILE_NOT_FOUND解决办法: 在webpack.prod.conf.js 中output添加参数publicPath:’./’在webpack.base.conf.js里 publicPath: process.env.NODE_ENV === ‘producti原创 2018-05-02 11:53:42 · 6227 阅读 · 2 评论 -
vue插件/公共方法属性
新建一个js,任意名词config;我觉得最经常用到的 3,和4。 /** * Created by Administrator on 2018/11/7 0007. */let rootUrl = 'http://XXX.xx.cn'let key = 'Lawj1h1mUgD11GMzZX1Gv911X'let setItem = (key, val)=> { ...原创 2018-11-26 14:43:14 · 726 阅读 · 0 评论 -
开始一个koa2-(6)-前后端分离+vue-cli3+JWT生成token登录校验
token流程;前端使用用户名、密码来请求服务器 服务器通过数据库查询等操作验证用户的信息 服务器通过验证发送给用户一个token 前端存储token(cookie、sessionStorage、loaclStorage),并在每次请求时附送上这个token值 后台验证token值,并返回数据 token会有过期,前端登出的时候直接清空本地token,服务端不需要任何操作 se...原创 2018-12-05 10:44:11 · 1935 阅读 · 0 评论 -
vue-cli3引入jquery的不同
npm install jquery --savevue-cli3 配置;在vue.config.js中module.exports = { // 基本路径 baseUrl: './', configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery",...原创 2018-12-11 10:35:43 · 6830 阅读 · 2 评论 -
vue-cil+百度路书轨迹播放,removeOverlay单独删除覆盖物
写在前面的话:笔者只提供简单的思路和可行性方案。所以代码比较粗糙,至于封装\优化等,请读者自行解决,拒绝伸手党谢谢。原创 2018-12-30 17:33:03 · 4656 阅读 · 1 评论 -
nodejs基础教程-简单blog(9)--分页
效果图: 分析一下这个效果图,结合以前的教程我们知道。导航栏是继承“layout.html” table表格是“user_index.html”,而分页的按钮就是我们本节课的内容。将之封装在‘page.htnl’中;首先 新建文件views/admin/page.htmlnav aria-label="..."> ul class="pager"> l原创 2018-01-05 12:31:18 · 1754 阅读 · 0 评论 -
nodejs基础教程-简单blog(8)--展示用户注册信息列表
本节课展示用户注册信息列表;当点击导航栏的“用户管理”浏览器跳转路由/admin/user 显示用户列表。 先上效果图;开始 1,在layout.html模板中导航标签中设置路径; 2,新建文件 views/admin/user_index.html,在admin.js中设置user_index的路由为/admin/user;并查询数据库所有用户的信息 返回给前台users;原创 2018-01-04 15:57:58 · 692 阅读 · 1 评论 -
vue单页教程-微信公众号(第二站,项目需求)
说明一下这个项目用在微信公众号里。将来有意向移植支付宝。 因为是项目很急。时间压缩的很紧所以文件夹架构只有两级。组件和组件之间也只是简单的嵌套。1,开始前先不考虑微信公众号的入口。先把这个项目想成一个完整的app。 一个app 首先要有 login页 home页,user页 还有其他业务的页面。 而微信要进入这些页面时做一个判断。那么这个项目可以兼容很多个平台。比如支付宝,pc端页面和安卓ap原创 2017-05-06 17:09:07 · 3674 阅读 · 0 评论 -
vue 图片上传 图片展示 bootstrap
效果图 html............<-- key=idPicUrl --> <div class="col-sm-7" > <img :src="queryFirmInfo[key]" alt="" style="max-height:200px;max-width:250px" class="myimage" :name="key" /></div> <form原创 2017-05-16 10:19:52 · 2081 阅读 · 0 评论 -
vue 单页项目教程--微信公众号(启动操作)
项目安装好后的结构。 启动项目 cnpm run dev 启动成功 效果图。 我改了一些界面。最初的不知道扔哪里去了。原创 2017-05-16 10:40:09 · 4294 阅读 · 0 评论 -
vue 单页项目教程--微信公众号(微信支付遇到的坑)
http://www.cnblogs.com/greedying/p/6359229.html 这个博主已经写的很清楚了。这里简单写一下 【微信支付路径要求二级或以上路径】的坑。1首先。跳到选择支付页面reservedPay,保证reservedPay页面为二级页面。 submit:function(){ window.location.href="/Pay/reservedPay;原创 2017-05-16 11:53:18 · 22399 阅读 · 3 评论 -
vue组件的3种书写形式
第一种 使用script标签<!DOCTYPE html><html> <body> <div id="app"> <my-component></my-component> </div> <-- 注意:使用<script>标签时,type指定为text/x-template,意在告诉浏览器这不是一段js脚本,浏览器在原创 2017-05-18 11:05:24 · 57861 阅读 · 3 评论 -
vue结合bootstrap表单验证 FormValidation 图片验证
效果图: vue组件var setFirmLogoVue=Vue.extend({ template: ` <div style="height:800px;width:80%" class="text-center"> <img :src="picUrl" alt="..." class="img-circle " style="width: 169px;heigh原创 2017-05-19 13:48:42 · 4473 阅读 · 0 评论 -
jq项目中使用vue的技巧
在jq项目中使用vue经常会碰到父组件和子组件在不同的js文件中。 而在这种情况下 props 传参数无效,event使用很麻烦。 下面介绍一些小技巧。var vm=new vue({ data(){ return { test0:"我是vue的参数" } }, methods:{ testFun(){原创 2017-06-21 10:47:35 · 3919 阅读 · 0 评论 -
vue+webpack中动态绑定图片路径的3种方法
1 把图片放到src同级的static目录 “` data() { return { mysrc:‘/static/icon/icon.png’ } }2 用require加载data() { return { mysrc:require(“../icon/icon.png”原创 2017-10-11 15:03:37 · 7548 阅读 · 0 评论 -
nodejs基础教程-简单blog(3)-vue
这节教程开始写前端页面逻辑用户登录注册; 使用现在比较流行的vue。本教程深入浅出。以后如果有空再进一步中高级教程:vue单页应用前端+nodejs后端–实现前后端分离。这节教程先不分离了。先将vue当做js引入到页面。第一步;去vue官网https://cn.vuejs.org/v2/guide/installation.html 下载vuejs的开发版本; 再下载jquery;放在publi原创 2017-12-22 11:12:38 · 641 阅读 · 0 评论 -
nodejs基础教程-简单blog(4)-用户信息验证与储存
Express 是一个自身功能极简,完全是由路由和中间件构成一个的 web 开发框架:从本质上来说,一个 Express 应用就是在调用各种中间件。继续上节的教程; 添加中间件body-parser,用来处理post提交过来的数据; 在app.js中加入var bodyParser=require('body-parser');/** * //bodyParser配置 * 返回一个只解析原创 2017-12-25 16:21:24 · 657 阅读 · 0 评论 -
nodejs基础教程-简单blog(5)-cookie保存用户登录状态
用户登录—前端发送登录请求—后端保存用户 cookies—页面刷新 —前端判断用户id存在—显示登录状态—用户退出—前端发送退出请求–后端清空用户cookies—页面刷新—前端判断用户id不存在—-显示需要登录的界面当我们登录成功,在这个页面刷新,页面并没有保存登录状态;今天这节教程需要的效果就是。后台cookie保存用户登录状态。做到刷新页面仍然显示在用户登录界面;app.js 设置中间件var原创 2017-12-26 11:32:10 · 7019 阅读 · 3 评论 -
nodejs基础教程-简单blog(7)-博客后台管理
这节课进入后台管理; 将涉及swig模板引擎知识点;下载bootstrap 放在/public目录下; 新建index.html 和layout.html admin/layout.html 中代码;<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"原创 2018-01-03 18:33:56 · 725 阅读 · 0 评论 -
vue 单页项目教程--微信公众号(第一站部署环境)
一,npm 1,首先要安装node,其实并不需要太多的node.js知识。主要要用到npm。 网上有很多安装教程例如:http://www.runoob.com/nodejs/nodejs-install-setup.html 2,打开cmd,输入npm -v 确保版本npm>= 3.0.0, 3,最好安装淘宝镜像。速度够快。当然你不想用也行。 命令: npm install -g cnp原创 2017-05-03 10:20:26 · 1332 阅读 · 0 评论