- 博客(85)
- 收藏
- 关注
RSS订阅原创 bind实现
一、原生js实现Bindbind的三个特点（1）保存this，返回新的函数（2）可以传入参数（3）一个绑定函数也可以使用new操作符创建对象，这种行为就像把原函数当成构造器，提供的this值被忽略，同时调用时的参数被提供给模拟函数根据三个特点，分为3个步骤来实现bind（1）保存this，返回新的函数 var foo={ value:1 }; func...
2019-03-17 11:03:17
1775
原创 js单元测试框架 jasmine
一、jasmine 简介Jasmine就是一个行动驱动开发模式的JS的单元测试工具。Suites(describe)是Jasmine的核心，是一个测试集，里面包括多个specs(it)，而每个specs里面可能包含多个断言(expect)。jasmine.js：整个框架的核心代码。 jasmine-html.js：用来展示测试结果的js文件。 boot.js：jasmine框架...
2019-03-12 21:37:08
640
原创 node.js写后台搭建的一个图书管理系统知识点总结
1、遇到的问题向数据库插入一条记录，插入失败，但是Ajax请求接口以后不成功，不走succeess函数，试过了也不走error函数。要向用户提示，数据插入失败，直觉是靠return，但是发现请求总会进入Ajax代Ajax（{}）内部，所以用flag。 var flag=true var loans_url = "/loan...
2019-01-13 18:18:41
1046
原创 总结：iview（基于vue.js的开源ui组件）学习的一些坑(三）
1、深入理解vue传参数（1）params传参数---参数在url中不显示。需要name:页面路由的名字，需要传递的参数为对象，放在params里面。 this.$router.push({ name: "list-item-edit", params: {reportItemData:datas} }) 接收参数：$route.params.reportItemData....
2019-01-09 09:23:52
557
原创 总结：iview（基于vue.js的开源ui组件）学习的一些坑(二）
1、iview中modal遇到的一点问题，在新增内容时，需要弹出Modal框（modal框包含一个表单），第一次就是默认的placeholder数据，可是第二次打开时，就是上一次填的值。官网并没有提醒。。。解决办法是：用watch监听函数，监听modal框，当打开时如果里面有数据就清空，或者关闭这个modal框时，顺便把数据清空。其中add_model时双向绑定到Madal框上的 ...
2018-12-28 09:20:35
888
原创 vue项目报错的以及echarts动态获取数据并展示折线图的几点整理
1、在npm run dev时报错 This relative module was not found:views/inform/setting/type.vue没有找到相关模块，一直以为是router路由没配置。后来才发现。是../../components/wrapper-content模块没找到,路径写错了，对应目录还应该再上一级，为../../../，即遇到这个报错，就看自己引入的模...
2018-12-26 20:04:48
2926
6
原创 总结：iview（基于vue.js的开源ui组件）学习的一些坑(一）
1、要改变组件的样式找到这个组件的class名，然后覆盖样式。举例：修改select框，显示圆角。只需给找到类名并写样.ivu-select-selection{ border-radius:15px;}2、form表单必须有:model="formInline" :rules="ruleInline" <Form ref="formInline" :model...
2018-12-21 19:58:33
1846
2
原创 码云代码托管常用命令以及本地代码提交到线上git仓库命令总结
最近用vue写了一个小项目，代码托管工具选了码云。每次开发都会先在码云上面创建新的分支，然后本地拉取这个新分支，并且此次在这个新分支中进行代码开发。以下对整个Git命令做一个总结。一、码云托管Git命令使用开发前工作1 在码云上新建分支，如上图中的detail-list,detail-ajax2 在本地执行命令git pull这将会拉取线上can仓库刚创建的分支。再输...
2018-12-17 14:15:56
243
原创 模拟搜索jsonp跨域案例以及js动态创建元素总结
一、模拟搜索jsonp跨域案例jsonp 跨域原理：XMLHttpRequest不能发生跨域请求，但是可以通过script标签去发生请求。原生js 处理：动态生成script标签，并且把src 属性设置为我们需要访问的跨域的地址jQuery AJAX处理：只需把dataType：“jsonp”，（底层原理，这个属性一设置，$.ajax就没有使用XMLHttpRequest这个对象，而是...
2018-12-04 21:00:14
270
原创 正则深入理解及常用案例
1、正则的概念：是一种规则，用来处理字符串的一个规则 正则的作用：匹配：判断一个字符串是否符合限定的规则 test()捕获: 获取到字符串中符合我们正则的内容 exec()2、创建一个正则两种方式：实例创建:var reg=new RegExp("");//传入的是一个字符串字面量方式：var reg=/\d/;创建正则的两种方式的区别：在字面量方式...
2018-11-12 22:21:55
165
原创 搜索框实现，常用搜索，历史搜索等
1、实现功能2、页面布局HTML共三部分（1）搜索栏input 框，右边是一个a标签，可以跳转回前一页面。之后写元素用来放置历史搜索和常用搜索。 <form class="weui-search-bar__form" id="search-form"> <div class="weui-search-bar__box"> ...
2018-11-03 11:24:32
7115
原创 z-index的使用小结
1、z-index定义z-index 属性指定一个元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。2、使用（1）必须在定位元素（position:relative/absolute/fixed/sticky）上才有效（2） 可以有负值（3）不同父元素的子元素之间进行显示时，会根据父级元素的z-index进行渲染.3、z-index不起作用的...
2018-10-23 17:30:33
36033
4
原创 签到系统、评价系统、后台审核系统前后端接口实现总结
1、签到系统实现点击签到，用户账户金币值更新，同时按钮变灰，今天不能再签到，第二天可以再次签到。 /*设置页面顶部点击事件*/ function clickEvent() { /*点击头像*/ $(".personal-main-top-user .personal-main-top-user-img").off("click").on("cl...
2018-10-21 20:32:38
4211
原创 今日头条实习面试总结
1、实现数组扁平化数组扁平化是指将一个多维数组变为一维数组[1, [2, 3, [4, 5]]] ------> [1, 2, 3, 4, 5]（1）toString & split或者jion & split调用数组的toString方法，将数组变为字符串然后再用split分割还原为数组 function flatten(Ary){ ...
2018-10-21 14:19:39
1132
原创 大华试题总结
1、以下js 表达式返回false 的是 C EA 1==trueB “”==falseC false==nullD null==undefinedE NaN==NaNF typeof NaN==="number"解析：考察js中的隐式转换，js中==运算会自动进行类型转换。null,undefined,"".有一个规则：布尔值true 和false 在==运算中...
2018-09-14 16:10:14
1196
原创 html新增属性，css新增属性、js进阶知识点整理
一、HTML5新增属性语义化标签：article、footer、header、nav、section、asidearticle <article> 标签定义外部的内容。 外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。 header <header&g...
2018-09-05 20:46:14
934
原创 前端json文件模拟数据与后台交互
一、在前端写一个json文件data.json放置位置如下{ "code":"1", "list": [{ "uid":"88", "imgurl": "image/upload/jz57N9RivnPstW11hUva0x0PdkEEZ7NJ5oQ6Ngp63j4CMcTr3jpDFQKC86Em7HMd.jpg" },
2018-07-28 20:53:22
10469
1
原创 BOM之window对象及location对象
一、window对象1、浏览器中，window对象既是通过javascript访问浏览器窗口的一个接口，又是ECMAscript规定的global对象。在全局作用域中声明的变量、函数都会成为window 对象的属性和方法。（通过.可以访问）差别：定义全局变量和在window对象上直接定义属性有差别。全局变量不能通过delete操作符来删除，window对象上定义的属性可以 尝试...
2018-07-23 17:52:09
362
原创 微信小程序实战之picker值表单提交、全局变量、跨页面传值
一、带有picker的表单提交1、只要给一个Name值即可代码如下： <view class="inputview"> <text class="input-text">起始日期</text> <picker mode="date" value="{{date}}" start="201
2018-07-22 18:17:23
9390
原创 cvte前端笔试题
1 以下代码运行结果为 var setPerson=function(person){ person.name="kevin"; person={name:"nick"}; }; var person={name:"alan"}; setPerson(person); alert(person.name);答案：Kevin首先，调用全局函数setPerson,传入pers...
2018-07-21 13:37:28
7287
6
原创 跨域问题小记
一、跨域出现的原因浏览器的同源策略：同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。只要网站的 协议名protocol、 主机host、 端口号port 这三个中的任意一个不同，网站间的数据请求与传输便构成了跨域调用。在 Web 安全领域中，XSS 和 CSRF 是最常见的攻击方式。浏览器的 Cookie 策略...
2018-07-17 20:18:31
190
原创 Vue项目环境准备以及常用git命令
1 Vue项目环境准备（1）下载按安装Node.js运行环境，node-v 用来检查已安装node版本npm为一个包管理工具 npm-v检查npm版本号（包含一些代码开发效率、版本控制）（2）注册码云账号（网上git云仓库）（3）在本地安装git，git --version检查是否安装成功windows系统 git bash 执行SSH keygen邮箱填写自己的邮箱git clone把线上代码放...
2018-07-03 18:46:04
832
原创 javascript中Array map()与forEach()的用法
1 map()介绍map()方法返回一个新数组，数组中的元素为原始元素经过函数处理后输出的元素。不会改变原始数组map()按照原数组顺序一次处理数组元素语法：array.map(function(currentValue,index,arr), thisValue)参数说明：currentValue: 必须，当前元素的值index：可选，当前元素的索引值arr：可选，当前元素所属的数组thisVa...
2018-06-06 16:28:25
2771
原创 微信小程序实战之登录信息获取、顶部导航栏以及自定义弹窗
1 微信新的登录需要用户通过Button 授权，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息。 <button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo">授权登录</button> onGotUserInfo(e) { ap...
2018-05-24 15:27:09
8274
原创 JS的事件处理机制以及事件代理（事件委托）
一、先记个小知识点。cssTextcssText 本质：设置 HTML 元素的 style 属性值。用法:document.getElementById("d1").style.cssText= "color:red; font-size:13px;";cssText 返回值:在某些浏览器中（比如 Chrome），你给他赋什么值，它就返回什么值。在 IE 中则比较痛苦，它会格式化输出、会把属性大写...
2018-05-17 19:26:43
8983
原创 2018前端星计划 第一天笔记整理(html+css)
第一天 html与css1、什么是前端包含内容（1）运用web标准技术：html,css,js,svg,http（2）运行环境：浏览器PC端，手机移动端APP（3）界面与交互功能美观、无障碍（盲人群体）、安全（个人信息隐私）、性能（加载速度，动画显示等）、兼容性（pc端不同浏览器，手机端Android,IOS等）前端边界node.js服务器端替代java.phpelectron使用Web技术开发桌...
2018-05-08 17:10:14
949
原创 BFC块级格式化上下文
一、BFC概念介绍定义：BFC, 全称是block formatting context，它是一个独立封闭的渲染区域，在这个区域内的所有元素，从区域的顶部起，一个接一个地根据自身的布局特性进行排列：在这个区域内的块级元素 ，按从上到下的顺序显示，相邻的块级元素可以使用margin隔离，但在垂直方向上相邻的块级元素会发生margin合并；在这个区域内的inline-level或inline-bloc...
2018-05-04 10:04:17
225
原创 jQuery mobile插件基础知识笔记
一、简介1、Jquery mobile是针对触屏智能手机与平板电脑的website以及在线应用的前端开发框架。 jQuery mobile是一个触控优化的HTML5 UI框架，旨在让所有智能手机、平板电脑和桌面设备都能访问响应性的网站和应用。Jquery mobile构建于Jquery 以及 Jquery UI类库之上，为前端开发人员提供了一个兼容所有主流移动设备平台的统一UI接口系统。拥有出...
2018-04-30 15:11:36
1487
原创 jQuery UI插件基础笔记整理
一、jQuery UI插件1、简介：jQuery UI包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件使用相同的模式，只要学会使用其中一个，就知道如何使用其他的小部件（Widget）。2、组成：jQuery UI 主要分为3个部分：交互、微件和效果库。交互：交互部件是一些与鼠标交互相关的内容，包括缩放（Resiza...
2018-04-28 18:41:20
614
原创 jQuery WeUI学习笔记二
三 扩展组件1 滚动加载当用户滚动到页面底部的时候加载更多内容。首先你需要把一段显示加载状态的代码放入需要滚动加载的容器中，这里我们默认是 document.body，加载指示器的代码如下：<div class="weui-loadmore"> <i class="weui-loading"></i> <span class="weui-loa...
2018-04-24 22:32:09
4670
1
原创 jQuery WeUI学习笔记一
一 引言最近在对时间典当行这一公众号进行一个粗浅的学习。涉及到WeUI插件库，就整理以下笔记。１ jQuery WeUI官网地址：http://jqweui.com/２ WeUI 目前只包含 CSS 代码，核心文件是weui.css jQuery WeUI = WeUI + jQuery + 大量拓展组件 jQuery WeUI 的组件分两部分： 基础组件：weui官方的组件...
2018-04-21 21:42:43
19834
4
原创 锋利的jQuery 笔记整理三
六 ajax1 ajax简介 AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。（1）XMLHttpRequest 对象所有现代浏览器均支持 XMLHttpReque...
2018-04-21 10:08:07
223
原创 左栏导航 右栏内容显示
一、 核心iframe方法一：改变元素显示、隐藏状态<div style="width: 20%; float: left"> <div id="butten" style="cursor: pointer;"> 左栏导航一 </div> <div id="hidden" >
2018-04-14 20:28:38
6773
1
原创 锋利的jQuery 笔记整理二
四 jQuery中的事件和动画1 window.onload和$(document).ready()的比较 方法执行时机多次使用javascriptwindow.onload网页所有元素全部加载到浏览器后才执行onload事件一次只能保存对一个函数的引用，他会自动用后面的函数覆盖前面的函数jQuery$(document).ready()dom完全就绪即可调用会在现有行为上追加新的行为，并且这些...
2018-04-13 15:57:48
185
原创 伪类选择器&&伪元素选择器
利用伪类选择器&&伪元素选择器可以为文档中不一定具体存在的结构指定样式，或者为某些元素的状态所指示的幻象类指定样式。（选自《CSS权威指南》 P57）一 伪类伪类就是一种虚构的状态或者说是一个具有特殊属性的元素可以使用CSS进行样式修饰。常见的几种伪类是: :link , :visited , :hover , :active ,:focus, :lang,:first-chi...
2018-04-08 14:36:32
575
原创 javascript 面向对象精要 第六章 对象模式
6.1 私有成员和特权成员JavaScipt 对象的所有属性都是公有的，没有显式的方法指定某个属性不能被外界访问。在不希望公有的属性名字前面加上下划线。6.1.1 模块模式模块模式是一种用于创建拥有私有数据的单件对象的模式。 基本做法是使用立即调用函数表达式（IIFE）来返回一个对象。该函数表达可以包括任意数量的本地变量，在函数外不可见。模块模式的基本格式如下：var yourObj = (fun...
2018-04-08 14:08:40
180
原创 锋利的jQuery 笔记整理一
一、认识jQuery1 javascript自身存在的三个弊端复杂的文档对象模型、不一致的浏览器实现、便捷的开发、调试工具的缺乏。2 javascript常见的库Prototype对javascript内置对象做了大量扩展，也组合了很多有用的javascript方法Dojo提供了很多独有功能：比如离线存储的API，生成图标的组件，基于SVG/VML的矢量图形和Comet支持等（适合企业级应用）YU...
2018-04-04 17:24:31
169
原创 javascript 面向对象精要 第五章 继承
第五章 继承引言： 理解面向对象编程 第一步 创建对象 第二步 理解继承5.1 原型对象链和Object.prototypeJavascript内建的继承方法被称为原型对象链，又可称为原型对象继承。原型对象的属性可经由对象实例访问，这就是继承的一种形式。原型对象也是一个对象，它也有自己的原型对象并继承其属性，这就是原型对象链。所有的对象包括你自己定义的对象，都自动继承自Object，除非你另有...
2018-04-02 16:39:26
188
原创 javascript 面向对象精要 第四章 构造函数和原型对象
第四章 构造函数和原型对象4.1 构造函数构造函数就是你用new创建对象时调用的函数。使用构造函数的好处/目的：所有用同一个构造函数创建的对象都具有同样的属性和方法。构造函数也是函数，你可以用同样的方法定义它。唯一的区别是构造函数名首字母应该大写。function Person(){}var person1= new Person();var person2= new Person();co...
2018-04-01 18:07:41
214
原创 javascript 面向对象精要 第三章 理解对象
第三章 理解对象引言：尽管javascript里有大量内建引用类型，很可能你还是会频繁创建自己的对象。javascript编程一大重点就是管理那些对象。3.1 定义属性有两种创建自己的对象的方式：使用Ｏbject构造函数或者使用对象的字面形式。你可以在对象定义之后，立即给它添加属性，也可以改变属性的值。你定义的对象总是由你随意修改。当一个属性第一次被添加给对象时，javascript在对象上调用一...
2018-04-01 16:07:34
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人