- 博客(24)
- 收藏
- 关注
RSS订阅原创 js获取浏览器各种宽高
document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeig
2020-11-27 21:50:49
1060
原创 解决移动端点击三百毫秒延迟问题
引入js! function () { "use strict"; function t(e, o) { function i(t, e) { return function () { return t.apply(e, arguments) } } var r; if (o = o || {}, this.trackingClick = !1,
2020-10-30 19:31:40
446
原创 获取页面url参数
// 获取页面url参数function GetRequest() {var url = location.search; //获取url中"?“符后的字串// var url = ‘?_userid=888&qqqq=555’var theRequest = new Object();if (url.indexOf(”?") != -1) {var str = url.substr(1);strs = str.split("&");for (var i = 0; i <
2020-10-19 15:51:34
162
原创 实现竖向滚动轮播，类似通知提醒消息
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>测试</title> <style type="text/css"> /*样式设置*/ body { margin: 0; } #scroll-box { w
2020-10-16 10:58:54
740
原创 多个音视频标签只播放一个音视频
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <audio c
2020-10-16 10:40:31
262
原创 移动端rem布局兼容不同屏幕大小js代码
引入这段代码可以完美兼容移动端不同手机屏幕大小//designWidth:设计稿的实际宽度值，需要根据实际设置//maxWidth:制作稿的最大宽度值，需要根据实际设置//这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750,750);(function(designWidth, maxWidth) { var doc = document, win = window, docEl = doc.d
2020-10-13 10:04:14
333
原创 实现点击复制功能（css，html，js）
js代码区域$(".copyNow").click(function(e){ var text = $('#copycode'); text.select(); document.execCommand("Copy"); if (text.val()) { webToast("邀请码复制成功",1000); } else { webToast("邀请码复制失败",'center',1000); }});html<
2020-10-13 09:57:17
1538
原创 vue中 key 值的作用
vue中 key 值的作用1.使用key来给每个节点做一个唯一标识2. key的作用主要是为了高效的更新虚拟DOM。另外vue中在使用相同标签名元素的过渡切换时，也会使用到key属性，其目的也是为了让vue可以区分它们，否则vue只会替换其内部属性而不会触发过渡效果。...
2020-10-09 10:02:50
376
原创 v-if 和 v-show 有什么区别？
请问 v-if 和 v-show 有什么区别？a.实现方式： v-if是根据后面数据的真假值判断直接从Dom树上删除或重建元素节点。 v-show只是在修改元素的css样式，也就是display的属性值，元素始终在Dom树上。b.编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件； v-show只是简单的基于css切换；c.编译条件：v-if是惰性的，如果初始条件为假，则什么也不做；只有在条件第一次变为真时才开始局部编译； v-show是在任何条件下
2020-10-09 09:58:51
209
原创 vue组件库生态
vue组件库element：VUE2的web UI工具mint-ui：VUE 2中的移动UIiview：VUEjs 的开源 UI 库muse-ui：响应式 UI 库VUECircleMenu：VUE圆环菜单VUE-chat：聊天示例VUE-waterfall：瀑布组件Keen-UI：基本UI组件Vux：基于VUE和WeUI的组件库终于集齐的VUE中的UI组件，不看后悔奥VUE-carbon：MD风格的移动端VUE-blu：帮助创建web应用VUEAdmin：简单的管理员模板VUE
2020-08-31 11:36:21
867
原创 如何用jsonp解决跨域问题
jsonp解决跨域问题:利用script标签没有跨域限制的漏洞，网页可以拿到从其他来源产生动态JSON数据，当然了JSONP请求一定要对方的服务器做支持才可以。「与AJAX对比」JSONP和AJAX相同，都是客户端向服务器发送请求，从服务器获取数据的方式。但是AJAX属于同源策略，JSONP属于非同源策略(跨域请求)「JSONP优点」兼容性比较好，可用于解决主流浏览器的跨域数据访问的问题。缺点就是仅支持get请求，具有局限性，不安全，可能会受到XSS攻击。「思路????」创建script标签
2020-08-29 15:41:39
1032
原创 day06_vue前端工程化
###1.模块化的分类####A.浏览器端的模块化1).AMD(Asynchronous Module Definition,异步模块定义)代表产品为：Require.js2).CMD(Common Module Definition,通用模块定义)代表产品为：Sea.js####B.服务器端的模块化服务器端的模块化规范是使用CommonJS规范：1).使用require引入其他模...
2019-11-24 00:35:41
174
原创 git相关命令
git config --global user.name //配置姓名git config --global user.email //配置邮箱git config --list //查看配置信息git init //初始化本地仓库git status //查看文件状态git add 文件名 //添加某个文件到暂存区，如果写 . 代表当前文件夹下所有的文件、git co...
2019-10-09 10:30:39
179
原创 静态仔的挣扎第02天
知道模板引擎和模板引擎和FormData的用法(重点)模板引擎概述作用：使用模板引擎提供的模板语法，可以将数据和 HTML 拼接起来。使用步骤1.下载 art-template 模板引擎库文件并在 HTML 页面中引入库文件<script src="/js/template-web.js"></script>2.准备 art-template 模板<...
2019-09-26 20:47:38
180
原创 静态仔的挣扎第01天
Ajax:让静态页面动起来,成为一名合格的前端人员学习目标(重点)** 【理解】AJAX 是什么【理解】AJAX的应用场景【应用】AJAX的实现步骤【理解】AJAX的运行原理【理解】服务器响应的数据格式【理解】请求报文与请求参数的格式【应用】获取服务器端的响应【应用】AJAX异步编程**传统网站中存在的问题网速慢的情况下，页面加载时间长，用户只能等待表单提交后，如果一项内...
2019-09-24 22:51:02
218
原创 day03-数据库概念&mongodb使用&数据库CLUD操作
数据库概念&环境搭建目标能够安装数据库软件能够知道集合、文档的概念能够使用mongoose创建集合的方法创建集合为什么要使用数据库（★★★）动态网站中的数据都是存储在数据库中的数据库可以用来持久存储客户端通过表单收集的用户信息数据库软件本身可以对数据进行高效的管理什么是数据库（★★★）数据库即存储数据的仓库，可以将数据进行有序的分门别类的存储。它是独立于语言之...
2019-09-14 23:02:56
416
原创 day04-artTemplate&学生档案系统&router&serveStatic
模板引擎目标能够使用模板引擎渲染数据能够使用模板引擎进行原文输出能够使用循环输出数据能够知道如何引用子模板能够知道如何如何进行模板继承基本概念（★★★）模板引擎是第三方模块。让开发者以更加友好的方式拼接字符串，使项目代码更加清晰更加易于维护[外链图片转存失败(img-e5YrlUW6-1568473328611)(images/artTemplate.png)]art-t...
2019-09-14 23:02:24
391
原创 JavaScript基础第06天笔记
JavaScript基础第06天笔记1 - 内置对象1.1 内置对象 JavaScript 中的对象分为3种：自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于 JS 独有的， JS API 讲解内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方...
2019-09-03 23:06:51
241
原创 JavaScript基础第05天笔记
JavaScript基础第05天笔记1 - 作用域1.1 作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。JavaScript（es6前）中的作用域有两种：全局作用域局部作用域（函数作用域）1.2 全局作用域作用于所有代码执行的环...
2019-09-03 23:06:01
189
原创 JavaScript基础第04天笔记
JavaScript基础第04天笔记1 - 数组1.1 数组的概念数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。1.2 创建数组JS 中创建数组有两种方式：利用 new 创建数组var 数组名 = new Array() ；...
2019-09-03 23:05:18
179
原创 JavaScript基础第03天笔记
JavaScript基础第03天笔记1 - 循环1.1 for循环语法结构for(初始化变量; 条件表达式; 操作表达式 ){//循环体}| 名称 | 作用 || ---------- | -----------------------------...
2019-09-03 23:04:33
599
原创 JavaScript基础第02天笔记(1)
JavaScript基础第02天1 - 运算符（操作符）1.1 运算符的分类 运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有：- 算数运算符- 递增和递减运算符- 比较运算符- 逻辑运算符- 赋值运算符1.2 算数运算符算术运算符概述概念：算术运算使用的符号，用于执行两个变量或值的算术...
2019-09-01 20:27:03
405
原创 JavaScript基础第01天笔记
JavaScript基础第01天1 - 编程语言1.1 编程编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。计算机程序：就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。1.2 计算机语言计算机语言指用于人与计算机之间通讯的语言，它是人...
2019-09-01 20:22:40
255
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人