- 博客(50)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 input upload 问题归纳
DOM：<inputid="uniqueId" type="file" accept=".txt,.ppt"onChange={fileChange} multiple/>注意：1、当一个页面多个upload input，id必须唯一，不然fileChange后set值会错乱2、fileChange上传的file temp，不能将file temp转换成String再转换回Object。如： （1）例子：fileChange后得到的变量为data，JSO...
2021-07-01 14:15:47
714
原创 重点记录
vscode 自动添加分号： setting.json添加："javascript.format.semicolons":"insert" + 键盘按 Alt + Shift + F。vscode 自动添加单引号和分号： 1.安装 Prettier插件 Prettier - Code formatter 2.在setting.json配置里 "prettier.useEditorConfig": false, "prettier.semi": t...
2020-11-06 10:45:36
257
原创 uni-app写微信小程序分享海报
需求：有用户头像，用户昵称，活动标题，商品主图，商品标题，商品价格，小程序二维码思路：写成一个js文件，就可以在需要的组件中混入使用（mixins），调用绘制函数：createCanvasImage('posterCanvas')，保存图片函数：saveCanvasImage。方法：canvas的dom元素的top写很大，相当于隐藏。canvas画好后，调用getCanvasImage函数得到图片（posterImg）显示。调用的组件dom代码：<canvasclass="canvas".
2020-07-03 16:53:02
1796
转载 vscode原生小程序支持scss
转载：1.安装插件Live Scss Compiler2.在项目根目录下创建文件夹.vscode,在文件夹下创建settings.json文件3.配置settings.json{ "liveSassCompile.settings.formats": [ { "format": "expanded", "extensionName":...
2019-12-05 15:39:45
575
原创 用嵌套路由（view-router）实现多页面切换路由显示
一、需求：后台管理系统一般的页面架构就是：1、左侧一列菜单，根据路由配置显示标题和层级,有些页面的标题不需要显示在菜单中，则在路由配置中添加hidden路由标识，做相应的隐藏。2、右边是点击菜单显示相应的内容（主要内容），右边右上角还有一行面包屑来显示当前页面的层级。根据题目的需求是，如：在一个产品列表页中点击某条信息，则跳转路由查看该条...
2019-11-06 16:20:29
5309
原创 uni-app使用总结（2）
## npm install 后报错：```1、"sass-loader": "^7.1.0"，8.0.0或以上暂时有bug。```# dev```1、运行h5正常，但微信小程序报错：Cannot read property 'body' of undefined at valuePath.forEach.funcPath 原因： uni-app 2.0.0版本 微信小...
2019-10-28 11:26:35
664
转载 vue3.0 vue.config.js 相关配置
module.exports = { // 部署应用时的基本 URL // baseUrl: process.env.NODE_ENV === 'production' ? '0.0.0.0:8080' : '0.0.0.0:8080', // build时构建文件的目录 构建时传入 --no-clean 可关闭该行为 outputDir: 'dist', // build时...
2019-10-28 10:57:06
188
原创 uni-app转盘抽奖
uni-app的转盘抽奖效果，要注意的点：1、不能操作dom2、主要靠css3的transition&transform让转盘旋转以下是uni-app转盘抽奖效果的代码：<template> <!-- 转盘 --> <view v-if="isTurntable" class="contanier-box"> ...
2019-10-09 16:36:06
4379
4
原创 uni-app刮奖
uni-app的刮奖效果，要注意的点：1.小程序的canvas层级问题（可用cover-view规避）2.不能操作dom以下是uni-app刮奖效果的代码：<template> <!-- 刮奖 --> <view v-else class="scratch"> <view class="box"> <...
2019-10-09 16:24:33
3996
3
原创 uni-app使用总结(1)
一、uni-app在项目中安装新插件或者升级时，经常会出现运行不了的各种错误：## npm install 后报错：```1、getPlatformCopy is not a function解决： npm update（还不行就 npm cache clean --force，npm install）2、有时可能网络有问题，删掉node_modues多安装几次依赖（或到网络好的地...
2019-09-18 10:18:22
4402
原创 项目中安装使用eslint
1、在cli的项目里如没有默认安装eslint，可：npx eslint --init2、vscode扩展安装ESlint，并配置//eslint 代码自动检查相关配置{ "eslint.enable": true, "eslint.autoFixOnSave": true, "eslint.run": "onType", "eslint.options": { "exten...
2019-09-18 09:55:26
717
原创 git使用的一些问题
1、新项目push到已存在的远程项目（项目有readme.md文件）1)gitinit2)gitremoteaddorigin仓库地址3)gitadd.4)gitpull仓库地址//(有文件冲突则，先合并冲突文件，在次pull（此步骤）)5)gitcommit-m'XXX'6)gitpush2、因权限问...
2019-09-18 09:51:05
149
转载 有eslint检测的项目运行时报error：Unexpected console statement (no-console)
原因：Vuejs-使用ESLint检查代码质量解决：打开项目根目录找到：\node_modules\eslint\lib\built-in-rules-index.js然后搜索no-console将这段代码后面的require("./rules/no-console"),直接修改为："off",即可！...
2019-09-18 09:49:40
2031
转载 SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser.
原因：低版本的IE或低版本qq浏览器不支持vue的es6语法解决：安装babel-polyfill，让babel-polyfill可以模拟ES6使用的环境，可以使用ES6的所有新方法1、npm install --save-dev babel-polyfill2、在webpack.base.conf.js中修改entry: { app: './src/main.js'...
2019-04-23 10:36:54
797
转载 vue 组件间通信
1、父 ===> 子//父组件：<template> <div class="sign-up-box"> <sign-up :banding="true" :ishideBanPage="hideBanPage"></sign-up> </div></template> <s...
2019-04-12 11:55:10
126
原创 less 的安装和简单使用
安装：npm install less less-loader --save-dev接下来找到bulid目录下的webpack.base.conf.js并打开，找到module下的rules写下配置：{ test: /\.less$/, loader: "style-loader!css-loader!less-loader"}然后在组件中就可以使用了：&l...
2019-04-12 11:25:03
1183
原创 axios的 post 和 get 的简单封装
import axios from 'axios';import qs from 'qs';let base = 'http://xxx.com';//域名//封装//防止头部被串改：const axiosP = axios.create({ headers: { 'content-type': 'application/x-www-form-urlencoded' }}...
2019-03-19 18:16:03
680
原创 HTML5 服务器发送事件
所有主流浏览器均支持服务器发送事件，除了 Internet Explorer。//html<div id="result"></div> <script> if(typeof(EventSource) !== 'undefined'){ var source = new EventSource('db/server-send.ph...
2019-02-21 10:52:41
161
原创 css的重点总结
//参考：http://zh.learnlayout.com/概念：CSS 用于控制网页的样式和布局。1、盒模型概念：就是所有的html元素都是一个个的盒子，每个盒子都有margin，padding，border，content盒模型分IE和标准，区别：IE的width/height=border+content，标准的width/height=content所以开发经常需要：/* ...
2019-02-16 18:03:41
987
原创 framework7+vue+webpack 开发web app商城之旅（2）
1、上一篇中，地址栏修改地址没法进入某个页面的问题，其实还有一种方法解决：（1）在app.vue 中的methods里定义函数： methods: { reload: function () { this.search(); console.log(this.search()) } }（2）然后添加事件监听 watch:{ $r...
2018-10-25 11:34:26
328
原创 产品列表按需加载简单实现
// 按需加载 var canLoad=true; //是否能发送请求的开关 $(window).scroll(function(){ $("#loading").css("display","none") //加载的 gif动态图，一开始隐藏 $("#downtoload").css("display","block") //提示用
2018-10-24 14:45:40
347
转载 数组去重方法
var arr3 = [1,2,3,1];var new_arr=[];for(var i=0;i<arr3.length;i++) { var items=arr3[i]; if($.inArray(items,new_arr)==-1) { new_arr.push(items); }}console.log(new_arr) //...
2018-10-24 14:34:04
108
原创 framework7+vue+webpack 开发web app商城之旅（1）
公司要求使用 framework7+vue+webpack 开发一个web app，关于framework7，vue，webpack的相关介绍就不再赘述，接下来都只是介绍我用framework7+vue+webpack开发这个web app遇到的问题（因为framework7+vue+webpack的坑还是有很多，希望我能稍微填一点土）。一、项目初始：1.直接拿示例模板来开发，省略了安装步骤...
2018-10-19 11:51:37
1503
原创 css 的 transform:scale(-1,1) 使得fixed定位失效（fixed会降级为absolute）问题
最近写一个阿拉伯国家的web，因为阿拉伯语言的阅读习惯是从右到左，而且本来就有做好了的英语版本的web，为了快速开发，就把英语版本的web复制一份出来，在调整一下css样式就好了，如下：在HTML根元素加上css：body{transform:scale(-1,1)；}//这样，整个web布局就会反过来。但是，HTML内的文字也反过来了，所以这时，就可以在对应包裹文字的元素再把...
2018-10-19 10:02:26
5194
原创 产品售卖进度条
// 产品售卖进度条:80%开始，每30秒一跳(+1%)，到98%，停止进度，总进度18%，总共走540秒，定时器，一秒钟变化一次,时间累加到540秒时，停止定时器,进度98%；var start=80,end=98,interval=end-start,speed=30,totalTime=interval*speed,intervalSpeed=speed*1000,htmlProgres...
2018-10-17 18:07:35
262
原创 设备（手机）访问电脑本地web项目：
web手机端项目经常需要测试，如果手机设备可以访问电脑web项目，则可以为开发带来大大的方便。办法如下：1.首先，要有一个apache服务器（电脑需要安装apache，此步骤省略……）2.然后给apache配置文件：（1）vhosts文件（如：C:\phpStudy\PHPTutorial\Apache\conf\vhosts）修改如下：<VirtualHost _defaul...
2018-10-17 17:28:44
3968
原创 关于vue v-for 嵌套v-for的v-model属性绑定问题
vue v-for嵌套v-for的v-model属性绑定，如果数据类型不对，常会报错如：//数据data: {childrenList: [{sku:'',quantity:1,start_price:''}],},//dom渲染<table><tr v-bind::class="c._class" v-for="(c,index) in chil...
2018-09-03 13:56:18
12943
原创 Facebook分享动态内容
// share//初始化：window.fbAsyncInit = function() {FB.init({appId:'app_id',autoLogAppEvents:true,xfbml:true,version:'v2.10'});//app_id是你的app_id};// 引入SDK：(function(d, s, id){var js, fjs = d....
2018-08-28 10:43:22
2563
原创 检测客户端是否支持cookie
var res =navigator.cookieEnabled;// 浏览器是否支持Cookie，弹框提示if(res){ alert("支持cookie")}else{ alert("不支持cookie")}
2018-08-28 10:40:39
201
原创 自定义好看的弹框
平常的js弹框alert("43413412"),不太好看，所以我自定义了一个弹框html结构：<div class="alert_tip"></div><style> 样式可以自定义</style>：jq方法弹出:$(".alert_tip").html("Please enter your na
2018-08-28 10:37:30
1074
原创 保存用户信息在cookie
网站使用localstorage保存信息有漏洞，因为如果手机端的用户开启无痕浏览网站，localstorage就不起作用了，而cookie就不会有这样的问题（当然，用户不能禁用cookie的情况下，当然，很少有用户禁用cookie的）jq 使用cookie的方法：1、首先要引入jquery.cookie.js //自行到网上下载2、方法：var uid=$.cookie("tua...
2018-08-28 10:17:28
1218
原创 异步加载数据绑定事件问题
有个元素<div id="div"></div>是异步加载进来的，想要为这个元素绑定事件，按正常的方法：$("#div").click(function(){console,log(12)}),那么这个方法必须放在异步加载的函数内，才能成功。如果不想放在异步加载的函数里，要放在函数外或者另一个js文件里，可以用一下方法：$(document).on("click...
2018-08-28 10:06:10
609
原创 关于异步加载数据绑定同一个函数的问题
1、有一个需求：在一个页面中，信息都是从服务器异步加载到web前端的，信息渲染到前端是一个列表，每个列都有一个倒计时2、难题：怎么给每个列绑定同一个函数呢3、解决方法：在循环拼接列表的时候，给每个列一个唯一的id，在循环中调用时，把唯一的id传进去，这样就可以给每个列绑定同一个函数，并执行不同的倒计时时间戳代码：$.ajax({ url: url, success: func...
2018-08-28 09:50:00
284
原创 vue-cli开发web项目所遇到的问题解决办法记录（一）
1、异步加载的数据，想要赋值到data里的变量失败，解决办法：要在异步加载前，把this赋值给其他变量，如：var that=this；因为：在Vue中this始终指向Vue，但axios中this为undefined，若需要赋值给变量用以渲染数据，可以通过=>函数，这时this为Vue或者可以直接通过：var that = this；将this保存在that中，再在函数...
2018-08-17 11:41:05
639
原创 This dependency was not found: * @/component/firstPage in ./src/router/index.js To install it
vue运行出现这个error：This dependency was not found:* @/component/firstPage in ./src/router/index.jsTo install it, you can run: npm install --save @/component/firstPage 原来是我把页面删了，解决这个方法有两个：1、添加f...
2018-07-18 15:47:19
22190
5
原创 支持三大浏览器的背景渐变
css：.gradual{width: 600px;height: 30px;background-image:-webkit-linear-gradient(left, rgba(255,255,255,.1) 0%, rgba(121, 121, 121, 1) 50%,rgba(255,255,255,.1) 100%);background-image:-webkit-...
2018-07-18 15:44:27
347
原创 文字倒影
css：#reflect{-webkit-box-reflect: below 2px -webkit-linear-gradient(bottom, transparent, transparent 10%, rgba(0, 0, 0, 0.296875));}html结构：<div id="reflect">文字倒影</div>此方法只支持浏览器...
2018-07-18 15:41:48
210
原创 时间倒计时
// var intDiff = parseInt(3600);//倒计时总秒数量function timer(intDiff){var interval = setInterval(function(){// var prog = parseInt((3600-intDiff+14400)/18000*100);// console.log(prog);//进度信息// $(...
2018-07-09 16:39:59
235
原创 全国三级城市联动 jq版
$(function(){//全国三级城市联动 jq版function Dsy(){this.Items = {};}Dsy.prototype.add = function(id,iArray){this.Items[id] = iArray;}Dsy.prototype.Exists = function(id){if(typeof(this.Items[i...
2018-07-09 16:38:42
232
原创 css 文字、盒子永远居中
写css样式时，经常会遇到文字或box盒子居中问题，当文字在一个盒子内，居中用text-align:center就可以了，但是，把文字分别在不同盒子里呢？我的办法是，html结构如下：<ul> <li>1</li> <li>2</li></ul>css样式可以这样：ul{ ...
2018-07-09 16:31:35
2275
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人