一个老项目，忽然各种脚本报错，看了半天也没发现啥问题。后面才发现，原来是小朋友代码写得不够规范。antdui vue 用的1.0版本123456789101112131415161718e.preventDefault()"> Hover me1st menu item2nd menu item3rd menu item下面这玩意儿一定不能少！！！会导致各种更新渲染节点脚本异常。功能虽然能用，就是控制台一堆红1e.preventDefault()">声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自《antdui vue中a-dropdown的脚本报错》 ...继续阅读 (4)

跑一个3年前的taro项目，忽然跑不起来了。后面发现原来是tarojs/cli的版本和package.json的版本不一致。导致的各种报错，简直太糟糕了！卸载：# npm uninstall -g @tarojs/cli安装：# npm install -g @tarojs/cli@安装最新版保持和package.json一致，要不容易出现各种报错。升级# taro update self升级taro版本# taro update projectName更改package.json的文件查看当前版本npm info @tarojs/cli有时候可能npm 下载网络慢，可以清理下缓存npm cache clean --force声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自《tarojs/cli 安装 卸载 升级》 ...继续阅读 (4)

和尚争功，香火不盛的故事——三个和尚在一所破寺院里相遇。“这所寺院为什么荒废了?”不知是谁提出的问题。“必是和尚不虔，所以菩萨不灵。”甲和尚说。“必是和尚不勤，所以庙产不修。”乙和尚说。“必是和尚不敬，所以香客不多。”丙和尚说。三人争执不休，最后决定留下来各尽其能，看看谁能最后获得成功。于是，甲和尚礼佛念经，乙和尚整理庙务，丙和尚化缘讲经。果然香火渐盛，原来的寺院恢复了往日的壮观。“都因为我礼佛念经，所以菩萨显灵。”甲和尚说。“都因为我勤加管理，所以寺务周全。”乙和尚说。“都因为我劝世奔走，所以香客众多。”丙和尚说。三人争执不休、不事正务，渐渐地，寺院里的盛况又逐渐消失了。议一议：问题组织表现在哪里呢?试图回答下面问题，归纳问题组织的种种表现。1.三个和尚组成的团队目标在那里?2.他们的团队执行力和生命力来自何方?3.他们的团队为什么由盛转衰最终失败?4.他们的团队关键的问题出在什么地方?一劳永逸构建理想的团队从前，有两个饥饿的人得到了一位长者的恩赐：一根渔竿和一篓鲜活硕大的鱼。其中，一个人要了一篓鱼，另一个人要了一根渔竿，于是他们分道扬镳了。得到鱼的人原地就用干柴搭起篝火煮起了鱼，他狼吞虎咽，还没有品出鲜鱼的肉香，转瞬间，连鱼带汤就被他吃了个精光，不久，他便饿死在空空的鱼篓旁。另一个人则提着渔竿继续忍饥挨饿，一步步艰难地向海边走去，可当他看到不远处那片蔚蓝色的海洋时，他浑身的最后 ...继续阅读 (43)

1、android app 套页面需要webView，通讯用@posttMessage。2、android app 上传文件可用iframe方式。3、级联组件可选任一级别，可用nodeclick配合closeChanged和clearChanged事件。注意closeChanged为异步方法。4、下拉多选组件，需要自己开发组件。5、必填注意表单提交的name配合rules。6、动态表单，记得初始化数组。7、可用逍遥模拟器模拟APP。8、自定义导航:page.json //"navigationStyle": "custom" // 使用自定义导航栏，系统会关闭默认的原生导航栏9、性能问题：uniApp在某些方面的性能可能不如原生应用。解决方法是优化代码，减少页面渲染的复杂度，使用性能更高的组件，以及对于复杂的列表使用虚拟列表等技术。10、路由机制问题：uniApp的路由机制与Vue.js的路由不完全相同。解决方法是遵循uniApp的路由规范，并使用其提供的路由API。11、 关于webview⽅⾯，app的webview布局采⽤flex布局，千万不要⽤浮动。12、 uni.getSystemInfoSync()最好在onReady中获取，不然某些⼿机会获取出问题。13、 如果给uni.showToast不加title的话，会显⽰成⼀个⼩⿊点。14、 样式覆盖用::v-deep15、 ...继续阅读 (45)

