- 博客(94)
- 收藏
- 关注
RSS订阅原创 浏览器的缓存导致的问题
同一个网站 频繁回退进入，音频播放器失效等问题问题。1.打开浏览器-更多工具-任务管理器。3.频繁回退进入 就会出现问题。2.可以看到缓存页面进程。
2024-03-08 16:15:30
462
原创 关于 top 给全局增加方法
top 和Window 一样 是一个全局的顶级对象 应该是jq里面设置的下面是打印的console.log(top)VM602:1 Window{postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, parent: Window,…}$: ƒ ( selector, context )alert: ƒ alert()applica...
2019-08-01 17:10:09
537
原创 给ajax加个马甲 8月初 真热
注： 因为要统一处理ajax异常 而缝制的马甲 由于 目前项目数据错误是不触发error , 根据现在项目接口 返回数据判断 一般返回对象会有 data.state ="success" 和其他类型没有数据异常的判断用data.state&&status== httpCode.state也没彻底解决 慢慢根据项目情况改进吧 ps (返回数据...
2019-08-01 15:44:59
274
原创 仅适用于现在项目的请求异常判断和处理
/* * 描 述：ajax操作方法 * jq扩展类 精简版 * 根据现有接口判断方法判断异常-后台管理系统的弹窗 * ss-ajax * 依赖公共js layer弹窗 和 公共css */;(function ($) { "use strict"; var httpCode = { success: 200, fail: 400,...
2019-07-30 18:01:59
385
转载 js 常用代码
// 创建过去七天的数组 var a= [...Array(7).keys()].map(days => new Date(Date.now() - 86400000 * days)); // 创建未来七天的数组 var b= [...Array(7).keys()].map(days => new Date(Date.now() + 864000...
2019-05-13 15:51:44
346
原创 sessionStorage 本地缓存 小案例
想用sessionStorage存储一个数组，数组里是多个对象[{},{}]但是sessionStorage 会把他搞成字符串解决方案:1,首先用 JOSN.parse() JSON.stringfy()两个api //把对象放进数组里 var arr = []; let id =""; let value = ""; let obj = {id:id,...
2019-05-10 13:39:32
537
原创 canvas-环形倒计时（解决毛刺）
问题一canvas 有锯齿毛刺的情况1，循环路径 如进度条增长的过程 没清除前一步路径 会 有毛刺2，本身没有毛刺 ，或者线条 在像素点中间位置解决方案 ：手动开启HTML5 Canvas的抗锯齿可以用canvas.getContext('2d').imageSmoothingEnabled = true;或者直接把整个画布偏移0.5像素：canvas.get...
2019-04-28 13:22:58
1402
转载 canvas圆形倒计时 清除圆内数值
function clearArcFun(x,y,r,cxt){ //(x,y)为要清除的圆的圆心，r为半径，cxt为context var stepClear=1;//别忘记这一步 clearArc(x,y,r); function clearArc(x,y,radius){ var calcWidth=radiu...
2019-04-11 09:35:18
305
原创 我也不知道要写点啥---收集一下技术名字
一 移动app开发 1 Flutter 是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。2 Taro 是一套遵循 React...
2018-10-31 09:48:30
383
原创 electron-vue
又在死亡的边缘试探 要写一个桌面应用 (ps电脑重做系统 node模块出现了问题 安装的时候选择自动把npm到全局变量里)文档electron-vue https://simulatedgreg.gitbooks.io/electron-vue/content/cn/官网 https://electronjs.org/一 先构建一个初始项目$ vue init simul...
2018-08-28 09:11:05
1132
原创 第三篇 登录页背景
一 先弄得背景吧 (vue-particles)1 命令行安装 $ npm install vue-particles --save-dev2 main.js代码如下 (引入并安装)import VueParticles from 'vue-particles' Vue.use(VueParticles) 组建截图(PS 可以给标签一个class添加背景图)...
2018-08-20 15:00:11
868
原创 第二篇 初始化项目main.js 的挂载
项目结构src 结构├── App.vue APP入口文件 ├── main.js // 项目配置文件 ├── components // 组件文件夹 ├── router ...
2018-08-20 10:00:35
1261
原创 第一篇 vue-cli 构建初始项目
PS node环境安装略过....1 安装 vue-cli 在终端输入命令npm install -g vue-cli安装完成后，我们在终端中输入： vue -V 打印版本号 (ps: V是大写重要的事情ps一下) 此步骤截图如下2 用vue-cli 初始化一个vue项目1 进入到放项目的文件夹 PS(在文件夹下面右键 Git Bash Here 或者 s...
2018-08-18 11:40:44
781
原创 vue 项目中小问题总汇-
ps持续更新(可能会遗忘当个小笔记吧)一 关于element 动态生成左侧菜单问题1.1 :index值的问题代码 <el-submenu :index="value.id" v-if="value.node">报错:[Vue warn]: Invalid prop: type check failed for prop "index". Expected St...
2018-08-14 17:33:31
845
原创 跨域请求
html <a href="#" class="btn">下载</a> js var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '10132/posms/p/queryDownloa...
2018-08-13 14:20:59
261
转载 $mount()手动挂载
//$mount()手动挂载// 1 当Vue实例没有el属性时，则该实例尚没有挂载到某个dom中；//假如需要延迟挂载，可以在之后手动调用vm.$mount()方法来挂载。例如：new Vue({router,render: h => h(App)}).$mount("#app");//或者 2new Vue({el: '#app',router,render: ...
2018-07-10 14:05:00
2225
原创 移动端息屏定时器暂停问题
我我的业务逻辑里 直接再列表方法里加一个 如下的代码片段document.addEventListener('webkitvisibilitychange',function(){ if(document.webkitVisibilityState=='hidden') { }else { //再这里再调用一遍获取列表的方法 ...
2018-07-07 17:08:11
6397
转载 开启 debugger--菜鸟教程案例
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><p id="demo"&am
2018-07-06 10:09:32
1170
原创 vue注册组件--component
html代码：<div id="example"> <my-component></my-component></div>JS代码：// 注册Vue.component('my-component', { template: '<div>嘟嘟嘟嘟!</div>'})var vm = new Vue({
2018-07-04 14:43:41
628
转载 鼠标悬停特效--css动画源码--
转 点击查看原文/* animation */.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;}.a-fadein,.a-fadein...
2018-06-20 10:01:59
475
原创 选项卡js代码段
js示例代码$(function () { var oFocus = $('#focus'), oRight = oFocus.find('.right'), oLeft = oFocus.find('.left'), aRLi = oRight.find('li'), ...
2018-06-05 10:05:57
796
原创 定位的div环形/圆形排列
<div class="modepayment-content"> <div class="modepayment-wx">微信</div> <div class="modepayment-zfb">支付宝</div>
2018-06-01 17:18:46
5273
1
原创 vue 人门第三篇 main.js 注解
// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.// 导入相关组件import Vue from "vue";import VueRouter from "vue-...
2018-05-04 14:45:03
657
翻译 第一篇 vue 从零码起 乱说篇(一)
第一篇 vue 从零码起 乱说篇一 : vue 是什么(https://blog.youkuaiyun.com/fungleo/article/details/77575077)vue.js 核心，不解释。VueRouter2 实现路由组织工具。webpack 项目打包以及编译工具。nodejs 前端开发环境。npm 前端包管理器。axios ajax 接口请求工具。sass-loa...
2018-05-04 11:35:59
252
原创 关于后台返回的"数组"的类型是一个字符串的时候
// 情况一; var aaa="[{"proId":"1210","proName":null,"tasteId":null,"tasteName":"[辛辣]"}]" console.log(eval(aaa));这样是可以的// 情况二 var aaa="[辛辣,甜甜的]" console.l
2018-04-25 17:31:15
1803
转载 收集一下字符串的操作方法
<script type="text/javascript"> var str = "0123456789";// alert(str.substring(0));//------------"0123456789" alert(str.substring(5));//------------"56789" alert(str.substring(10));//-----------"...
2018-04-02 16:07:17
223
原创 css媒体查询代码片段
大体模板@media screen and (min-width: 1441px) {}@media screen and (min-width: 1440px) {}@media screen and (min-width: 1371px) {}@media screen and (min-width: 1370px) {}@media screen and (min-width: 1250px...
2018-03-16 16:22:03
564
转载 鼠标样式
crosshair; 十字准心The cursor render as a crosshair游标表现为十字准线cursor: pointer; cursor: hand;写两个是为了照顾IE5，它只认hand。 手The cursor render as a pointer (a hand) that indicates a link游标以暗示(手指)的形式来表明有一个连接cursor: wai...
2018-03-16 16:05:26
492
转载 移动端实现实时刷新
博客参考:http://blog.youkuaiyun.com/xllily_11/article/details/50417460移动端页面调试神器-browser-sync在做项目的过程中，用到了一个神器-- browser-sync ，在这里分享给大家。1、静态页面调试作为前端，肯定是要保证页面的兼容性的。通常的测试场景是，前端人员人手N部测试机，改下页面，依次手动刷新各个手机，真的非常蛋疼，这些重复性...
2018-02-28 15:32:22
2453
原创 vue 入门实例
例一修改opnames的值 : var opnames = new Vue({ el: '#opname', data: { opname: opnames, }, methods: { alertPop: function (name) { this.opname = name; } }})opname
2018-02-03 17:32:01
483
原创 苹果手机 滚动不流畅问题简单处理
-webkit-overflow-scrolling : touch;---加个这个就行例:.left,.tcleft { position: fixed; font-size: .5rem; width: 21.3%; background: #f5f5f5; overflow-y: auto; z-index: 999; -webkit-overf
2018-02-03 09:51:59
7199
原创 按钮点击效果(波纹)
html>html>head> meta charset="utf-8"> title>按钮title> style> .btn { margin: 25px auto; position: relative; font-size: 25px; color:
2017-11-06 16:36:26
2445
转载 拖拽插件使用说明
使用初始化draggabilly为一个jQuery插件var $draggable = $('.draggable').draggabilly({ // 选项（配置）...})123使用原生js初始化var elem = document.querySelector('.draggable');var draggie = new Draggabilly( elem,
2017-10-20 14:42:30
1189
原创 屏幕适配之c3媒体查询代码块(20/1为1rem)
@media only screen and (width: 320px) { html { font-size: 16px; }}@media only screen and (width: 360px) { html { font-size: 18px; }}@media only screen and (width: 3
2017-10-18 10:01:39
872
原创 一个简单的图片上传预览demo
html>head> meta content="text/html" /> title>图片预览title> script language=javascript> function previewFile() { var preview = document.querySelector('img'); v
2017-10-16 15:51:09
2249
原创 一个对象的属性名是一个变量
// 对象访问属性的方法// 1、obj.paramName，使用.访问// 2、obj[parameName]，使用中括号属性名访问 var username={name:"名字"} var names="name"; console.log(username.names)//结果为undefined console.log(username
2017-10-16 10:37:48
2466
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人