- 博客(63)
- 收藏
- 关注
RSS订阅
原创 JavaScript基本概念（三）函数的基础语法和用法
函数对于任何语言来说都是以一个核心的概念。通过函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行。ECMAScript中的函数使用function关键字来声明，后跟一组参数以及函数体。函数的基本语法：function functionName(args0,args1,...,argsN){ //() 括号里的是参数 statements // 函数体...
2019-02-18 15:14:16
219
原创 JavaScript基本概念（二）语句
语句定义了 ECMAScript 中的主要语法，语句通常使用一或多个关键字来完成给定任务。语句可以很简单，例如通知函数退出；也可以比较复杂，例如指定重复执行某个命令的次数。一、if语句大多数编程语言最为常用的一个语句就是if语句if(true){ // true条件console.log(1) //满足条件的语句} else {console.log(2) //...
2019-02-18 11:44:34
168
原创 JavaScript基本概念（一）数据类型
ECMAScript的数据类型分为两种基本数据类型和复杂数据类型(又称引用类型)基本数据类型有以下五种：undefined、null、boolean、number、string复杂数据类型（引用类型）有一种：object(对象）.下面对6种数据类型意义介绍分析，在介绍6种数据类型之前先介绍一个操作符typeof鉴于 ECMAScript 是松散类型的，因此需要有一种手段来检测给定变量...
2019-02-15 16:55:36
173
原创 iframe主子应用通信
前端使用iframe传参数，iframe传参数，vue使用iframe传参数，iframe主子应用传值，iframe主子应用传递参数
2023-07-01 10:12:41
423
原创 开发中常用的工具函数，比如生成随机数、字符串填充、文件下载、页面路径参数处理等
javaScript开发中常用的工具函数，(获取随机字符串、字符串填充「0」、比较数字大小补0、除去多余参数、获取img标签图片的base64数据、将base64数据转化为file对象、将blob数据转化为buffer对象、文件下载、根据 blob 或 url 直接下载文件、获取完整的URL绝对，解决相对路径转变为绝对路径的问题、获取阿里OSS云存储的图片裁剪功能后的图片，减少图片体积，节约流量、获取首字母大写的字符串、将横线命名转化为驼峰命名法、将驼峰命名法转化为横线命名、获取符合条件的所有对象等）
2023-02-07 15:00:05
210
原创 vue2 element-ui 封装表单搜索
1、搜索组建<template> <div class="records-search-wrapper"> <el-form ref="searchform" :inline="true" :model="searchFormData" @submit.native.prevent> <el-form-item
2021-08-28 14:07:53
707
原创 vue2 element-ui表格封装
1、table页面<template> <section> <el-table :data="tableData" stripe style="width: 100%"> <el-table-column v-for="item in columns" :key="item.prop
2021-08-28 13:55:43
274
原创 H5页面在iphoneX中顶部及底部显示适配解决方法
h5在iphoneX上会出现如下图问题：解决方法：1、index.html中中添加 viewport-fit=cover<meta name="viewport" content="..., viewport-fit=cover" />2、给固定的header和footer添加css样式：/* 适配iphoneX顶部填充*/@supports (top: env(safe-area-inset-top)){ body, .header{ padding-top
2020-06-23 09:59:04
3325
原创 vue写的pc端官网楼层跳转效果
前几天做了一个pc端官网，产品要求的效果是点击导航跳转到相应的位置，页面滚动的时候也要滚动在相应的位置。这个项目是用vue做的，和之前用jq直接操作dom还是有点区别的。直接上代码：header.vue顶部导航<template> <div class="header_box"> <div class="content"> ...
2019-10-09 15:24:09
1907
转载 前端页面一次性渲染多条数据的优化
前端页面一次性渲染十万条数据的优化（时间分片）在实际工作中，有时候会遇到一次性向页面插入大量数据的情况，比如：获取全国学校名称、获取专业名称等等。当遇到这样的需求时，如何才能在不卡页面的情况下渲染数据，对于一次性插入大量数据的情况，一般有两种做法：1、时间分片；2、虚拟列表这里只介绍如何使用时间分片来渲染大量数据：一、一般渲染数据最简单粗暴的做法是 一次性渲染代码如下：<ul i...
2019-10-08 13:54:00
8763
原创 纯h5页面利用HbuilderX打包成App调用手机通讯录
methods: { getInfor(data){ getAddressBook({ bookStr:data }).then(res => { if(res.data.status == 10000){ conso...
2019-09-18 15:05:46
3001
原创 二、NPM常用命令
在项目开发中经常要遇到安装依赖库，用的最多的就是npm来安装。下面就来介绍下NPM的常用命令：安装、删除、初始化、配置。一、安装NPM包安装某个NPM包，使用的命令是：npm install 包名 //可以简写为 npm i 包名如果执行的命令目录下有package.json则可以直接使用npm install命令来安装package.json中的所有依赖。如果要安装某个版本的包...
2019-09-02 17:04:57
327
转载 一、webpack是什么？
随着 Web 前端的不断发展，传统网页开发在逐渐往 Web 应用（Web Application，简称 WebAPP）的开发方式转变，页面开始变得越来越复杂，复杂的应用场景必然引起技术的进步，还会出现新的技术手段来解决现有问题。前端模块化和工程化的呼声越来越高，随着前些年大行其道的 Grunt、Gulp、FIS 等构建工具的发展，带动了一波前端工程化热。近几年，经过 React、Vue 库这些年的...
2019-09-02 15:26:02
4441
原创 前端项目中生成二维码
在日常项目开发中，经常碰到需要生成二维码的功能，在查了资料和网上大佬的分享发现两个比较好用的二维码组件，在次总结下：一、qrCode（1）、安装 vue-qart*注意：这里安装的是qrcodejs2，不是qrcode，否则会报错npm install qrcodejs2 --save（2）、页面引入——在入口文件（默认是main.js）里引入：我用的vue项目，这只介绍在vue中的...
2019-09-01 18:42:24
3208
原创 chrome设置--disable-web-security解决跨域
最近在做项目遇到直接请求第三方接口的。没有后台对接人员，网上查了下有解决在chrome浏览器中跨域的方法：一、mac版本打开终端退出chrome浏览器输入下面的命令( 需要替换路径中的yourname )sudo open -a "/Applications/Google Chrome.app" --args --disable-web-security --user...
2019-09-01 18:05:18
4365
原创 clipboard.js 进行文本复制
最近在做项目的时候，有需要用的复制文本的功能。然后就觉得可以使用原生的复制方法和使用第三方库。一、浏览器原生方法这种方式兼容性不是太好，还要看浏览器是否支持，容易踩坑。//在IE中可以用window.clipboardData.setData('text','内容')实现。//在IE中clipboardData是window的属性,而其他浏览器则是相应的event对象的属性，这实际上是一种...
2019-09-01 17:50:51
1229
原创 常用的表单正则验证规则：
总结一些常用的表单验证正则表达式：/* 合法uri*/export function validateURL(textval) { const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[...
2019-09-01 17:25:00
1175
1
原创 vue实现token用户登录
最近公司新启动了个项目，用的是vue框架在做。趁着周末把项目中登录部分的实现总结下。一、在前后端分离的情况下，使用token做登录验证的思路大致如下：1、在第一次登录的时候前端调用后端的接口，把用户名和密码传给后端。2、后端收到请求，验证用户名和密码，验证成功后，返回给前端一个token值。3、前端收到后端传给的token值，将token存储在本地 loaclStorage和vuex中。（...
2019-08-31 17:52:25
19152
9
原创 html5的多媒体标签
html☞ 视频属性：controls 显示控制栏属性：autoplay 自动播放 属性：loop 设置循环播放☞ 音频属性：controls 显示控制栏属性：autoplay 自动播放 属性：loop 设置循环播放☞ video标签支持的格式 http://www.w3school.com.cn/html5/html_5_video.asp☞ 多媒体标签在各浏...
2019-08-18 17:23:28
364
原创 解决html5语意标签在IE低版本浏览器下的兼容问题：
方法一：手动改写。1、在body中写入h5语意标签,这里用nav标签举例子：<nav></nav>2、在js中手动创建h5的语意标签：document.createElement("nav");3、在样式中必须要将h5的语意标签变成块元素，在ie低版本中，识别出的h5标签是行元素，所以要手动的将其变成块元素。nav{ height:200px; backg...
2019-08-18 16:27:37
329
原创 vue项目使用async await 封装 axios
es8的async await让异步变成了同步的写法，在vue中，可以通过封装axios，使得所有的请求都可以使用同步的写法。新建一个api.js文件，全局创建api实例import axios from 'axios'const qs = require('qs')const api = { async get (url, data) { try { let re...
2019-08-03 15:49:23
1638
原创 HTML总结
一、什么是HTML？？？HTML的英文全称是Hypertext Marked Language,中文叫“超文本标记语言”。和一般的文本不同，一个HTML文件不仅包含文本内容，还包含一些Tag,中文称“标记”。一个HTML文件的后缀名是.htm或者.html。二、HTML元素（HTML Elements）：HTML元素是用来标记文本，表示文本的内容，比如:body、p、title就是HTM...
2019-05-09 16:09:00
1474
1
原创 HTML语言特殊字符对照表(ISO Latin-1字符集)
HTML字符实体(Character Entities)有些字符在HTML里有特别的含义，比如小于号<就表示HTML Tag的开始，这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号，该怎么办呢？这就要说到HTML字符实体(HTML Character Entities)了。一个字符实体(Character Entity)分成三部分：第一部分是一个&a...
2019-05-09 11:04:09
537
原创 js Cookie使用
一、什么是cookie页面用来保存信息比如：自动登录、记住用户名二、cookie的特性同一个网站中所有页面共享一套cookie数量、大小有限过期时间三、JS中使用cookiedocument.cookiecookie的使用设置cookie格式：名字=值不会覆盖过期时间：expires=时间日期对象的使用封装函数读取cookie字符串分割删除cookie已经过期...
2019-05-07 10:19:37
150
原创 BOM总结
一、BOM基础1、打开：open2、关闭：close3、常用属性window.navigator.userAgent 当前浏览器版本信息window.location 路由信息4、窗口尺寸、工作区尺寸可视区尺寸document.documentElement.clientWidthdocument.documentElement.clientHeight滚动距离do...
2019-05-07 10:15:41
268
原创 js Ajax总结
一、什么是服务器网页浏览过程分析如何配置自己的服务器程序（AMP）二、什么是Ajax无刷新数据读取用户注册、在线聊天室异步、同步三、使用Ajax基础：请求并显示静态TXT文件字符集编码缓存、阻止缓存动态数据：请求JS（或json）文件eval的使用DOM创建元素局部刷新：请求并显示部分网页文件四、Ajax原理HTTP请求方法GET——用于获取数据（如：浏览帖子）...
2019-05-07 10:00:10
125
原创 js事件总结
一、事件对象 event事件对象是用来获取事件的详细信息：如鼠标位置、键盘键码等等1、获取event对象(兼容性写法)var oEvent = ev || event; // 兼容写法2、事件流事件冒泡：从子元素往父元素冒泡就是事件从目标开始，网上冒泡直到页面的最上一级标签，也就是当一个元素被触发，同样的事件也会在该元素的所有祖先元素中从内向外一次触发。解决冒泡事件：事件名....
2019-05-06 17:39:41
204
原创 js 运动基础demo
一、运动基础offsetLeft、offsetTop// 侧边栏滑动demovar oDiv = document.getElementById('div1'); var timer = null; var speed = 0; oDiv.onmouseover = function () { stat...
2019-05-06 15:03:23
251
原创 js DOM总结
一、什么是DOMDOM 是 W3C（万维网联盟）的标准。DOM 定义了访问 HTML 和 XML 文档的标准：“W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W3C DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型HTML ...
2019-05-06 14:37:49
362
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人