- 博客(26)
- 收藏
- 关注
RSS订阅原创 全局文字语音播报
export function speakAudio(word){ let msg = new window.SpeechSynthesisUtterance();//生成语音播报实例 msg.text = word;//word:播报文案 window.speechSynthesis.speak(msg);//调用}
2023-06-06 14:21:18
142
原创 Vue中computed与watch区别7点不同
3、computed中每个属性都可以设置set与get方法，属性的属性值是函数，函数返回值为属性的属性值；watch监听的数据必须是data中声明过或父组件传递的props数据，数据变化触发监听器；6、是否支持异步：computed不支持异步，当computed内有异步操作的时是无法监听数据变化的；4、是否调用return：computed中的函数必须使用return返回，watch中的函数不是必须用return；1、功能上：computed是计算属性，watch是监听一个值的变化，然后执行对应的回调；
2022-09-28 23:54:29
572
1
原创 18年写的D3动态条形图，再回首仿佛看到曾经那个热爱新技术爱尝试的自己
一、D3 ：javascript的函数库，可视化图表 D3选择器 select：是选择所有指定元素的第一个，selectAll：是选择指定元素的全部 || 选择集； D3主要采用链式语法 例如：d3.select().attr().style.() 不断地调用函数 二、数据绑定： (1)、datum：<div class="box"> <...
2022-09-28 23:10:04
158
原创 根据设备（pc，mobile）分别引入不同样式
var scrWidth = window.screen.width; //获取当前分辨率的大小if(scrWidth > 750){ //引入pc样式 var headHTML = document.getElementsByTagName('head')[0].innerHTML; headHTML += '<link type="text/css" rel="stylesheet" href="css/crowdfunding.css">'; document.
2020-09-03 18:49:39
366
原创 vue/js活动倒计时
vue活动倒计时// 过滤时间补0timeFormat(param) { return param < 10 ? '0' + param : param; },countDown(endTime) { var interval = setInterval(() => { // 获取当前时间，同时得到活动结束时间数组 let newTime = new Date().getTime(); // 对结束时间进行处理渲染到页面 //
2020-08-21 12:05:35
242
原创 点击复制内容执行浏览器copy功能
点击复制内容本质：创建一个input–> select函数选中 -->执行浏览器copy功能copyText(val){ var _input = document.createElement("input"); _input.value = val; document.body.appendChild(_input); _input.select(); document.execCommand("Copy"); document.body.removeChild(_in
2020-08-21 11:40:56
887
原创 一个函数搞定AES加密
首先引入 aes.js文件import CryptoJS form ‘aescode.js’、得到一个CryptoJS对象定义一个加密函数encrypt(plaintText) { var plaintText = plaintText; // 要加密的对象 var CRYPTOJSKEY = 'wsdd121sff32df3f'; // 密钥前后端需保持一致 var opti...
2020-05-06 14:04:50
452
原创 python 一句代码实现局域网下文件共享
给同事发文件，发现公司邮箱发送不了过大文件，怎么办呢，文件发不了能难倒后台老哥嘛？？不存在的，老哥想了想 你电脑上有python吗？ 有的，然后老哥操作第一步：打开cmd(快捷键win+r)，命令行打开要共享的文件，最好是压缩包然后运行python -m SimpleHTTPServer 8088第二部：在浏览器里输入你的本机ip+上文的那个端口ipconfig 查看本机ip比如： 1...
2019-05-30 10:36:36
990
原创 程序员才能看的懂的小段子、你能看懂几个
1、公司两位程序员同事聊天，甲抱怨说：“每天敲代码太辛苦了，我想换行”乙说：“敲回车啊”2、公司的前端工程师单身久了，就去了交友网站去找女朋友，过了段时间问他找到了，没有，工程师说，女朋友没找到，但是找到了它们页面的一个bug。3、程序员在菜市场买了一公斤肉，回家拿称称了一下，然后就非常气氛的跑进店里对老板说：你缺斤少两，一公斤的肉你少给了我24克。据说当时是被老板举着刀撵出来的。还好跑得快啊...
2019-05-22 17:10:02
331
原创 python爬取网页并下载
python爬取网站网页并下载到D盘下test/index.html文件：#coding=utf-8import urllibdef callbackfunc(blocknum, blocksize, totalsize): '''回调函数 @blocknum: 已经下载的数据块 @blocksize: 数据块的大小 @totalsize: 远程文件的大小 ...
2019-05-22 14:49:57
3673
6
原创 初识python pip安装常用命令记录
利用命令检查是否安装python:python --version 检查是否安装 python2python3 --version 检查是否安装python3Windows 系统不会自带 Python 和 pip在完成python安装后，需要装一个依赖包pip用法类似npm:python -m pip install --upgrade pip...
2019-05-22 14:46:35
212
原创 JS时间戳转换日期格式&&日期转星期
你需要的毫秒数转换成不同的日期格式，需要注意的点：ios下不支持以’-'分割的格式转换vue下的一个日期转换1.定义一个用来转换毫秒数为不同日期的函数：Date.prototype.toLocaleString = function() { function addZero(num){ if(num<10){ return "0" + num; ...
2019-04-25 14:03:16
1300
原创 git常用指令
git log -p 文件名查看一个文件的历史改动记录git diff 1731b3225 4545990 --stat两个版本之间变更的文件
2019-04-25 10:39:49
160
原创 vue监听滚动到底部加载更多
整理之前做过的一个vue滚动到底部的加载显示更多功能，后台已经分好了页就剩前端渲染 主要参数pageSize 每页数量（这里默认10） pageNum 页数，能用代码说的就不吹泡泡了直接上代码：一、html结构<div class="more-load" v-if="isMoreLoad" @click="scrollLoadMore"> <img v-if="load...
2019-04-17 13:34:51
8780
翻译 JS解析、反解析emoji表情做评论vue项目、弄懂emoji表情原理
回顾vue项目中h5评论的功能，需求是能发送emoji表情，上网查了查，整理了一下个人心得emoji表情转码大致原理是emoji使用的是utf16编码，这种编码方式会出现2个或者4个字节的字符，而javascript中都是2个字节的字符，造成这种情况的原因是javascript采用Unicode字符集只支持ucs-2这一种编码方式，这种方式的编码会把4字节的字符转换为2个双字节的字符，得不到正确...
2019-04-03 17:39:10
3140
原创 Vue在history模式下页面空白及404解决
vue路由有两种模式一种hash（vue-router默认模式）另一种history路由改变为history模式：export default new Router({ mode: 'history'}）由于改变了vue路由模式为history，导致页面空白返回404假如有这样一个测试的访问地址：127.0.0.1/h5/home 可以访问到项目下的home页面官方解释histor...
2019-04-02 17:25:41
2093
原创 vue内嵌app做头部导航及监听原生导航
使用vue来做app内嵌的头部导航，整体思路：在app.vue页面下保存访问过的路由到数组，watch监听路由变化改变路由及标题,头部导航返回调用goBack()，原生返回需要和app商量，我这边调用的是app处理过的window.postMessage一、头部导航代码如下<div> <img @click="goBack()" src="返回按钮" alt=""...
2019-04-02 14:55:34
1518
原创 react-native 环境配置&Android studio搭配夜神模拟器做react-native调试常遇问题
前提在window Android 下一、根据RN官网https://reactnative.cn/docs/getting-started/讲述下载相应的，必要的JDK、python、Android studio;照着对应的安装教程都没什么问题，这些做完后下载夜神模拟器进行安装，二、重点来了：链接夜神模拟器（1）、打开夜神模拟器，（2）打开命令行窗口，（3）打开到夜神安装目录（如c...
2019-03-29 17:31:17
1047
原创 用js做一个动态的条形图
思路就是给布好的静态条形动态化，需要进行动态的条形的父元素 CSS:*{ padding: 0; margin: 0; box-sizing: border-box;}body{ background: #000;}ul{ list-style: none;}.look07-rec{ width: 350px; margi...
2019-01-04 13:55:39
1279
原创 windows下的nginx配置使用
代理其实就是一个中介，A和B本来可以直连，中间插入一个C，C就是中介。刚开始的时候，代理多数是帮助内网client访问外网server用的（比如HTTP代理），。后来出现了反向代理，”反向”这个词在这儿的意思其实是指方向相反，即代理将来自外网client的请求forward到内网server，1、下载windows下的nginx包 2、使用管理员身份运行控制台执行 路径：C:\W...
2019-01-04 13:55:20
194
翻译 vue引入插件及配置
Vue作为现役前端框架3巨头之一 一、目录介绍：│ .gitignore # 忽略无需git控制的文件 比如 node_modules│ package.json # 项目配置│ readme.md # 项目说明│ index.html # 首页│├─node_modules│├─build│...
2018-03-13 17:20:26
944
原创 js文字超出部分隐藏 显示查看更多
一、js文字超出部分隐藏 显示查看跟多： CSS：*{ padding: 0; margin: 0; } .text-hide{ width: 250px; font-size: 16px; color: #666; border: 1px solid #ccc; line-height: 24px; } .che...
2018-02-08 11:59:55
29148
1
原创 js数字动态累加
HTML： <input type="button" value="点击单个数字" onclick="add()"> <div id="test1">1020</div> <input type="button" value="一堆数字" onclick=&qu
2018-02-08 11:59:24
6084
原创 jquery平缓运动轮播
var num = 0;var li_width = $(".cap-ban-li") //获取单个子元素（li）的宽度setInterval(function show(){num++; if (num >= li_width) {num=0
2017-12-26 11:31:14
230
原创 兼容IE7仿input placeholder效果css跟随版心移动
Css 常遇问题微端页面缩放比： 防止IE默认选中Quirks文档模式： 防止ban图背景失真可设置最小宽（版心宽度min-width:1000px;）： width: 100%; height: 500px; background: url(../image/comp-ban.png)center no-repeat; margin: 0 aut
2017-12-20 17:57:29
212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人