来看答案：123456789101112131415161718192021222324DOCTYPE html/* 确保父容器宽度100% */ body, html { margin: 0; padding: 0; width: 100%; height: 100%; } /* 设置iframe自适应 */ iframe { border: none; width: 100%; height: 100%; }声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自《为何自适应的网页放入iframe不自适应了？》 ...继续阅读 (52)

直接看代码：123456789 const win = window.open(routeData.href, this.windowTitle); win.windowTitle = this.windowTitle; const loop = setInterval(function() { if (win.closed) { clearInterval(loop); } else { win.document.title = win.windowTitle; } }, 1000);web开发分享声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自《window.open打开并修改名字》 ...继续阅读 (56)

直接上代码，当然也可以结合桌面端，进行范围，集合，数据集等查询123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 getSuperMap2d() { let url = window.bimgisConfig.iserverURL; // 初始化地图 this.map = new SuperMap.Map('map', { controls: [ new SuperMap.Control.Navigation(), new SuperMap.Control.Zoom() ] }); this.map.addControl(new SuperMap.Control.MousePosition()); // 初始化图层 let layer = new SuperMap.Layer.TiledDynamicRESTLayer('China', url, null, { maxResolution: 'a ...继续阅读 (65)

我最常用的方式：123function getType(obj) { return Object.prototype.toString.call(obj).slice(8, -1);}1234567891011121314151617181920let num = 1;console.log(getType(num)); // "Number"let str = "Hello World";console.log(getType(str)); // "String"let arr = [1, 2];console.log(getType(arr)); // "Array"let obj = { name: "sand" };console.log(getType(obj)); // "Object"let func = function() {};console.log(getType(func)); // "Function"let n = null;console.log(getType(n)); // "Null"let u = undefined;console.log(getType(u)); // "Undefined"声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自《如何判断js的类型？》 ...继续阅读 (62)

123456789101112131415161718192021222324252627282930前端template： columns: [ { title: '序号', width: '60px', required: true, dataIndex: 'no', scopedSlots: { customRender: 'no' }, align: 'center', ellipsis: true, }]{{ (pagination.page - 1) * pagination.pageSize + index + 1 }}data:pagination: { pageSize: 10, ...pagination},后端请求：this.pagination = Object.assign({}, this.pagination, { page: data?.page, pageSize: data?.size, total: data?.total, current: data?.page});声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自 ...继续阅读 (52)

1.数字分隔符为了提高数字的可读性，可以使用下划线作为分隔符。12const largeNumber = 1_000_000_000;console.log(largeNumber); // 10000000002.事件监听器只运行一次如果你想添加一个事件监听器并且只运行一次，你可以使用 once 选项。123element.addEventListener('click', () => console.log('I run only once'), { once: true});3. 检查 Caps Lock 是否打开您可以使用 KeyboardEvent.getModifierState() 来检测 Caps Lock 是否打开。1234567const passwordInput = document.getElementById('password');passwordInput.addEventListener('keyup', function (event) { if (event.getModifierState('CapsLock')) { // CapsLock is open }});4. 从数组中获取最小值/最大值您可以结合扩展运算符使用 Math.min() 或 Math.max() 来查找数组中的最小值或最大值。1234c ...继续阅读 (53)

123456789101112131415161718192021222324252627282930313233343536373839404142// 此为 x 轴信息 xAxis: [{ type: "category", axisTick: { show: false, }, splitLine: { show: false, }, data: [], // 可动态赋值 axisLabel: { show: true, interval: 0, // 此为关键点 formatter: function (params) { // params为x轴文字内容 var newParamsName = ""; var paramsNameNumber = params.length; var provideNumber = 1; //一行显示几个字 var rowNumber = Math.ceil(paramsNameNumber / provideNumber); if (paramsNameNumber > provi ...继续阅读 (51)

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215// 打印模板import { getLodop } from '@/lodopPrint/LodopFuncs.js'// ...继续阅读 (59)

1234567891011121314151617181920212223242526272829303132333435点击一些老的浏览器不支持 iframe。如果得不到支持，iframe 是不可见的。window.onload=function(){ var x = document.getElementById("fra"); let d=x.contentWindow.document; console.log(d);}function test(){ var x = document.getElementById("fra"); let d=x.contentWindow.document; console.log(d.body.innerHTML);}123132innerHTML下先对input进行重新绑定赋值。声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自《innerHTML无法获取iframe的input更新?》 ...继续阅读 (48)

1234567891011121314151617${info.presaleHousePrintList && info.presaleHousePrintList.map(function (item, index) { return `${item.hcBldgname}${item.hcAllstctarea}${item.hcBldusageCodeName}${item.totalNum}${item.hcFixCodeName}${item.areaCase}${item.countNum}${item.hcHouseType}${item.minPrice}${item.maxPrice}${item.avgPrice}` }).join(' ')}废话不多说，记得join。声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自《map的逗号陷阱》 ...继续阅读 (61)

1、Object.keys(obj).length === 0 ? '空' : '不为空'2、if (JSON.stringify(obj) === '{}') {return true;}return false;3、for ( let i in obj) {return true;}return false声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自《如何判断对象为空 {}》 ...继续阅读 (62)

a-form-item标签，加上id属性。 // 只需加个与校验上传组件不同名的id即可声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自《antd-vue中的form表单label标签for导致点击文字触发上传弹窗解决方案》 ...继续阅读 (45)

v-html="message" style="white-space: pre-wrap;" new Vue({ el: '#app', data: { message: 'xxx\nxxx\nzzzzz3333333333' } })声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自《后端返回/n，VUE如何换行?》 ...继续阅读 (45)

/deep/ .ant-input{height: 65px;background-color: #f6f7fb;border-radius: 4px;border: none;}web开发分享声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自《antdui a-input样式修改》 ...继续阅读 (41)

报错：当前项目使用了 sass，请安装插件 @tarojs/plugin-sass，并且在 plugins 中进行配置，否则将无法编译 sass 文件！参考文档：https://nervjs.github.io/taro/docs/config-detail#plugins处理办法：1.安装@tarojs/plugin-sassnpm i @tarojs/plugin-sass2.config/index.js 配置pluginsplugins: ['@tarojs/plugin-sass',],--------------------------------------------------------------------------------------------------------------警告 依赖安装 项目依赖 @tarojs/taro-h5 未安装，或安装有误，请重新安装此依赖！taro update self 、taro update project--------------------------------------------------------------------------------------------------------------错误 版本问题 Taro CLI 与本地安装运行时框架 @tarojs/tar ...继续阅读 (57)

浅拷贝1、简单实现for(let prop in obj){ obj2[prop] = obj[prop]; }2、assignObject.assign(obj2,obj);3、拓展运算符obj2 = {obj};4、let tmp = JSON.stringify(obj); obj2 = JSON.parse(tmp);深拷贝1、function deepClone(origin){ let target = origin.constructor === Array? []:{};//判断复制源为什么类型 for(let prop in origin){ if(origin.hasOwnProperty(prop)){//是否为原型链上的属性 if(typeof origin[prop] == "object"){//判断是否为基本数据类型 origin[prop].constructor === Array ? target[prop] = []:target[prop] = {}; target[prop] = deepClone(origin[pro ...继续阅读 (53)

第一种：indexOf方法function unique(arr){ var tmpArr = []; for(var i=0; i< array.length; i++){ if( array[i] !== re[re.length-1]){ re.push(array[i]); } } return re; }第四种：ES5+ES6function unique(arr){ var obj = {}; arr.forEach(function(item,index) { obj[item] = 1 }) return Object.keys(obj); }第五种：ES6Array.from(new Set([2,3,3,4,5]))第六种：ES6[...new Set([2,3,3,4,5])]声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自《答案是丰富多彩的系列6：数组去重》 ...继续阅读 (59)

这是js比较常见的一个题目：for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(new Date, i); }, 1000); }结果为：Tue Apr 25 2017 14:50:46 GMT+0800 (中国标准时间) 5 Tue Apr 25 2017 14:50:46 GMT+0800 (中国标准时间) 5 Tue Apr 25 2017 14:50:46 GMT+0800 (中国标准时间) 5 Tue Apr 25 2017 14:50:46 GMT+0800 (中国标准时间) 5 Tue Apr 25 2017 14:50:46 GMT+0800 (中国标准时间) 5而不是我们所期望的Tue Apr 25 2017 14:50:46 GMT+0800 (中国标准时间) 0 VM595:4 Tue Apr 25 2017 14:50:46 GMT+0800 (中国标准时间) 1 VM595:4 Tue Apr 25 2017 14:50:46 GMT+0800 (中国标准时间) 2 VM595:4 Tue Apr 25 2017 14:50:46 GMT+0800 (中国标准时间) 3 VM595:4 Tue Apr 25 2017 14:50:46 GMT+0 ...继续阅读 (59)

