- 博客(21)
- 收藏
- 关注
RSS订阅原创 js精度问题解决
js精度问题问题的原因解决方法个人vue使用Math.js大家做项目时可能会遇到前端计算数据的需求，但往往会疑惑简单的加减法用代码计算出来往往多了好多小数位，并不是我们想要的结果，如下：// 加法 =====================0.1 + 0.2 = 0.300000000000000040.7 + 0.1 = 0.79999999999999990.2 + 0.4 = 0.6000000000000001// 减法 =====================1.5 - 1.2
2020-11-16 20:08:55
3149
原创 viewport移动端适配
一、移动端适配的目的：通常我们在pc上看到的页面都是比较大的，在pc上访问页面是正常显示的，默认是不会被缩放的，除非是手动进行了缩放，页面才会被放大比例或者是缩小比例显示。但是在移动端是不一样的，如果将一个pc端的页面放到手机端进行访问，那么可能出现页面挤到一起、布局错乱或者出现横向滚动条的情况，我们给用户带来不好的体验。还有在屏幕尺寸大小不同的手机上进行访问页面时，页面显示的效果不能合理的展示...
2019-10-22 09:12:22
279
1
原创 常用的http请求头以及响应头详解
一、常用的http请求头1.AcceptAccept: text/html 浏览器可以接受服务器回发的类型为 text/html。Accept: / 代表浏览器可以处理所有类型,(一般浏览器发给服务器都是发这个)。2.Accept-EncodingAccept-Encoding: gzip, deflate 浏览器申明自己接收的编码方法，通常指定压缩方法，是否支持压缩，支持什么压...
2019-10-19 16:19:37
2446
原创 前端-回到顶部效果总结
1.锚点：使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置。<body style="height:2000px;"> <div id="topAnchor"></div> <a href="#topAnch...
2019-10-19 15:11:39
728
原创 jQuery实现倒计时
jQuery功能是非常强大的，同时也可以自定义一些常用插件，方便随时调用，添加样式来展示。页面效果图：<!DOCTYPE html><head> <title>jQuery实现倒计时效果</title> <script type="text/javascript" src="https://cdn.bootcss.com/...
2019-10-19 14:55:00
1162
原创 前端必备的几种数组排序和去重的方法
前端开发避免不了对各种数据类型的处理，其中数组的排序和去重是必备的技能，往往面试时也也会经常遇到。数组排序：1.简单的sort排序：var arr=[1,5,3,87,23];arr.sort(function(a,b){ return a-b;})console.log(arr)//输出：[1,23,3,5,87]注：若返回b-a可获得从大到小的排序；数组的sort方法只能实...
2019-10-13 09:48:23
3873
5
原创 vue中图片验证码插件
vue项目手写图片验证码插件，斜体可更改长度，并点击图片时切换验证码的效果如下：使用：<valid-code :value.sync="validCode"></valid-code>组件：<template> <div class="ValidCode disabled-select" :style="`width:${width}; h...
2019-10-05 11:05:20
1485
原创 关于验证码的思考
验证码为何存在？作为普通用户的我之前并没有认真思考过这个问题，总觉得每次让输验证码之类的都很麻烦。今天深入研究了以下才发觉，验证码的存在是为了网站数据被脚本攻击窃取，保障了用户的数据安全。一、验证码是用来防止服务器被攻击的。二、防止暴力破解、刷票、论坛灌水、刷页等。三、有验证码可以防止误操作，尤其是关于钱的操作。偶然发现有人分享如何破解滑块验证的方法，分享一下：原理：获取验证图片...
2019-10-05 10:02:29
298
原创 由对象构成的数组去重总结
最近做项目时遇到了在localStorage里存了数组嵌套对象的数据需要去重的问题。找到了以下的解决方法，就分享一下：原数组data的格式，现需要根据id将重复的数据删除：let data = [ { id: 000001, name: '张三', }, { id: 000002, name: 'John', }, { id: 000003, name: '李四',...
2019-09-24 22:25:47
194
原创 移动端开发的适配和1px问题：
移动端开发适配：让前端开发者的代码在不同手机屏幕下展示相同的效果：1.媒体查询：/* 适配 */@media only screen and (min-width: 320px) { html { font-size: 17.066666px !important; }}@media only screen and (min-width: 360px) ...
2019-09-22 20:05:14
208
原创 移动端开发注意事项
移动端开发注意事项：1、防止手机中网页放大和缩小，设置meta中的viewport。<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">使用viewport使页面禁止缩放。 通常把user-scalable设置为0来关闭...
2019-09-22 20:04:20
84
原创 代码速写——Emmet插件
代码速写Emmet插件大部分编辑器都可以使用Emmet语法规则,我们平时开发的Sublime Text、Eclipse、Notepad++、VS code、Atom、Dreamweaver等等编辑器都可以使用。简要介绍一些常用的基础指令，可以自行灵活组合。1.创建HTML结构新建一个HTML文件后输入！敲Tab键，这样可以快速生成基础的结构，同时防止手写时忘记某个代码块，输入错误的代码。代码...
2019-09-22 19:17:01
233
转载 前端模拟接口数据（mock）实践
原文超链接前言越来越多的公司将前端和后端彻底分离，以便能够支持后端一套接口，提供给 web, ios, android 使用，大大提高了开发的效率。但与此同时，也带来了前端 ui 依赖后端数据的问题，在后端的接口没有开发完成之前，前端需要根据接口定义的规范模拟接口数据。这个问题看似简单，但实际上在开发过程中，会是一个比较头疼的问题。以往的做法有基于前端和后端两种做法，前端大多数都是在业务代...
2019-09-16 22:39:36
2533
原创 日常总结知识点1：
bootstracp 的栅格布局原理媒体查询Bootstrap框架中的网格系统就是将容器平分成12份，最后结合媒体查询，就制作出了强大的响应式网格系统。数据行(.row)必须包含在容器（.container）中，以便为其赋予合适的对齐方式和内距(padding)。在行(.row)中可以添加列(.column)，但列数之和不能超过平分的总列数，比如12。具体内容应当放置在列容器（colu...
2019-09-16 19:59:42
152
原创 有趣的js小案例---do you like me ?
恶搞朋友，yes的必须选项。css样式： <style type="text/css"> h1 {position:absolute; left:220px; top:175px; width:auto; height:210px} #left{position:absolute; left:250px; top:300px;width: 50px; height: 50...
2019-07-28 10:45:15
1063
原创 js案例--简易日历
效果图：初始1的样式如图，之后点击每个小块样式发生同样变化，且在文本框中会显示对应的备注信息。html结构： 1 JAN 2 FER 3 MAR 4 APR 5 MAY ...
2019-07-28 10:27:20
392
原创 js里this指向问题
普通函数：普通模式下：哪个对象调用某个函数（方法）指向那个对象function foo(){console.log(this);}foo()；该this指向为Window；而该写法放在严格模式下 this指向undefined；var obj = {name:“john”,sayHello:function(){console.log(this);console.log(t...
2019-07-27 21:36:48
141
原创 封装好的startMove js代码
适用于更改宽度、高度、margin、padding、定位位置以及透明度等属性。function getStyle(obj, attr) {if(window.getComputedStyle) {return getComputedStyle(obj, null)[attr];}return obj.currentStyle[attr];}/*参数domobj 样式要改变的d...
2019-07-27 21:25:32
255
原创 js案例--九宫格
自己理解着写的，仅供参考。 </div> <script type="text/javascript"> //创建九个div var oWrap = document.getElementById("wrap"); var mt = ml = 10; for(var i = 0; i < 3; i++)...
2019-07-27 19:42:21
253
转载 js案例
js案例.编写任意个数字的求和、差、积、商的函数function f1(){var sum=arguments[0], //将第一个数符初值分别给这几个变量cha=arguments[0],ji=arguments[0],shang=arguments[0];for(var i=1;i<arguments.length;i++){ //用arguments获取用户传入的...
2019-07-17 13:12:43
79
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人