随笔分类 - javascript
摘要:需求场景: 本地前端angular6 获取后端api接口数据 前端使用:angular 6 后端:thinkphp 5 解决方案 1)建立本地代理proxyconfig.json文件 angular6项目里新建proxyconfig.json文件 ,放在根目录 这里定义的/apidata就是路由匹配
阅读全文
摘要:一,安装angular6 D:\cmf\angular6>npm install -g @angular/cliC:\Users\Administrator\AppData\Roaming\npm\ng -> C:\Users\Administrator\AppData\Roaming\npm\no
阅读全文
摘要:一、前期准备 开发IDE :phpstorm 环境安装:nodejs npm 新建目录 D:\cmf\zlhcec.com>mkdir newpage 目录结构 在已有的框架下新建 二、开发步骤 1)进入目录初始化 D:\cmf\zlhcec.com>cd newpage D:\cmf\zlhcec
阅读全文
摘要:改造一个现有的老项目 ,直接使用seajs进行模块化开发 下载seajs github上面 引用jquery模块 正常jQuery作为window下的方法 全局属性 window下只实现了 $ 和 window.jQuery 具体实现方法 1.定义jquery模块 这里定义jquery的ID 后面加
阅读全文
摘要:jquery validate 表单验证插件 jquery要求 CDN文件 https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/jquery.validate.js https://cdn.jsdelivr.net/npm/jquer
阅读全文
摘要:一 select下的option 跳转链接问题 知识点 window.open(url) 新窗口打开 window.location = this.value 当前页面打开 实例 <select onchange="window.open(this.value) ;"> <option select
阅读全文
摘要:1.如果调用this的函数上级有多个对象,this只会指向上一级对象 下面实例fn函数调用this时,this指向b对象,如果b里面有a属性就输出值; 如果没有就是undefined 在来看下下面的实例 this指向要看最后调用的是谁 ,跟上面的例子不同 ,最后是用d函数调用的,这里this指向了全
阅读全文
摘要:1. var a=[1,2,3,4,5]; 把3,4,5 移动到 1,2前面 结果 a=[3,4,5,1,2]; 实现1: 自己实现的思路: 从数组a[1,2,3,4,5]中删除前两个元素 1和2 用splice方法 得到数组[1,2] a.splice(0,2) 这时候数组a为[3,4,5] 在次
阅读全文
摘要:定义: 1. var 函数内定义 为局部变量 如function e(){ var a = 1 ;} , 函数内没用var定义变量为全局变量 如 function e(){ a = 1 ;}. 2. var data = 10; //全局变量 function f1(){ data = 100; /
阅读全文
摘要:一、调试javascript chrome下对js断点调试的方法汇总 ★★★★★ Chrome控制台 如何调试Javascript ★★★★★ 超完整的 Chrome 浏览器客户端调试大全 ★★★ Chrome调试 ★★ 1.浏览器启用 “开发者工具实验性功能” 浏览器地址栏输入‘about:fla
阅读全文
摘要:1. 资料: windows下vue-cli及webpack搭建安装环境 一个简单的 vue.js 实践教程 Vue项目安装过程 vuejs教程 windows下安装vue开发环境 vue路由 -整合第三方路由
阅读全文
摘要:JS代码 直接判断电脑端和MAC排除后 就剩下的是手机端 navigator.platform
阅读全文
摘要:1.谷歌浏览器测试没有问题,通过点击对应的年份 显示对应的新闻列表,火狐直接点击跳转新页面了 结构: 阻止冒泡: JQUERY preventDefault() 原生 stopPropagation() 方法
阅读全文
摘要:可能出现的情况 1)一列都有,按顺序弹出对应的弹出层 2)只有单个一个弹出层 3)不按顺序不按规律随机弹出层 jquery 弹出层 解决 第一种情况 参考资料 移动端之“CSS3多动画弹框” 引入jquery JS代码 这里关闭用的css3效果实现 HTML css
阅读全文
摘要:HTML 这里.left 固定了圆的宽度和高度,还有canvas也设置了固定宽高 绘制圆心的坐标也就出来了 (203,203) 抽奖转盘是由一个大圆和一个内圆完成 ;大圆负责绘制上奖品 ,内圆负责确定指针的位置,指针直接使用图片,决定位置确定 <div class="left"> <div clas
阅读全文
摘要:这种模式每种语言都有的,主要看为了解决 旧的代码里 和新的功能代码不兼容,不用修改旧的代码 符合的情况: 1)旧代码大量使用,跟新功能代码不兼容 2)不修改旧代码的情况下去增加新功能,新功能里面包括了旧功能代码 旧代码 add(s1,s2); 新功能代码 function sum(b1,b2); 这
阅读全文
摘要:PJAX 解决 多页面切换 背景音乐不断的问题 使用zepto.min.js zepto中文API 背景音乐可以一直播放,这里index局部刷新 解决思路: window.history.pushState()无刷新改变url,配合ajax获取需要的页面和数据 关键点: 1)window.histo
阅读全文
摘要:这个是最简单的表单提交 延伸:后面有很多需要提交的信息 如何快速部署接口 此例子是移动端H5页面,使用的是zepto.min.js HTML 前端页面JS 不跨域的情况下 后端PHP页面 注意不要跨域 1.这里接收前端数据 $_POST[name],$_POST[tel],post传送过来,这里需要
阅读全文