奇乐软件开发踩坑日志

【代码】js通过createObjectURL将JSON数据保存到本地。

当不确定图片是否存在，实现当图片不存在时，自动发出请求到服务端生成新图片或记录日志

locatstorage缓存管理token值export default class Authority { /** * 保存token * * @param data * @param key * @return void */ public saveToken(data: { token_type?: string; expires_in?: number; access_token?: string; refresh_.

往往渲染的时间和我们想象的有区别，以为数据加载完了，实际上并没有。因为最近要弄七狐短视频系统的公会功能，其实有类微信朋友圈的列表展示，用JQ猫屎不是个好的方法，所以决定使用vue.js来，在处理点赞和<span v-if="item.like.length < 1" class="font-size-14">赞</span><span v-else class="font-size-14">@{{ item.like.length }}人点赞了</sp

做七狐短视频上传功能时，又弄了下JS上传图片预览，记录下这种方式：$("#uploaderInput").change(function () { // 创建blob对象，浏览器将文件放入内存中，并生成标识 var img_src = URL.createObjectURL($(this)[0].files[0]); //给img的src赋值 $("previ...

constructor(props) { super(props); this.editorElem = React.createRef();}react 中 初始化 wangeditorcomponentDidMount() { this.initWangEditor();}配置wangeditorinitWangEditor() {...

js:copy = () => { try { let range = document.createRange();// this.linkRef.current是react中的ref range.selectNode(this.linkRef.current); const selection = window.getSelect...

库引入：<script src="https://cdn.bootcss.com/clipboard.js/2.0.4/clipboard.min.js"></script>代码演示：HTML:<div> <p>我的邀请码：<input id="code" value="被复制的内容" /></p>...

也不知道对不对，反正数据出来了，心情激动啊，在这个问题上绕了好几天了，问题描述：const mapStateToProps = state => ({ 在这里console.log可以看到state里有数据，但是props里始终是空的。 items: state.videoReducer.items});export default connect(m...

开始：先安装Material Theme UI1. file -> settings2.搜索Appearance -> Theme 这里可以改变整个编辑的风格3. 修改代码区域字体及文字大小4.最终效果：...

直接keyCode居然没有获取到？onKeyPress = (e) => { let keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode; this.setState({content: this.state.content + "," + keyCode})}2019/4/...

本文用示例讲述了如何使用jQuery与PHP及Mysql结合，实现WEB版在线拍照、上传、显示浏览的功能，ajax交互技术贯穿本文始末，所以本文的读者要求具备相当熟悉jQuery及其插件使用和javscript相关知识，具备PHP和Mysql相关知识。 本文示例建立在本站helloweba.com两篇文章之上，一篇是用于在线拍照的：Javascript+PHP实现在线拍照功能，

在数据统计和分析业务中，有时会遇到客户需要在一个图表中将柱状图、饼状图、曲线图的都体现出来，即可以从柱状图中看出具体数据、又能从曲线图中看出变化趋势，还能从饼状图中看出各部分数据比重。Highcharts可以轻松实现三图合一的效果。本文以某大型水果批发商一年水果销售报表为例，使用Highcharts将传统表格中的数据，体现在图表中，集中展示水果销售情况，为商家提供直观的数据分析

jQuery("#checkAll").click(function(){ if(jQuery(this).prop('checked')) { jQuery("input[name='box[]']").prop("checked",true); }else { jQuery("input[name='box[]']:checked").prop('checked',false);

// 创建广告位节点var newNode = document.createElement("div");// 设置广告位基本样式newNode.style.width = '1000px';newNode.style.margin = '10px auto';// 设置广告位内容newNode.innerHTML = "&lt;img src='20180315220245.jpg...

这次做了vue页面的图片上传功能，不带裁剪功能的！首先是html代码，在input框上添加change事件，如下：[html] view plain copy&lt;ul class="clearfix"&gt;                  &lt;li v-if="imgs.length&gt;0" v-for='(item ,index ) in imgs'&gt;           ...

var div = document.createElement("div");div.innerHTML = '&lt;a href="http://www.baidu.com/"&gt;&lt;img style="max-width:100%;" src="https://www.baidu.com/img/baidu_jgylogo3.gif"&gt;&lt;/a&gt;

使用此方法，会直接修改数据源，不能做再次赋值，因为他返回的是被删除的项目，而往往，我们需要的是删除后的源数对象执行一句可以了。this.buy_list.splice(index,1)不能这样：var a = this.buy_list.splice(index,1)定义和用法splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。注释：该方法会改变原始数组。语法arrayObje...

chrome 浏览器可以获取到，listenerLoadedMetaData = (e) => { alert(e.target.readyState) if (e.target.readyState > 0) { alert('w：' + e.target.videoWidth + 'h：' +e.target.videoHeight) ...

很多网站的拖动布局的例子都是采用浏览器的COOKIE来记录用户拖动模块的位置，也就是说拖动后各模块的排序位置信息是记录在客户端的cookie里的。当用户清空客户端的cookie或浏览器的cookie过期后，再次访问页面时，发现布局又还原成最初的状态。这种cookie记录的方式使用简单，但不适合像个人中心、管理系统主页的要求。  本例实现的效果：通过拖动随意布