- 博客(35)
- 收藏
- 关注
RSS订阅原创 vue中使用iview修改Cascader的默认数据
let dataValueBatch = data3 =>data3.map(({id,value, childs}) => (childs ? {value : id,label : value,children : dataValueBatch(childs),} : {value : id,label : value,}));this.data3 =...
2020-02-25 16:24:43
807
原创 微信公众号授权登录
var obj = {}; //url地址参数var deviceId = “”; //设备idvar visitorId = “”; //手机唯一idvar openId = “”; // 每个人唯一url(); //获取地址栏后的参数code(); //初始化页面信息//获取url地址后的参数function url() {//首先获取到当前页面的地址栏信息var url =...
2020-02-12 13:19:47
268
原创 ``模板标识符
模板标识符,可以对html代码进行编译解析 可以对变量进行嵌套 let content = `${text}` 比如: let content = `<p>**,三年了,,好久不见,我们都变了.</p>` 输出: ,三年了,,好久不见,我们都变了. 但是模板标识符,不能直接对转义符号进行编译,要先进行反转义var temp = document.createElement...
2019-09-17 09:37:34
204
原创 liMarquee – jQuery无缝滚动插件
liMarquee – jQuery无缝滚动插件是一款无缝滚动插件包括文字滚动.1.引入文件2,$(function(){$(’.dowebok’).liMarquee({direction: ‘right’ //控制滚动方向 up:上 down:下 left:左scrollamount: 200 //滚动速度 数值越小,滚动速度越慢circular: true //是否...
2019-08-05 14:20:52
1023
原创 缓存操作
sessionStorage 存储存储数据 存储对象或者数组时 必须要先转化为json数据: sessionStorage.setItem(“list”,JSON.stringify(data)) ;从缓存获取数据var newTime = JSON.parse(sessionStorage.getItem(“list”));cookie存储因为使用的是jquery.cookie,所以必...
2019-08-05 11:11:58
142
原创 获取url后的参数
//首先获取到当前页面的地址栏信息var url = window.location.href;var obj = {};var reg = /?/;if(url.match(reg)) {var chars = url.split(’?’)[1];var arr = chars.split(’&’);for (var i = 0; i < arr.length; i+...
2019-08-05 10:16:05
116
转载 小程序与传统HTML5的区别
区别于H5的开发工具+浏览器Device Mode预览的模式，小程序的开发基于自己的开发者工具，可以实现同步本地文件+开发调试+编译+预览+上传+发布等一整套流程。开发语言不同。小程序自己开发了一套WXML标签语言和WXSS样式语言，并非直接使用标准的HTML5+CSS3。组件封装不同。小程序独立出来了很多原生APP的组件，在HTML5需要模拟才能实现的功能，小程序里可以直接调用组件。1、标...
2019-04-25 19:29:29
198
转载 深入浅出学 Vue 开发
Vue.js是国内当下十分流行的一个前端Web框架，具有丰富的组建和库支持，其中Vuex可以说是最为重要的一个了，但是，在一些项目中，我们甚至都不会用到Vuex，所有Vue开发者有时候就会忽略掉这样一个重要的组建，今天我就结合自己的学习过程，对Vuex做一个总结。一、什么是Vuex 用官网的话解释：Vuex是一个专门为Vue.js应用程序开...
2019-04-18 19:28:31
213
原创 Vue笔记总结
一.生命周期beforeCreate(第一个生命周期):表示实例还没有创建出来之前会执行他,但data和methods还没有创建成功created(第二个生命周期):表示data和methods已经初始化完成 若操作data或者m,ethods.最早在created中操作beforeMount(第三个生命周期):表示模板已经在内存中编译完成,但尚未渲染到页面中mounted(第四个生命周...
2019-04-17 19:25:34
150
原创 vue项目
第一步 .安装开发环境下载node.js 利用npm下载各种依赖 配置js部分,引入文件下面是关于index.js的相关引用//1.导入vueimport Vue from ‘vue’//导入公共组件import app from ‘./app.vue’//导入路由模块import router from ‘./router.js’//导入mui模块的样式import ‘./l...
2019-04-15 19:31:38
125
原创 安装 并且在gitHubx上传项目
首先要注册一个自己的GitHub账号，注册网址：https://github.com/join有了自己的账号以后，就可以进行登录，开始创建一个新的项目创建一个新的项目，填写项目名称，描述创建完成之后，跳转到下面的页面，下面红框中的网址要记住，在后面上传代码的时候需要使用比如https://github.com/he182 这是我的接下来，我们需要先下载Git，安装时如果没有特殊需求，一直...
2019-04-14 22:58:47
321
原创 最流行的前端框架vue
vue是现在很火的一个前端MVVM框架，它以数据驱动和组件化的思想构建，与angular和react并称前端三大框架。相比angular和react，vue更加轻巧、高性能、也很容易上手。大家也可以移步vue官网，看一下它的介绍和核心功能介绍。简单粗暴的理解就是：用vue开发的时候，就是操作数据，然后vue就会处理，以数据驱动去改变DOM。使用vue，我们可以集中精力于如何处理数据上，数据改变后，...
2019-04-11 08:35:02
614
转载 rem布局
rem布局自适应效果很好，可以让手机端pc端实现响应式布局，总结如下：首先我们看看rem是什么？rem和em单位一样，都是一个相对单位。区别在于：em是相对于元素的父元素的font-size进行计算；rem是相对于根元素html的font-size进行计算。由此可见：rem不仅避免了复杂的层级关系，并且实现了类似于em单位的功能。默认情况下浏览器给的字体大小是16px，因此按照转化关系 ...
2019-04-01 08:27:19
82
转载 ajax基础
关于ajax的一些总结(面试可能会使用的到) 参考: http://www.ruanyifeng.com/blog/2016/04/cors.html https://segmentfault.com/a/1190000012469713 &nb...
2019-03-28 08:35:33
158
转载 form提交表单
在项目开发中，有时提交form表单时不能单单用action或者jquery的表单提交方法有三种，主要说下第三种第一种：用form自带属性action提交第二种：用jquery提交：$("#formid").submit();第三种：用ajax提交：但如果form表单中数据很多时，不可能一一列出，只需要用$(’#yourformid’).serialize()就可以了举例如下：KaT...
2019-03-28 08:33:57
93
转载 什么是ajax
1.背景介绍什么是AJAX？即异步的 JavaScript 和 XML，是一种用于创建快速动态网页的技术；传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。使用AJAX则不需要加载更新整个网页，实现部分内容更新2.知识剖析AJAX1、什么是ajax2、常见的ajax使用场景3、为什么需要使用ajax4、Ajax的工作原理5、XMLHttpRequest常...
2019-03-28 08:32:34
2591
转载 fullpage插件
简介fullPage.js是一个基于jQuery的全屏滚动插件，它能够很方便、很轻松的制作出全屏网站主要功能支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等兼容性fullPage.js 支持 IE8+ 及其他现代浏览器。使用方法1、引...
2019-03-28 08:30:20
203
转载 less
1.less的定义less是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。 做为 CSS 的一种形式的扩展，它并没有减少 CSS 的功能，而是在现有的 CSS 语法上，为CSS加入程序式语言的特性，以便可以通过Web浏览器读取。它提供诸如变量，函数， mixins 和操作等功能，可以构建动态CSS。2.特征更清晰和更可读的代码可以以有组织的方式编写。我们可以定义样式...
2019-03-18 22:42:10
101
转载 Boostrap
1、什么是Bootrap2、为什么要学习Bootstrap3、哪些项目在使用Bootstrap4、安装和使用5、简单阅读Bootstrap源码6、Bootstrap全局CSS样式7、Bootstrap组件8、Bootstrap插件（了解）9、Bootstrap定制10、Bootstrap学习意义总结1、什么是BootstrapBootstrap来自 Twitter，是目前很受...
2019-03-14 19:29:37
198
转载 代码都智能自动生成了，还要程序员干嘛？
导读：要说开源精神，阿里估计在国内能够排在最前列。前一段时间，阿里又发布了大家喜闻乐见的代码自动生成工具 imgcook。于是有人说：“前端干着干着，就把自己干没了…”本文经授权转自公众号CSDN（ID：CSDNnews），作者：郭芮01 代码是如何自动智能生成的？imgcook 中文译为“图像大厨”，顾名思义，它是一款专注于各种图像（Sketch、PSD、静态图片）处理的工具，通过智能...
2019-03-11 19:22:49
121
原创 ajax
ajax? 数据交互核心: XmlHttpRequest特点: 异步加载 , 局部刷新注意: 不能使用文件协议异步:一次一堆,前一个没有完成,后一个也能开始同步: 一次一个,前一个没有完成,后一个也不能开始jQuery方法:$.ajs({url : “请求的地址”,type : “请求的类型” get/post[data]: “要发送到服务器的数据”dataType : “...
2019-02-25 18:42:33
91
原创 jQuery小结
show()显示 hide()隐藏入口$(function(){})互相转化//jQuery对象转为js对象var $li = KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲li"); …li);$li[0].style.color = “pink”; //js对象转为jQ...
2019-02-19 22:10:09
72
原创 二级联动
代码如下：jsp部分代码：复制代码 == 请选择省份 == 北京市 山西省 山东省 河北省 河南省 <select name="city" class="city"> &l...
2019-01-23 22:33:23
80
转载 2018 年，JavaScript 都经历了什么？
这些年，JavaScript生态系统异常活跃：ECMAScript打破多年的沉寂，每年都会给我们带来新的特性，像async函数这种语法为开发者减少了大量冗余的代码；JS大家庭的其他成员也都在进步，从前端到后端，从底层的JS引擎到上层的NPM库，而大家热爱的Vue正在重写3.0；就连古老的编辑器也能带来新的惊喜，Visual Studio Code超越各种其实还不错的竞品，成为最受JSer...
2019-01-21 22:02:00
87
转载 贪吃蛇
最近在csdn上看到一位大神用20行代码就写出了一个贪吃蛇的小游戏，感觉被惊艳到了，就试着读了一下这段代码，阅读过程中不断为作者写法的巧妙而叫绝，其中我发现自己对运算符优先级和一些js的技巧不是很清楚，所以看完之后决定把思路分享出来，方便和我一样的小白学习。我对代码稍稍做了些修改，并添加了一些注释，方便理解。示例代码 贪吃蛇重构 对不起，您的浏览器不支持canvas v...
2019-01-20 19:25:41
177
转载 Js贪吃蛇开发过程详细
开发需求：需求大家玩过贪吃蛇应该都了解，用上下左右控制蛇的方向移动，吃到闪动的小虫就增长一段并加分。直到撞到四壁或吃到自己游戏结束。设计思路：首先要有一个地图供蛇爬行。由于蛇的形状长度均会改变，如果用图片表示的话肯定不行，其实蛇的移动可以看做是背景色的黑白变化，蛇头的前一个html元素变黑，蛇为变白，则可看成是向前移动了一步。你整个地图的移动则需将整个地图分为多个小的html元素，这里我们选...
2019-01-17 19:21:03
259
转载 代码都智能自动生成了，还要程序员干嘛？
前端干着干着，就把自己干没了…要说开源精神，阿里估计在国内能够排在最前列。近几年，阿里接二连三“搞事情”。根据阿里近期发布的《2018 年度代码报告》显示，目前阿里巴巴就已经有 400 多个开源项目，涉及中间件、框架、组件、数据库、存储等，包括滴滴、网易、Netflix、Uber 在内的互联网公司都是阿里开源项目的使用者。最近阿里也没闲着，又发布了大家喜闻乐见的代码自动生成工具 imgcoo...
2019-01-16 20:46:21
177
原创 js封装函数
// fn 回调函数—>把函数当作参数使用function animate(element,json,fn){//优化1.先清理定时器clearInterval(element.timeId);element.timeId=setInterval(function () {var flay=true;//假设全部到达目标位置for (var attr in json){//1...
2019-01-15 21:31:20
742
转载 原生js实现轮播图原理分析
一、轮播图需求轮播图需要实现左右翻页的无缝连接需要点击左右切换需要实现跳转显示当前位置的小圆点二、轮播图的原理1.图片移动实现原理：利用浮动将所有所有照片依次排成一行，给这一长串图片添加一个父级的遮罩，每次只显示一张图，其余的都隐藏起来。对图片添加绝对定位，通过控制left属性，实现照片的移动。2.图片移动动画原理：从a位置移动到b位置，需要先计算两点之间的差值，通过差值和时间间...
2019-01-14 22:26:43
265
转载 关于浏览器兼容问题
1.关于用“索引”获取字符串每一项出现的兼容性问题:对于字符串也有类似于 数组 这样的通过 下标索引 获取每一项的值,var str=“abcde”;aletr(str[1]);但是低版本的浏览器IE6,7不兼容兼容方法:str.charAt(i) //全部浏览器都兼容var str=“abcde”;for(var i=0;i<str.length;i++){alert...
2019-01-08 22:04:49
79
原创 String对象和Array对象的常用属性和方法
String 对象.length 字符串的长度charAt(索引) 返回值是指定位置的字符串,超出索引返回的是空 undefined(也就是如果找不到的话返回的就是空).concat(字符串1,字符串2) 拼接字符串 返回的是新的字符串.indexOf(要找的字符串,开始的位置) 查找字符串,返回...
2019-01-07 19:07:21
144
原创 Math 对象和Date对象的常用属性和方法
Math对象常用方法Math.PI 圆周率 π的值Math.random() 生成随机数例如:随机生成5位数的随机数function f1(){var arr=[“0”,“1”,“2”,“3”,“4”,“5”,“6,“7”,“8”,“9”];var str=”";for(var i=0;i<5;i++){var num=parseInt(Math.random()...
2019-01-07 18:33:46
154
原创 string字符串的常用属性
找到这个字符串中每个字符出现了多少次 var str2 = "wha"; var obj = {}; str = str.toLowerCase(); for( var i = 0 ; i < str2.length; i++){ if(obj[str2[i]]){ obj[str2[i]]++; ...
2019-01-03 19:30:57
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人