斐波那契数列：1、1、2、3、5、8、13、21、34第一种：递归function fib(n){ if(n==1||n==2){ return 1; } return fbnq(n-1)+fbnq(n-2); } fbnq(10);第二种：function fb(n){ var res = [1,1]; if(n == 1 || n == 2){ return 1; } for(var i=2;i<=n;i++){ res = a + b; a = b; b = res; } return res; } fb(10);web开发分享声明:本文采用BY-NC-SA协议进行授权 |WEB开发分享转载请注明转自《答案是丰富多彩的4：js实现斐波那契数列》 ...继续阅读 (45)

第一种：循环法//最大值 Array.prototype.max = function() { var max = this[0]; var len = this.length; for (var i = 1; i < len; i++){ if (this[i] > max) { max = this[i]; } } return max; }第二种：数学函数法Math.max(1,3,4);第三种：转换法Math.max.apply(null,[1,3,4]);第四种：ES6Math.max(...[1,3,4]);第五种：排序法var ary=[1,3,4].sort(function(a,b){return a-b;}); var minN = ary[0]; var maxN = ary[ary.length-1];第六种：假设法var maxN = ary[0]; var minN = ary[0]; for(var i=1;imaxN ? maxN=cur : null; cur ...继续阅读 (51)

晒demo代码：DOCTYPE html.container { width: 960px; margin: 0 auto; } .editor { margin-right: 360px; border: 1px outset black; height: 300px; padding: 30px; } .preview { padding: 30px; float: right; width: 300px; border: 1px inset grey; height: 300px; }{{content}}Vue.directive('divmodel', { //注意不可写成驼峰的divModel twoWay: true, bind: function () { this.handler = function () { ...继续阅读 (55)

vue系列教程vue系列教程:1.为啥选择vue.js？vue系列教程:2.vue.js的第一个demovue来实现这个功能还是很简单，您可以用v-if v-else v-show等指令。这边我们可以看到v-if和v-else是直接不显示dom。而v-show则是把dom的display设置成none。@click是vue.js的事件触发方式，方法都写在method属性里面。{{isShow}} 基于数据驱动的绑定方式。类似angular.jsel属性指定了dom绑定元素。data属性是用来存放数据源的。watch方法是来监听数据变化的。所以先alert处理isShow的新值和旧值，dom块才会显示和隐藏。代码：DOCTYPE htmlv-if、v-else、v-show显示隐藏vShow实例改变 isShow:{{isShow}}var vm = new Vue({ el: "#app", data: { isShow: true }, methods: { fn: function () { if (this.isShow == true) { ...继续阅读 (58)

为啥选择vue.js而不是其他呢？都说它是灵活，易用，性能卓越的框架。具体都体现在哪呢？一、当我们打开vue.js的官网，你就能发现三个字“渐进式”。没错，vue是个渐进式的框架。什么是渐进式框架呢？也就是说，你并不一定非得要使用vue.js的路由，可能你只想用他的组件，那您就愉快的用吧。您可以随意组合vue.js提供的技术栈，但并无需引入过多的代码，按需加载即可。二、vue.js有两个比较核心的点：数据驱动和组件化。大家还在烦扰jquery那恶心的操作Dom的方式吗？一个人一种写法，哪一天dom结构发生变化，可能你的Dom操作又得跟着更改了。然后，数据驱动却完全避免了上面的恶习。页面的渲染只跟随数据的变动而进行渲染，代码变得简洁优雅。我们可以监听数据的改动，触发不同的事件。大家都很清楚如今快节奏的生活，更需要您在工作中提高效率，而组件化恰到好处的帮你偷懒！您可以把您能想到的东西都抽离出组件来，最后的页面就变成简单的搭积木了。三、一提到vue.js，就不得不说虚拟Dom。大家都知道浏览器渲染最坑爹的就是Dom渲染了，这是web开发的硬伤。vue.js 2.0华丽地使用了虚拟Dom技术，让您页面的性能大大提高。当然，如果您有兴趣也可以去研究下react.js,毕竟它是虚拟Dom的始祖。四、vue.js 是mvvm框架？总的来说，vue.js主要作用在V层，它本质上是视图层的一个框架， ...继续阅读 (51)

目录python系列文章-1.python安装python的介绍就略过了，这边主要记录一些地址链接，方便以后查找。1.下载安装pythonhttps://www.python.org/downloads/release/python-279/2.安装python算法库Scikit-Learn 机器学习算法库(网址:http://scikit-learn.org/stable/)深度学习算法库 Theano(网址:http://deeplearning.net/software/theano/)Python 也提供了大量的常用程序库，例如数据库 API(MysqlDB)、 GUI图形界面库(WxPython)、高并发协程库(gevent)、中文分词库(jieba)等外部库。所有这些库可以从下面两个网址查询到： 官方下载地址： https://pypi.python.org/pypi 非官方下载地址： http://www.lfd.uci.edu/~gohlke/pythonlibs/3.安装算法库Python 算法库的安装非常简单:执行 C:\Python27\Scripts\pip install 库名(小写字母不加后缀)Python 算法库的安装顺序:1. Numpy  科学计算库2. Scipy    数据处 ...继续阅读 (65)

一、wamp多站点配置技巧1.找到路径F:\wamp\bin\apache\Apache2.2.17\conf\extra\httpd-vhosts.conf进行配置DocumentRoot 路径指向源文件。ServerName test01.com2.配置好项目路径等候，打开apache的httpd.conf,找到：# Virtual hosts#Include conf/extra/httpd-vhosts.conf  把“#”去掉。#   onlineoffline tag - don't remove    Order Allow,Deny  Deny->Allow    Allow from all3.重启服务4.创建两个站点源文件5.打开C:/Windows/System32/drivers/etc/hosts ,新增127.0.0.1 test01.com127.0.0.1 test02.com6.浏览器访问test01.com   和  test02.com二、自定义端口1.打开apache的httpd.confListen 80 ->Listen 1080ServerName localhost:80->ServerName l ...继续阅读 (44)

水平居中：<center> 不建议用了。行内元素水平居中,父级text-align:center定宽块级元素  margin: 20px auto;不定宽块级元素 1 加入 table 标签2 设置 display: inline 方法：与第一种类似，显示类型设为 行内元素，进行不定宽元素的属性设置3 设置 position:relative 和 left:50%：利用 相对定位 的方式，将元素向左偏移 50% ，即达到居中的目的垂直居中1.height：30px;line-height:30px;2.table  vertical-align：middle;3.display:table-cell;/*IE8以上及Chrome、Firefox*/   vertical-align:middle;/*IE8以上及Chrome、Firefox*/4.font-size5..parent {    width: 200px;    height: 200px;    background-color: black;}.child {    position: relative;    height: 100px;&n ...继续阅读 (62)