impossible1994727的博客

包含标点符号的文案换行问题

js 处理数据的基本方法和一些工具函数，助力开发

table()：用表格的形式显示数组或对象 数组： const a=[1,2,444,66];console.table(a) 对象： const a=[{a:'this a',b:'this b'},{a:'this a1',b:'this b1'}];console.table(a) 只打印部分对象： const a=[{a:'this a',b:'this b',c:'this c'},{a:'this a1',b:'this b1',c:'this c1'}];con

基本语法：function test(e){try { //必须执行的代码 if(e==3){ throw('是3')//抛出错误 }else{ console.log('不是三') }}catch(err) {//捕获try 抛出的异常 console.log('输入的值==3'+err)}finally {//finnally 可选是否执行 console.log('输入的值'+e)}}执行：te

window.oncontextmenu=()=>{console.log('鼠标点击了右键')}

//判断访问终端 var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.in

了解为什么要用promise首先了解一下什么叫做回调地狱。回调地狱是指：多层嵌套函数，函数的返回值是下一个函数的执行条件。举例：function a(){ let a='a'; function b(a){ let b='b'+a; function c(b){ let c='c'+b; console.log(c); } }}如上代码，多层嵌套，代码看着就很乱。解

参考文档：http://www.sortablejs.com/index.html我司有需求，拖动里诶包

body{    font-family:Arial, Helvetica, sans-serif;/*字体。*/    font-size:12px;/*字体大小12像素。*/}div{    width:200px;/*层的宽度。*/    height:100px;/*层的高度。*/    line-height:24px;/*行间距。*/    positi

假设一个数组：userinfouserinfo:{userAccount: "120@qq.com,userGuid: "3F8B"userId: 201userName: "小明"userRegisterTime: "2020-11-29 14:23:23"}存储到本地不能直接用key，value的方式，会存成[object,object]，什么也取不出来；存取方式如下：localStorage.setItem('UserInfo', JSON.stringify(us.

本来video只用autoplay就可以自动播放的，但是由于微信的限制，autoplay在微信中失效。解决方式： <video controls style="object-fit:fill" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-full

根据上一篇博客，继续是实现下一个功能，将汉字转化为拼音，要带声调。参考：根据项目需求引入自己需要的js，我这里用了pinyin_dict_withtone.js和pinyinUtil.js。抽离出自己需要的方法如下：function getPinyin(value) { // var value = document.getElementById('test').value; // var type = document.querySelector('[name="pi

参考：http://sc.chinaz.com/jiaoben/190622094840.htm用到的文件：功能复刻一个叫写汉字的小程序。引入hanzi-writer.min.js，和jquery的js。html部分：<!--展示文字笔画的部分--> <div class="top"> <div id="character-target-div3"></div> </div> <d

用到的资源：假设我们遇到的需求为：选中网页的某段文字后弹出小弹窗，出现复制按钮，并且可以提示复制成功。代码如下：<style>.btn { position: absolute; display: none; }</style> <div style="position: relative;" class="fa"> <button class="btn"&gt

引用文档：https://markjs.io/本文用到的文件：我全部通过基本例子来完成的：1、根据内容匹配：context种如果有相同的内容可能也会被匹配； <div class="context"> 散文是一个汉语词汇，拼音是sǎn wén。一指文采焕发;二指犹行 散文是一种抒发作者真情实感、写作方式灵活的记叙类文学体裁。"散文"一词大概出现在北宋太平兴国(976年12月-984年11月)时期。《辞海》认为:中国六朝以来...

假设现在有时间：var str="2020-05-28 09:00:00";想要算这个时间与当前本地时间newDate()的时间差。var date=newDate();pc端：可以使用newDate(str)，将当前时间转换为与date格式一样的时间。然后将转换后的时间和date统一进行getTime();计算两个时间与1970 年 1 月 1 日午夜相差得毫秒数。str=new Date(str);str=str.getTime();date=date....

做网页免不了遇到弹窗，遮罩层这些页面，当有遮罩层的时候需要禁止底层页面滑动，本来使用event.stopPropagation();阻止事件冒泡在安卓端就是可以实现的，但是在ios上这个并不起作用。所以为了方便在弹出遮罩层的同时给body设置'position':'fixed';'top':'负的当前浏览器顶部距离页面顶部距离';此时，点击遮罩层的时候底层页面不动且页面位置正好；但是点击遮罩层

.gundong{                height: 50px;                overflow: hidden;            }            .gundong ul{                list-style: none;                width: 100%;                d

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><style type="text/css"> * { margin: 0; paddin...

css部分：*{    margin: 0;    padding: 0;    list-style: none;}.container{    width: 100vw;    height: 100vh;    background: #222222;    display: flex;    justify-content: center;    align-items: center;}...

两种方法：说明：我是在微信小程序里面用到的，有需要用的朋友自己修改一下哈。1、方法一：重点转换 emjo表情，汉字和英文基本不转换；用到的插件如下：// 将其转成 base64// var base64={var utf16toEntities=function(str) { var patt = /[\ud800-\udbff][\udc00-\udfff]/g; //...

var a='2018/08/08 05:20:23';a=a.replace(/\//g,'-');使用/g进行全局匹配

这个是用了3张图，来回滑动，类似一个圆圈（不晓得这个 怎么上动图啊！！！！）图就是这么个图，但是他是可以滑动的（不好描述啊！！）贴代码比较方便。。。 &lt;div class="banner"&gt; &lt;div class="banner_li left"&gt; &lt;img src="2.jpg" /&gt; &lt;/div&gt;

项目描述：九宫格的跑马灯抽奖特效，抽中奖品1-9的概率分别是2%，2%，4%，1%，12%，1%，8%，70%，概率总计100%，并且每天抽奖次数最多为3次。html部分的代码和css部分的代码和上一节的一样，没有修改，js部分有修改，增加了概率。原理很简单，同样是取随机数，判断这个随机数的大小在100的0-2,2-4，4-8,8-9,9-21,21-22,22-30,30-100之间...

图片全部隐私处理跑马灯抽奖特效难点一：奖品位置排放，如下图&lt;div class="gift_div"&gt; &lt;div class="gift gift1"&gt;奖品1&lt;/div&gt; &lt;div class="gift gift2"&gt;奖品2&lt;/div&gt; &lt;div class

模块化核心：导出和导入；1、普通模块化：同级新建文件index.html,a.js.b.js三个文件；index.html中引入a.js和b.js。（a.js在前）<script src="a.js"></script><script src="b.js"></script>a.js中导出：var modules=(function(){ var name='jack'; var flag=true; fu

直接复制下面代码即可：cookie.set：存，cookie.get：取，cookie.delete：删除<script> var cookie = { set: function (key, val, time) {//设置cookie方法 var date = new Date(); //获取当前时间 ...

需要用到的插件：https://download.youkuaiyun.com/download/impossible1994727/12390466普通H5引入的方式改为模块化：<script type="module"> import {setCookie,delCookie,getCookie} from './cookie.js' setCookie('nam...

1、时间戳换成时间：function timetamp(time){ var date = new Date(time);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth()+1 < 10 ? '0'+(dat...

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/mobiletab.css"/...

#demo { /*background: #FFF;*/ overflow:hidden; border: 1px dashed #CCC; width: 830px;//width=100%； height:150px; } #demo img { border: 3px solid #F2F2F2; } #indemo { float: left;

*{    margin: 0;    padding: 0;}ul{    /*background: url(../img/bg-lottery.png) no-repeat;    background-size: 100% 100%;*/    font-size: 0.15rem;    border-radius: 100%;    display:

Hello MUI                                                            .sc_list{    width: 100%;    margin-bottom: 1.1rem;}.mui-draggable,.mui-off-canvas-right,.mui-inner-wrap,.m

var startX,startY,endX,endY,X,Y;    $('body').on('touchstart',function(e){        var touch=e.originalEvent.targetTouches[0];        startX=touch.pageX;        startY=touch.pageY;         

于今年3月份辞职之后找工作，整理一下我的面试中遇到的各种面试题。关于盒子模型？ html中的每一个元素都可以看作是一个盒模型，在网页中一个元素由content , padding , border,margin组成，这四部分整体组成一个盒子模型;当元素使用了padding的时候我习惯性加上box-sizing:border-box; 比如一个宽高都是100px，p...

有一个需求，用户输入一串密码，发现中间少输入了一位，然后用户就从中间输入了，现在要判断，当前用户输入的这个密码是完整密码的第几位？重点在于selectionStart和selectionEnd， <input type="text" name="" id="password"> var password=document.getElementById('password')...

按照我从网上搜到的前三位列表如下：移动 联通 电信 虚拟 134,135,136,137,138,139 1440,147,148 150，151,154,157,158,159 165 172,178 182,183,184,187,188 198 130,131,132 145,1...

1、获取当前时间--24小时格式let date=new Date();let mydate=date.toLocaleString('chinese', { hour12: false }); //mydate==14:05:232、10位--到当前秒var ts = Math.round(new Date().getTime()/1000).toString()...

不知道该怎么描述我这个问题，之前有听一个前端经理说，使用http协议的时候要用headers传参。。新公司就是使用http协议的。在vue项目中，使用了axios，要根据header里的token判断用户是否登录；如上图，一开始的理解为是像data传参一样修改，后来发现请求成功，但是token没有携带过去，正确的请求方式为： var token='aaa111222';...

在vue项目里，用axios进行get请求，测试环境是ok的，打包之后运行没有数据返回，经过查验，返现报错查资料是需要在后端请求的headers里面加入token，参考：http://ask.dcloud.net.cn/article/35033http://www.mamicode.com/info-detail-2380637.html...