Zoom属性是IE浏览器的专有属性，Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等
我们在写CSS样式代码的时候，都会遇到这样的问题就是让图片或者DIV不能超过我们设定的高度，这个时候就需要我们设置一个最大或者最小高度，从而达到一个美观的样式，如果图片出
js onbeforeunload()可以在用户关闭或者刷新本页面的时候，弹出询问框，提醒用户是否真的离开还是误操作(虽然本功能或许会令用户方案，但是有时还是很管用的)，本函数支持火狐和IE：
页面的最小宽度min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确（当然，min-height也是同样的道理）。但IE不兼容min-前缀，而它实际
在CSS中background: -moz-linear-gradient 让网站背景渐变的属性，目前火狐3.6以上版本和google浏览器支持这个属性。
CSS背景图片background坐标设置,代码示例: background:url(images/xx.gif) no-repeat 0 -66px;} 如下图所示：背影图片的左上角相对当前元素左上角的坐标。右为X轴正半轴,下为Y轴正半轴。当前元素左上
background-attachment 网页背景固定,div+css背景固定
CSS3 background-size 属性详解： 该属性规定了背景图像的尺寸： div{background:url(img_flwr.gif);background-size:80px 60px;background-repeat:no-repeat;} 定义和用法 background-size 属性规定背景图像的尺寸。 默认
语法： :nth-child(an+b) 浏览器兼容： 描述： 伪类:nth-child()的参数是an+b，下面分五种情况详细说明使用方法： 第一种：简单数字序号写法 :nth-child(number) 直接匹配第number个元素。参数num
定义和用法： :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. n 可以是数字、关键词或公式。 浏览器支持： 实例1： li:nth-of-type(2){background:#ff0000;}/*规定属于
学习目的：安装调试asp的环境，写出第一个HELLO WORLD程序。 首先我们来安装WINSOWS2000自带的IIS作为服务器。（WINSOWS98的PWS也可以，但是不推荐，安装大致和2000相同，这里就不详细说了。
学习目的：学会用表单元素向服务器传送变量，然后显示变量在客户端的浏览器。 首先，让我们来看一下Dreamweaver的表单元素。 dreamweaver表单元素 表单元素要放在一个表单域里面，建立
首先了解下什么事ACCESS数据库： Microsoft Office Access是由微软发布的关系数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点，是 Microsoft Office 的系统程序之一。
学习目的：掌握access数据库的连接和读取记录 今天要学习的内容有一点枯燥，但是很重要。在这里大家不需要知道命令具体的运行情况，外面的很多书籍之所以不适合入门就是因为介绍
学习目的：学会数据库的基本操作1（写入记录） 数据库的基本操作无非是：查询记录，写入记录，删除记录，修改记录。今天我们先学习写入记录。 先建立一个表单： form name="form1"
学习目的：学会数据库的基本操作2（查询记录） 在第四天中我们有这样一个程序： %set conn=server.createobject("adodb.connection")conn.open "driver={microsoft access driver (*.mdb)};dbq="server.mappath("example3
学习目的：学会数据库的基本操作3（删除记录） 开门见山，大家直接看程序。 exec="delete * from guestbook where id="request.form("id") 上面这句话完成了删除记录的操作，不过锁定记录用了记录唯
学习目的：学会数据库的基本操作4（修改记录） 先来看代码： %set conn=server.createobject("adodb.connection")conn.open "driver={microsoft access driver (*.mdb)};dbq="server.mappath("test.mdb")//这不是以前的一个数
学习目的：基本的session组件，总结response，request组件。 首先，有会员系统的任何程序都会用到检测是不是用户已经登陆这个步骤。这就用到了SESSION组件，下面我们 看一个代码来说明。
学习目的：分页技术，总结 今天最后一天我们学习一下asp里面稍微难一点地分页技术，毕竟当我们有N条记录的时候我们不可能把所有记录显示在一个页面里面吧。 %exec="select * from test
input,select不适合line-height；input框光标不居中；input框光标在谷歌浏览器不居中朝上；select框给了高度，但不居中；
/* * 数据库备份还原插件 * Date: 2014-11-25 * Author: 枫LT 957987132@qq.com php爱好者 * Company:合肥多元速网络有限公司 www.doysu.com */ 鸣谢： 1.首先感谢Thinkphp这么优秀的php框架 2.第二感谢OneThink强大
作为web开发者的我们可能清楚，在中文版的chrome里，定义了小于12px的字体依然显示为12px，可能是chrome的纠正，避免中文看不清楚，同时限制了开发者的灵活性。今天和神飞讨论了下他
内部容器margin-top影响到外部容器,子容器margin-top影响父容器
今天我爱模板网在布局时遇到一个问题，就是用表格布局一个如下的效果： 这个，给tr比较好，table的话，只有外面有边框，而用td，就非常麻烦。可是，我写了如下的代码，给tr加了边
:first-child选择器是css2中定义的选择器，从字面意思上来看也很好理解，就是第一个子元素。示例代码如下： divp第一个子元素/ph1第二个子元素/h1h1第三个子元素/h1span第四个子元素/spans
timing-function timing-function算是Transition属性中最为复杂的一个了。它针对了过渡效果的特效，有多种特效展示。这里得涉及到一个学术性的话题：貝茲曲線。W3C给出的一张曲线图。 cubic-
border-radius未出来之前，类似织梦官网那样，处处圆角却不得不切成图片的布局真是让人头疼不已，如今，一句border-radius就能解决过去可能很多行才能解决的问题。真是牛叉。但是，在
在div中，文本布局经常出现，换行混乱的情况。 问题表现： 1.如果是全英文字符串,中间不包含任何符号(包括空格)，不自动换行. 2.中英文混写，则在英文字符串的开始处换行（英文长度
移动端 html5手机网站 字体单位font-size选择 px 还是 rem？ 这主要分为两种情况： ①对于只需要适配手机设备，使用px就可以了 ②对于需要适配各种移动设备，使用rem，例如只需要适配iP
ie6，ie7，ie8下对css background-size并不支持，那么如何在ie下兼容background-size呢？ 在ie下把图片完整的居中显示在一定范围内 在css中添加如下代码： filter: progid:DXImageTransform.Microsoft.AlphaIm
本教程可以让IE6/IE7/IE8浏览器利用ie-css3.htc支持border-radius、box-shadow、text-shadow等CSS3属性。 使用方法： 1、下载 ie-css3.htc 。
css中src: url('iconfont.eot?#iefix') format('embedded-opentype')什么意思？ IE 6-8 是不支持 format() 这种格式说明的，只会读取类似 src:url() 这样的格式，所以 IE 6-8 会把第一个引号到最后一个引号之间
CSS2的时候，凡是特殊字体，必须做成图片，图标也只能做成图片，非常麻烦，而且影响网页加载速度。但是，css3推出的@font-face，特殊字体也可以使用字体格式了，尤其是图标也能做成
今天，我爱模板网的一个客户的一个网站需要用到一个特效：文字边框。本来可以做成图片，但是这个文字需要后台获取。方法有很多，比如php的图片功能，js，canvas，svg等等。但是我
在做表格布局的时候，明明给了td的宽度，但是由于内容比较多，宽度都不起作用。这个时候，可以用css 的 table-layout来解决。我们下面具体来看看这是个什么东东： 先来看一个实例：
本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习，讨论html5设计稿尺寸以及前端与设计之间协作流程的问题，内容较多，但对你的技术和工作一定有价值
据说iOS6系统(iPhone5)增加了两个CSS3属性，一个是CSS3 filters – CSS3滤镜，在“CSS将图片转换成黑白”一文中就介绍过CSS3 grayscale滤镜；另外一个是CSS3 Cross-fade – CSS3交叉淡入淡出。 毕竟有
我们都知道，表格单元格如果设置了宽度，如果内容变多，单元格也会被撑开，这是由表格的特性决定的。 今天我爱模板网就遇到了，单元格内容太多，希望内容都在一行，并且超出单
CSS3 盒模型 display:box 详解 box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划
今天，我爱模板网在一个《打地鼠》的游戏时，遇到一个棘手的问题：鼠标移动到画布上，锤子跟着动，当点击的时候，理应锤子挥舞，地鼠被打中。可是，只要锤子跟着鼠标跑，就别
本篇文章主要介绍了AngularJS1.X学习笔记2-数据绑定详解，具有一定的参考价值，有兴趣的可以了解一下。
本篇文章主要对vue-cli的webpack模板项目配置文件进行分析。具有很好的参考价值。下面跟着小编一起来看下吧
对于单页应用，官方提供了vue-router进行路由跳转的处理，这篇文章主要给大家介绍了Vue.js实战之利用vue-router实现跳转页面的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。
这篇文章主要为大家详细介绍了vue-cli+webpack创建记事本项目，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了Angular.JS利用ng-disabled属性和ng-model实现禁用button效果的相关资料，文中给出了详细的示例代码，相信对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
这篇文章主要介绍了详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解windows下vue-cli及webpack 构建网站(三)使用组件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了windows下vue-cli及webpack 构建网站(四) 路由vue-router的使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了vue-router路由参数刷新消失的问题解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
这篇文章主要跟大家分享了Webpack打包css后z-index被重新计算的解决方法，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。
这篇文章主要介绍了详解angularJS动态生成的页面中ng-click无效解决办法，非常具有实用价值，需要的朋友可以参考下
本篇文章主要介绍了AngularJS的ng-click传参的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了AngularJS ng-repeat遍历输出的用法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了解决vue-cli中stylus无法使用的问题方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
这篇文章主要为大家详细介绍了vue-router单页面路由的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解webpack+vue-cli项目打包技巧 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了react-router JS 控制路由跳转实例，react实现路由可以直接使用react-router。有兴趣的可以了解一下
本篇文章主要介绍了react-router如何实现按需加载，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了Angularjs为ng-click事件传递参数的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
本篇文章主要介绍了angular ng-click防止重复提交实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
background-position背景位置百分比原理
极光推送（JPush）是独立的第三方云推送平台，致力于为全球移动应用开发者提供专业、高效的移动消息推送服务。本文讲述如何在将极光推送合到ThinkPHP框架中，
这篇文章主要为大家详细介绍了Content-Disposition使用方法和注意事项，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了yii2组件之下拉框带搜索功能的示例代码（yii-select2），具有一定的参考价值，有兴趣的可以了解一下
本文是thinkphp开发系列文章中关于使用七牛云储存的方法和具体实例，非常的简单，有需要的小伙伴可以参考下
经常看到bootstrap等框架的按钮禁用时，鼠标移动到上面，会显示类似下面的禁用的鼠标样式： 使用方法非常简单： .btn{cursor: not-allowed;} 但是，这里必须说明：跟pointer-events同时使用会影
上一篇文章，我讲到了使用电脑上的谷歌浏览器调试在手机上用谷歌浏览器打开的移动端页面，初次接触这类的新人看到肯定很开心，但是那也仅限于手机上安装了谷歌浏览器，我们写
1. 问题的引出 如果html5要适应各种分辨率的移动设备，可以使用rem这样的尺寸单位，针对各个分辨率范围在html上设置font-size的代码： html{font-size:10px}@media screen and (min-width:321px) and (max
分享一篇来自博客园的webNick的关于手机touchstart事件的文章： 原理： 当开始一个touchstart事件的时候，获取此刻手指的横坐标startX和纵坐标startY； 当触发touchmove事件时，在获取此时手指
定义和用法 serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。 您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。 序列化的值可在生成 AJAX 请
在做网站的列表时，经常遇到文字强制在一行显示，超出则显示点点点，这个可以用后台语言限制字数，但是不建议这么做，因为非常不利于seo（标题只显示一部分），一行的话，用c
方案比较说明 关于tab bar选项卡，目前已经有多种实现方案，最常见的有div方案的和双webview方案的。 div方案 div方案的选项卡是普通的实现方案，所有都放在一个页面中执行，页面压力
我爱模板网要实现一个效果，侧边栏点击出现更多，更多定位，侧边栏内容很多，高度固定，必须有滚动条，结果，出现了问题，如下： 左边slider只能y轴滚动，overflow-y:auto，横轴没有设
load() 方法通过 AJAX 请求从服务器加载数据，并把返回的数据放置到指定的元素中。 注释：还存在一个名为 load 的 jQuery 事件方法。调用哪个，取决于参数。 语法 load(url,data,function(respo
语义： try 语句测试代码块的错误 catch 语句处理错误 throw 语句创建自定义错误 错误一定会发生 当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误： 可能是语法错误，通常是程序员
简单来说，v-if 的初始化较快，但切换代价高；v-show 初始化慢，但切换成本低 1.共同点 都是动态显示隐藏DOM元素 2.区别 （1）手段： v-if是动态的向DOM树内添加或者删除DOM元素； v-show是
我爱模板网在做下面的CheckBox效果时，采用的都是span或者其他容器替代CheckBox，非常麻烦： 我爱模板网在给一个客户做网站时，发现他的网站上面的CheckBox非常漂亮，并且没有使用span等
background-clip 设置元素的背景（背景图片或颜色）是否延伸到边框下面。 如果没有设置背景颜色或图片，那么这个属性只有在边框（border）设置为透明或半透明时才能看到视觉效果，不然
background-clip是css3新属性，可以改变背景显示的范围，它主要由如下的值： background-clip: border-box background-clip: padding-box background-clip: content-box background-clip: inherit background-clip: text (只有chr
在使用vue绑定数据的时候，渲染页面时会出现变量闪烁，例如 div class="#app" p{{value.name}}/p/div 在加载的时候会看到 {{value.name}} 在页面出现，过了几秒之后才会渲染数据，在vue中有个指令可
我爱模板网在做一个h5 app时，需要将select标签中的文字居中显示，设置了下面的代码都没有用： select,option{text-align:center} 后来百度了一个css属性：text-align-last，它的作用是：属性规定如
GPS坐标单个和批量转为百度地图坐标（WGS84转BD-09）的方法，百度已经提供了相关接口，如下： http://developer.baidu.com/map/jsdemo/demo/convertor.js 这是单个坐标转换接口 http://developer.baidu.com/m
关于标题提到的超出多行显示点点点“...”的问题，在之前我爱模板网总结了两种方法： css多行文字超出显示点点点...-webkit-line-clamp详解 js控制多行文字超出显示点点点“...” 一行文
一、关于混合模式 熟悉PS的人都应该知道混合模式： SVG以及Canvas中也有混合模式，本质上都是一样的。 下面是一些常见的混合模式的算法： 本文内容则简单介绍CSS3出现了两个与混合模
我们在做web开发时，服务器会根据用户的不同浏览器客户端返回不一样的结果，主要判断依据就是浏览器的user-agent。那么如果我们需要伪装成某个其他浏览器来测试不同的结果呢，就需
使用better-scroll时，大多数会出现一个问题，就是在大的div里面的a 链接或者click事件都不用了，这是因为BScroll禁用了click事件，在初始化时，加入参数：click:true，即可。如下： html部分
在使用input复选框配合v-model时，遇到了一些疑惑，即当复选框对应的v-model是一个数组和一个字符串时，得到的类型不一样，下面是从网上找的，这里记录下： 下面是最常见的例子： d
今天主要来给大家说一下for的几种循环，仅代表个人的想法与观点，欢迎各位大神批评。 for循环主要有以下几种： 1.一般的for循环 2.for-in循环 3.forEach循环 4.for-of循环 一.首先是普通的
1、v-if与v-for一起使用 当v-if与v-for一起使用时，v-for具有比v-if更高的优先级，这意味着v-if将分别重复运行于每个v-for循环中。所以，不推荐v-if和v-for同时使用 使用推荐方式： ul li v-for=
我爱模板网在做一个智能景观APP的时候，需要做类似抖音的整屏上下滑动的效果，如下图： 但是数据太多，单个swiper-slide的内容一屏显示不下，这时，简单的overflow-y：scroll解决不了，
v-if和v-else或v-else-if之间不能添加其他元素。
NodeJs的适用场景： 1：高并发、高I/O场景 2：逻辑较少 3：追求响应速度的项目 以上三点是我们使用NodeJs所要考虑的，由于nodejs是单线程、异步I/O的、事件驱动的语言，所以带来响应速度
vue2是对新手很友好的MVVM框架，有完善的官方中文文档，阅读起来也非常容易理解，由浅入深，示例完整。同时官方也提供了一个开箱即用的 vue-cli 帮我们生成一个完整的项目框架。 v
都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vu
一：摘要：使用vue开发单页面应用，如何解决页面缓存问题（尤其在手机端），如何才能做到 新打开的页面 获取最新数据，返回上一个页面获取最新的缓存页面数据？ 二：页面打开和
不知大家在做前端页面的时候，有没有遇到类似这样的问题：有一个不是正方形的图片，可能是宽度大于高度的，也可能是高度大于宽度的，而你又并不想用背景图的方式来做，要实现
前沿 很多大网站的文章内容关键词都是可以添加链接的，包括我们的大头条也是可以的，这样的好处首先是方便客户点击跳转相关内容，其次SEO叫内链，对SEO也有一定的辅助作用，如果
图表类的项目操作一般常见于管理平台系统，移动端项目中并不是特别常见，不常见不代表没有，在一些商城类应用中，商家需要看到商品的销量分析，盈利分析等，就需要用到图标，
准备：使用vue-cli脚手架 npm下载vue-cli脚手架 npm install -g @vue/cli 初始化一个项目 vue init webpack hello 然后等待它安装完所有的依赖包就可以了。 下面我们开始引入echarts。 方式一、直接引入
这个示例使用 vue-cli 脚手架搭建，所以直接来： 安装echarts依赖 npm install echarts -S 或者使用国内的淘宝镜像： 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 使用CNPM安装echarts
问题描述 在使用electron-vue时候，运行npn run dev,会出现下面的错误 解决 没有搜索到合适的答案，在GitHub的 electron-vue issue 中找到了 方案一 简单粗暴，不知道会不会有什么影响，直接将这
用router-link生成的a链接，都会产生router-link-exact-active的高亮类名，如何让自己定义的高亮类名起作用，或者如何禁止vue-router不产生这个类名，可以看下面： A:全局设置 export default new V
vue-cli3+axios调用接口，出现了跨域问题，百度找了很多都是说修改config文件夹下的index.js文件，在proxyTable中加上某某代码，但是vue-cli3根本没有config代码，必须手动创建，所以，首先在根
页面刷新后，想保存页面未保存的数据。我们总是习惯于放在浏览器的sessionStorage和localStorage中。但是用了vue后，vuex便可以被应用了。 vuex优势：相比sessionStorage，存储数据更安全，ses
uni-app上拉加载和下拉刷新代码 1、pages.json配置需要上拉加载和下拉刷新的enablePullDownRefresh为true
运行flutter doctor和 flutter upgrade，出现下面的提示： The term 'Unblock-File' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, veri
我爱模板网在做点在功能时，在本地测试的时候，点击点赞按钮，发送ajax，浏览器出现了错误： Warning: Cannot modify header information - headers already sent by 问题原因：函数 header()，setcookie() 和
专题页有利于SEO，织梦后端有专题管理，可以在后台-核心-内容管理-专题管理找到。专题内容就是平时添加的文章。那么，如何在网站首页调用专题呢？ 本篇文章就来介绍dedecms织梦专题
微信小程序的rich-text展示后台富文本编辑器发布的文章时，需要显示图片，page.wxml代码如下
我爱模板网在用uni-app开发小程序时，需要用 scroll-view 做出如下效果的横向滚动（之前都是 div 套 div 的，外层的 div 宽度 100% ， overflow:hidde ， scroll-y:auto ，里面的 div 为 display:flex ，不换
前面，我爱模板网上传了一篇文章： qrcode.js 生成二维码的js插件 。这个weapp-qrcode.js其实就是qrcode.js的微信小程序版。它的功能和qrcode.js的功能一模一样，使用方法也差不多： 1、在wxm
Vue2-Editor是一款基于vue的非常好用，界面简洁的富文本编辑器插件。
数组删除第一项,数组删除最后一项,在数组头部添加项,在数组尾部添加项,数组排序等相关操作：
2015年6月， ES2015（即 ECMAScript 6、ES6） 正式发布。虽然 ES6 提出了许多激动人心的新特性，但由于目前许多浏览器不支持或者支持不好，没有普遍地推广起来。而 Babel 的出现，让我们可以
一、环境搭建 1，安装 nodejs 由于Babel 需要借助 npm 工具来安装，那么首先需要安装 nodejs。地址：https://nodejs.org 将下载下来的 pkg 文件运行安装即可。 在终端运行 npm -v，如果出现版本号
一、babel-polyfill 介绍 1，babel-polyfill 的作用 Babel 默认只转码 ES6 的新语法（syntax），而不转换新的 API，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些
现在每个页面的左上角有一个返回按钮。点击时的代码是 this.$router.back(-1) ，返回上一个路由。但是我们现在有这样一个需求，把其中某一页分享出去，用户打开时并没有上一条路由的历
在实际开发中，经常会遇到导入Excel文件的需求，有的产品人想法更多，想要在前端直接判断文件内容格式是否正确，必填项是否已填写 依据HTML5的FileReader，可以使用新的API打开本地文
在开始运行下面实例前，我们需要先去下载 js-xlsx 库文件。你可以访问 https://github.com/SheetJS/sheetjs 地址去下载，下载成功后将下面的代码保存到 demo.html 文件。代码如下： !DOCTYPE htmlhtm
本实例将定义一个 data 的二维数组，然后使用 xlsx 库将数据导出到 excel 中。实例代码如下：
x-xlsx 合并单元格使用“!merges”特定关键字，格式如下： [{ s: { // s 开始位置 c: 0, // 开始列 r: 0 // 开始取值范围 }, e: { // e 结束位置 c: 3, // 结束列 r: 0 // 结束范围 }}] 其中： s 应该是 st
js-xlsx 格式化单元格是在单元格数据中添加一个 key 为 s 的 json 对象。配置如下： var datas = { A1: { v: '数据', s: { font: { sz: 14, bold: true, color: { rgb: "FFFFAA00" } }, fill: { bgColor: { indexed: 64 }, fgCo
js-xlsx 手动设置宽度
js-xlsx是一款非常好的读写excel、xlm、csv等文件的js前端库，这里是它的vue版本读取excel数据的使用方法： 安装： npm install xlsx --save 引入： import XLSX from 'xlsx' 布局，使用elementUI上传组件：
elementUI标签页的el-tab-pane里面放了echarts，在打开后，即使没有切换到含echarts的标签页，它也执行了。我们都知道，echarts渲染时，需要获取外层div的尺寸来自动设置echarts的尺寸，如果没
uni-app开发微信小程序时使用vant weapp库的方法： 下载Vant Weapp 下载有2种方法： 方法1：克隆Vant Weapp的仓库，运行下面的命令将仓库克隆到本地 git clone https://github.com/youzan/vant-weapp.git 将
因为项目分为web端和小程序端，而echart又能满足项目中变态的效果，web端好解决，小程序端被坑了好长时间，下面记录完整过程： 1、创建一个空的文件夹如：test-echarts。 2、进入 test-
v-viewer是一款基于vue的点击图片放大预览插件，支持左右切换上一张下一张图片，支持缩放图片、按住拖拽图片、预览图效果，斜切、旋转图片等功能，界面美观，还支持手机端，是一款
uni-app是基于vue的，所以，在一开始要实现按下键盘的enter键，使用了如下的方法：
今天我爱模板网在用uni-app做一个健康项目时，在第二个页面更改内容，然后需要刷新前一个列表页，我依稀记得uni-app提供了一个$emit，是可以发送全局事件的，于是在后一个页面写：
在做项目时，经常会遇到手快重复点击，重复发送请求的情况，这里是从网上找的一段代码，可以给element-ui的button加上防止重复点击的自定义指令，不用一个一个去写防止重复点击的方
在使用 js-xlsx插件 来读取excel时,会将2018/10/16这种数据读取成类似于48264的number格式，而日期通常是字符串格式。遇到这种情况，通常有两种方法： 一、将excel文件中的日期全部改成文本
之前，我爱模板网分享了 apiCloud调用百度和高德地图进行导航 。这次的app是使用uni-app实现的，并且也需要实现相同的功能，下面是点击导航按钮的最终效果： 通过传入经纬度、地址(地
需求: 当向后端请求接口返回 403 的时候,直接跳到登录页面让用户登录 实现方案: 在请求结束后拦截器中判断,如果是 403 就跳转 遇到难题: 一级页面(我的) onShow() 中有接口请求,用户在没
我爱模板网在用uni-app做一个维修app时，里面有个功能：维修完，要拍摄现场照片，打上水印，进行上传。百度了下，找到了下面的代码，进行整理后成功实现！ wxml文件 !-- 拍照上传图片
我爱模板网在做微信小程序时，后台传过来一段html，不是很复杂，就没有用 wxParse 了，而是直接用的 rich-text 。但是我发现，后台返回的内容很长，可是显示到页面中，只显示了部分。
解构是ES6新加的解构功能，可以使得我们获取数据更方便，从而提高日常编码效率。 解构可以用于对象，也可以用于数组，这篇文章我们只讲在对象类型上使用解构可以做哪些事情：
前言 Selenium多用于系统的自动化测试，但有时候也可以用来做一些类似外挂一样的东西，比如定时打开某个网站去做一些操作，在不久前的项目中由于需要定时（实际是我方系统检测到
uni-app的H5端map组件默认使用的是腾讯地图，首先需要在腾讯申请key，然后在manifest.json的H5配置key。因为uni-app官网已经说明：map组件的@tap点击地图时触发事件仅App-nuve、微信小程序2.9支持
uni-app的APP端实现的点击获取map经纬度和地址，并在点击的地方显示markers。这里要注意，在打包成正式的app，需要申请安卓和IOS高德appkey。并且将manigfest.json-App模块配置-Maps-高德地图勾选
之前，我爱模板网做了一个功能： uni-app H5端实现移动地图显示当前地图中心位置的坐标和地址 。但是上线之后，发现IOS下问题比较大： 1、经常无法获取经纬度 2、如果定位了，无论成
在项目中遇到了上传文件，同时要附带此文件的md5，其实文件的md5就是文件二进制md5，用spark-md5.js+FileReader就能实现： 首先要做的当然是在html文件中引入spark-md5.js咯，根据自己的需求可
Align-对齐组件的常用属性
Flutter 之网络请求Dio, FormData, 表单网络请求, x-www-form-urlencoded
elementUI是一款非常常用的前端框架，基于vue，使用方便。但是它的官方文档却没有提供关于滚动条美化的相关组件。其实是有的，就是el-scrollbar。使用方法如下： 1、在需要溢出滚动的地
父元素设置了z-index，导致position:fixed的子元素z-index失效
由于之前的公司的项目中的工作流管理要用到流程图，而bpmn-js官方的文档是全英的而且使用的js框架是jQuery，可能是比较新的技术，官方也还在不断的更新，相关的文档或者资料很少很
2.新建空的图，功能要求： ① 空的，能自己画； ② 以SVG image格式、BPMN diagram格式下载在本地； 参考链接：(其实就是理解它的思路，把jQuery转化成vue) https://github.com/bpmn-io/bpmn-js-example
3.关于节点的配置，功能要求： ①在服务器取到图并显示出来 ②不能编辑和改动图 ③可以获取到具体某个节点的信息 参考链接：https://github.com/bpmn-io/bpmn-js-examples/tree/master/simple-commonj
给节点和线上色，其实就是找到这个节点的id，然后改变它的样式。 这里是写死的某几个节点和线，真正应该通过与后台交互获取到已经走过的流程然后上色。 div class="containers" ref="co
如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用深度（穿透）选择器
![vue老是提示：[vue/no-parsing-error] Parsing error: x-invalid-end-](/uploads/allimg/201031/1-2010311633090-L.png "vue老是提示：[vue/no-parsing-error] Parsing error: x-invalid-end-")
vue老是提示[vue/no-parsing-error] Parsing error: x-invalid-end-tag.eslint-plugin-vue，但是标签都能匹配上啊，如下图： 去掉这个烦人的提示有两个方法： 方法一、File-Preferences-Settings，搜索“vetur.val
`for ... in`循环用于循环对象的属性。以下是`for ... in`循环的语法。```javafor (variablename in object){ statement or block to execute }```在每次迭代中，来自对象的一个属性被分配给变量名称，并且
## Dart编程实例 - 更新一个列表```dartvoid main() { List l = [1, 2, 3,4,5,6,7,8,9]; print(The value of list before replacing ${l}); l.replaceRange(0,3,[11,23,24]); print(The
## Dart编程实例 - 位运算符```dartvoid main() { var a = 2; // Bit presentation 10 var b = 3; // Bit presentation 11 var result = (a b); print((a b) = ${result});
## Dart编程实例 - null值```dartvoid main() { int num; print(num);}```
## Dart编程实例 - 条件表达式```dartvoid main() { var a = 10; var res = a 12 ? value greater than 10:value lesser than or equal to 10; print(res);}```
## Dart编程实例 - 同步```dartimport dart:isolate; void foo(var message){ print(execution from foo ... the message is :${message});} void main(){ Isolate.spawn(foo,Hello
## Dart编程实例 - 异步```dartimport dart:io;void main() { print(Enter your name :); // prompt for user input String name = stdin.readLineSync(); // this i
## Dart编程实例 - 封装错误```dartlibrary loggerlib; void _log(msg) { print(Log method called in loggerlib msg:$msg); }```
## Dart编程实例 - 导入和使用库```dartimport dart:math;void main() { print(Square root of 36 is: ${sqrt(36)});}```
## Dart编程实例 - Typedefs 类型定义```darttypedef ManyOperation(int firstNo , int secondNo); //function signatureAdd(int firstNo,int second){ print(Add result is ${firstNo+second});}
## Dart编程实例 - Typedef 类型定义```darttypedef ManyOperation(int firstNo , int secondNo); //function signature Add(int firstNo,int second){ print(Add result is ${firstNo+second});}
## Dart编程实例 - 添加断点```dartvoid main() { int a = 10, b = 20, c = 5; c = c * c * c; print($a + $b = ${a+b}); print($a%$b = ${a%b}); // Add a break point here prin
## Dart编程实例 - 自定义异常```dartclass AmtException implements Exception { String errMsg() = Amount should be greater than zero;} void main() { try { withdraw_amt(-1);
## Dart编程实例 - 抛出异常```dartmain() { try { test_age(-2); } catch(e) { print(Age cannot be negative); }} void test_age(int age) { if(ag
## Dart编程实例 - 异常处理Finally 块 ```dartmain() { int x = 12; int y = 0; int res; try { res = x ~/ y; } on IntegerDivisionByZeroException { prin
## Dart编程实例 - on…catch```dartmain() { int x = 12; int y = 0; int res; try { res = x ~/ y; } on IntegerDivisionByZeroException catch(e) {
## Dart编程实例 - 异常处理 使用catch块```dartmain() { int x = 12; int y = 0; int res; try { res = x ~/ y; } catch(e) { print(e); }}``
## Dart编程实例 - 异常处理 使用 ON 块```dartmain() { int x = 12; int y = 0; int res; try { res = x ~/ y; } on IntegerDivisionByZeroException { print(
## Dart编程实例 - 泛型 Map```dartvoid main() { Map String,Stringm={name:Tom,Id:E1001}; print(Map :${m}); }```
## Dart编程实例 - 泛型 Queue```dartimport dart:collection;void main() { Queueint queue = new Queueint(); print(Default implementation ${queue.runtimeType}); queue.addLa
## Dart编程实例 - 泛型 Set```dartvoid main() { Set intnumberSet = new Setint(); numberSet.add(100); numberSet.add(20); numberSet.add(5); numberSet.add(60); num
## Dart编程实例 - 泛型列表实例```dartvoid main() { List String logTypes = new List String(); logTypes.add(1); logTypes.add(ERROR); logTypes.add(INFO); //iterating acr
## Dart编程实例 - 泛型列表```dartvoid main() { List String logTypes = new List String(); logTypes.add(WARNING); logTypes.add(ERROR); logTypes.add(INFO); // iter
## Dart编程实例 - addLast()```dartimport dart:collection; void main() { Queue numQ = new Queue(); numQ.addAll([100,200,300]); print(Printing Q.. ${numQ}); numQ.a
## Dart编程实例 - addFirst()```dartimport dart:collection; void main() { Queue numQ = new Queue(); numQ.addAll([100,200,300]); print(Printing Q.. ${numQ}); numQ.ad
## Dart编程实例 - 添加多个值到Queue```dartimport dart:collection;void main() { Queue queue = new Queue(); print(Default implementation ${queue.runtimeType}); queue.addAll([10,12,
## Dart编程实例 - 集合 Queue```dartimport dart:collection;void main() { Queue queue = new Queue(); print(Default implementation ${queue.runtimeType}); queue.add(10); qu
## Dart编程实例 - 集合 Maps```dartvoid main() { var details=new Map(); details[Usrname]=admin; details[Password]=admin@123; print(details);}```
## Dart编程实例 - 从HashSet删除值```dartimport dart:collection;void main() { Set numberSet = new HashSet(); numberSet.addAll([100,200,300]); print(Printing hashet.. ${numberSet
## Dart编程实例 - 添加多个值到HashSet```dartimport dart:collection;void main() { Set numberSet = new HashSet(); numberSet.addAll([100,200,300]); print(Default implementation :${n
## Dart编程实例 - HashSet```dartimport dart:collection; void main() { Set numberSet = new HashSet(); numberSet.add(100); numberSet.add(20); numberSet.add(5);
## Dart编程实例 - 从HashMap删除值```dartimport dart:collection;main() { var accounts = new HashMap(); accounts[dept] = HR; accounts[name] = Tom; accounts[email] =
## Dart编程实例 - 添加多个值到HashMap```dartimport dart:collection;main() { var accounts = new HashMap(); accounts.addAll({dept:HR,email:tom@xyz.com}); print(Map after add
## Dart编程实例 - HashMap```dartimport dart:collection;main() { var accounts = new HashMap(); accounts[dept]=HR; accounts[name]=Tom; accounts[email]=tom@xyz.
## Dart编程实例 - Set.from()```dartvoid main() { Set numberSet = new Set.from([12,13,14]); print(Default implementation :${numberSet.runtimeType}); // all elements are retriev
## Dart编程实例 - 集合 Set```dartvoid main() { Set numberSet = new Set(); numberSet.add(100); numberSet.add(20); numberSet.add(5); numberSet.add(60); numberSet.add
## Dart编程实例 - 集合列表```dartvoid main() { List logTypes = new List(); logTypes.add(WARNING); logTypes.add(ERROR); logTypes.add(INFO); // iterating across list
## Dart编程实例 - 迭代集合```dartimport dart:collection;void main() { Queue numQ = new Queue(); numQ.addAll([100,200,300]); Iterator i= numQ.iterator; while(i.moveNext())
## Dart编程实例 - toString() 方法```dartvoid main() { int n = 12; print(n.toString());}```
## Dart编程实例 - 级联操作符 (..)```dartclass Student { void test_method() { print(This is a test method); } void test_method1() { print(This is a test method
## Dart编程实例 - Object```dartclass Student { void test_method() { print(This is a test method); } void test_method1() { print(This is a test me
## Dart编程实例 - Super 关键字```dartvoid main() { Child c = new Child(); c.m1(12);}class Parent { String msg = message variable from the parent class; void m1(int a){
## Dart编程实例 - Static 关键字```dartclass StaticMem { static int num; static disp() { print(The value of num is ${StaticMem.num}) ; }} void main() { Sta
## Dart编程实例 - 方法覆盖```dartimport dart:io;void main() { Child c = new Child(); c.m1(12);}class Parent { void m1(int a){ print(value of a ${a});}}class Chi
## Dart编程实例 - 类继承```dartvoid main() { Child c = new Child(); c.m1(12);}class Parent { void m1(int a){ print(value of a ${a});}} class Child extends Parent {
## Dart编程实例 - 继承的类型```dartvoid main() { var obj = new Leaf(); obj.str = hello; print(obj.str);} class Root { String str;} class Child extends Root {}
## Dart编程实例 - dart getters 和 setters```dartclass Student { String name; int age; String get stud_name { return name; } void set stud_name(String na
## Dart编程实例 - This 关键字```dartvoid main() { Car c1 = new Car(E1001);} class Car { String engine; Car(String engine) { this.engine = engine; print(T
## Dart编程实例 - 命名构造函数```dartvoid main() { Car c1 = new Car.namedConst(E1001); Car c2 = new Car();} class Car {
## Dart编程实例 - 构造函数```dartvoid main() { Car c = new Car(E1001);}class Car { Car(String engine) { print(engine); }}```
## Dart编程实例 - 访问属性和函数```dartvoid main() { Car c= new Car(); c.disp();} class Car { // field String engine = E1001; // function void disp()
## Dart编程实例 - 实现多个接口```dartvoid main() { Calculator c = new Calculator(); print(The gross total : ${c.ret_tot()}); print(Discount :${c.ret_dis()});} class Calculat
## Dart编程实例 - 实现一个接口```dartvoid main() { ConsolePrinter cp= new ConsolePrinter(); cp.print_data();} class Printer { void print_data() { print(__________Print
## Dart编程实例 - Lambda 表达式```dartvoid main() { printMsg(); print(test());} printMsg()=print(hello);int test()=123; // returning function
## Dart编程实例 -递归函数```dartvoid main() { print(factorial(6));} factorial(number) { if (number = 0) { // termination case return 1; } else {
## Dart编程实例 - 可选参数和默认值```dartvoid main() { test_param(123);} void test_param(n1,{s1:12}) { print(n1); print(s1);}```
## Dart编程实例 - 可选命名参数```dartvoid main() { test_param(123); test_param(123,s1:hello); test_param(123,s2:hello,s1:world);} test_param(n1,{s1,s2}) { print(n1);
## Dart编程实例 - 可选位置参数```dartvoid main() { test_param(123);} test_param(n1,[s1]) { print(n1); print(s1);}```
## Dart编程实例 - 函数参数```dartvoid main() { test_param(123,this is a string);} test_param(int n1,String s1) { print(n1); print(s1);}```
## Dart编程实例 - 返回函数```dartvoid main() { print(test());} String test() { // function definition return hello world;}```
## Dart编程实例 - 调用函数```dartvoid main() { test();} test() { //function definition print(function called);}```
## Dart编程实例 - 枚举```dartenum Status { none, running, stopped, paused} void main() { print(Status.values); Status.values.forEach((v) = print(value: $
## Dart编程实例 - Runes类构造函数```dartmain() { Runes input = new Runes( \u{1f605} ); print(new String.fromCharCodes(input));} ```
## Dart编程实例 - String runes 属性```dartvoid main(){ A string.runes.forEach((int rune) { var character=new String.fromCharCode(rune); print(character); }); }``
## Dart编程实例 - String codeUnits 属性```dartimport dart:core; void main(){ f1();} f1() { String x = Runes; print(x.codeUnits);}```
## Dart编程实例 - String codeUnitAt() 方法```dartimport dart:core;void main(){ f1();}f1() { String x = Runes; print(x.codeUnitAt(0));}```
## Dart编程实例 - Symbol```dartimport dart:mirrors;void main(){ Symbol lib = new Symbol(foo_lib); String name_of_lib = MirrorSystem.getName(lib); print(lib); print(na
## Dart编程实例 - Map forEach() 方法```dartvoid main() { var usrMap = {name: Tom, Email: tom@xyz.com}; usrMap.forEach((k,v) = print(${k}: ${v}));}```
## Dart编程实例 - Map remove() 方法```dartvoid main() { Map m = {name:Tom,Id:E1001}; print(Map :${m}); dynamic res = m.remove(name); print(Value popped from the Ma
## Dart编程实例 - Map clear() 方法```dartvoid main() { Map m = {name:Tom,Id:E1001}; print(Map :${m}); m.clear(); print(Map after invoking clear() :${m});}```
## Dart编程实例 - Map addAll() 方法```dartvoid main() { Map m = {name:Tom,Id:E1001}; print(Map :${m}); m.addAll({dept:HR,email:tom@xyz.com}); print(Map after
## Dart编程实例 - Map isNotEmpty属性```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.isNotEmpty); var hosts = {}; print(hosts.isNotEmpt
## Dart编程实例 - Map isEmpty属性```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.isEmpty); var hosts = {}; print(hosts.isEmpty);}
## Dart编程实例 - Map Length属性```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.length);}```
## Dart编程实例 - Map Values属性```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.values);}```
## Dart编程实例 - Map Keys属性```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details.keys);}```
## Dart编程实例 - Map 构造方法```dartvoid main() { var details = new Map(); details[Usrname] = admin; details[Password] = admin@123; print(details);}```
## Dart编程实例 - 添加值到map```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; details[Uid] = U1oo1; print(details);}```
## Dart编程实例 - Dart Map ```dartvoid main() { var details = {Usrname:tom,Password:pass@123}; print(details);}```
## Dart编程实例 - 列表removeLast()方法```dartvoid main() { List l = [1, 2, 3,4,5,6,7,8,9]; print(The value of list before removing the list element ${l}); dynamic res = l.removeLas
## Dart编程实例 - 列表removeAt()方法```dartvoid main() { List l = [1, 2, 3,4,5,6,7,8,9]; print(The value of list before removing the list element ${l}); dynamic res = l.removeAt(1);
## Dart编程实例 - 列表 remove() 方法```dartvoid main() { List l = [1, 2, 3,4,5,6,7,8,9]; print(The value of list before removing the list element ${l}); bool res = l.remove(1);
## Dart编程实例 - 列表insertAll()方法```dartvoid main() { List l = [1,2,3]; l.insertAll(0,[120,130]); print(l);}```
## Dart编程实例 - 列表insert()方法```dartvoid main() { List l = [1,2,3]; l.insert(0,4); print(l);}```
## Dart编程实例 - 列表 addAll() 方法```dartvoid main() { List l = [1,2,3]; l.addAll([12,13]); print(l);}```
## Dart编程实例 - 插入元素到列表```dartvoid main() { List l = [1,2,3]; l.add(12); print(l);}```
## Dart编程实例 - 列表 single 方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(10); print(lst.single);}```
## Dart编程实例 - 列表 reversed 方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(The list values in reverse order: ${lst.reversed});} ```
## Dart编程实例 - 列表 last 方法 ```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(The last element of the list is: ${lst.last});}```
## Dart编程实例 - 列表 length 方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(The length of the list is : ${lst.length});}```
## Dart编程实例 - 列表 isNotEmpty 方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(lst.isNotEmpty);}```
## Dart编程实例 - 列表 isEmpty 方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(lst.isEmpty);} ```
## Dart编程实例 - 列表first方法```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(The first element of the list is: ${lst.first});} ```
## Dart编程实例 - dart变长列表实例```dartvoid main() { var lst = new List(); lst.add(12); lst.add(13); print(lst);}```
## Dart编程实例 - dart变长列表```dartvoid main() { var num_list = [1,2,3]; print(num_list);}```
## Dart编程实例 - dart固定长度列表```dartvoid main() { var lst = new List(3); lst[0] = 12; lst[1] = 13; lst[2] = 11; print(lst);}```
## Dart编程实例 - Boolean 实例```dartvoid main() { var str = abc; if(str) { print(String is not empty); } else { print(Empty String); }}```
## Dart编程实例 - 在Dart中声明布尔变量```dartvoid main() { bool test; test=12 5; print(test);}```
## Dart编程实例 - 字符串 codeUnitAt 方法```dartvoid main() { var res = Good Day; print(Code Unit of index 0 (G): ${res.codeUnitAt(0)}); }```
## Dart编程实例 - 字符串 toString 方法```dartvoid main() { int n = 12; var res = n.toString(); print(New String: ${res});}```
## Dart编程实例 - 字符串substring 方法```dartvoid main() { String str1 = Hello World; print(New String: ${str1.substring(6)}); // from index 6 to the last index print(New Str
## Dart编程实例 - 字符串 split() 方法```dartvoid main() { String str1 = Today, is, Thursday; print(New String: ${str1.split(,)});}```
## Dart编程实例 - 字符串 replaceAll() 方法```dartvoid main() { String str1 = Hello World; print(New String: ${str1.replaceAll(World,ALL)});}```
## Dart编程实例 - 字符串 compareTo() 方法```dartvoid main() { String str1 = A; String str2 = A; String str3 = B; print(str1.compareTo(str2): ${str1.compareTo(str2)});
## Dart编程实例 - 字符串 trim() 方法```dartvoid main() { String str1 = hello; String str2 = hello world; String str3 = hello; print(str1.trim()); print(str2.trim());
## Dart编程实例 - 字符串 toUpperCase() 方法```dartvoid main() { String uStr = ABC; String lStr = hello; print(uStr.toLowerCase()); print(lStr.toLowerCase());}```
## Dart编程实例 - 字符串 toLowerCase() 方法```dartvoid main() { String uStr = ABC; String lStr = hello; print(uStr.toLowerCase()); print(lStr.toLowerCase());}```
## Dart编程实例 - dart字符串属性 length```dartvoid main() { String str = Hello All; print(The length of the string is: ${str.length});}```
## Dart编程实例 - dart字符串属性 isEmpty```dartvoid main() { String str = Hello; print(str.isEmpty);}```
## Dart编程实例 - dart字符串属性 codeUnits```dartvoid main() { String str = Hello; print(str.codeUnits);}```
## Dart编程实例 - dart字符串插值```dartvoid main() { int n=1+1; String str1 = The sum of 1 and 1 is ${n}; print(str1); String str2 = The sum of 2 and 2 is ${2+2}; print(
## Dart编程实例 - dart字符串```dartvoid main() { String str1 = this is a single line string; String str2 = this is a single line string; String str3 = this is a multiline line
## Dart编程实例 - Truncate 方法```dartvoid main() { double n1 = 2.123; var value = n1.truncate(); print(The truncated value of 2.123 = ${value});}```
## Dart编程实例 - toString 方法```dartvoid main() { int n1 = 2; var value = n1.toString(); print( value is String );}```
## Dart编程实例 - toInt 方法```dartvoid main() { double n1 = 2.0; var value = n1.toInt(); print(Output = ${value});}```
## Dart编程实例 - toDouble 方法```dartvoid main() { int n1 = 2; var value = n1.toDouble(); print(Output = ${value});}```
## Dart编程实例 - round 方法```dartvoid main() { double n1 = 12.023; double n2 = 12.89; var value = n1.round(); print( value ); value = n2.round(); print( value );
## Dart编程实例 - Remainder 方法 ```dartvoid main() { var a = 10; var b = 17; print(a.remainder(2)); print(b.remainder(2));}```
## Dart编程实例 - Floor 方法```dartvoid main() { var a = 2.9; print(The floor value of 2.9 = ${a.floor()});}```
## Dart编程实例 - CompareTo 方法```dartvoid main() { var a = 2.4; print(a.compareTo(12)); print(a.compareTo(2.4)); print(a.compareTo(0));}```
## Dart编程实例 - Ceil 方法```dartvoid main() { var a = 2.4; print(The ceiling value of 2.4 = ${a.ceil()});} ```
## Dart编程实例 - Abs 方法```dartvoid main() { var a = -2; print(a.abs());}```
## Dart编程实例 - 数字 isOdd 属性```dartvoid main() { int posNum = 10; print(posNum.isOdd);}```
## Dart编程实例 - 数字 isEven 属性```dartvoid main() { int posNum = 10; print(posNum.isEven);}```
## Dart编程实例 - 数字 sign 属性```dartvoid main() { int posNum = 10; int negNum = -12; int valZero = 0; print(posNum.sign); print(negNum.sign); print(valZero.sign)
## Dart编程实例 - 数字 isNegative 属性```dartvoid main() { int posNum = 10; int negNum = -10; print(posNum.isNegative); print(negNum.isNegative);}```
## Dart编程实例 - 数字 isInFinite 属性```dartvoid main() { int n = 5000; print(n.isInfinite);} ```
## Dart编程实例 - 数字 isFinite 属性```dartvoid main() { int n = 5000; print(n.isFinite);}```
## Dart编程实例 - 数字 hashcode 属性```dartvoid main() { int n = 5000; print(n.hashCode);}```
## Dart编程实例 - parse函数```dartvoid main() { print(num.parse(12A)); print(num.parse(AAAA));}```
## Dart编程实例 - 数字实例```dartvoid main() { int num1 = 10; // declare an integer double num2 = 10.50; // declare a double value print(num1); pr
## Dart编程实例 - Dart Switch Case 语句```dartvoid main() { var grade = A; switch(grade) { case A: { print(Excellent); } break; case B: { print(Go
## Dart编程实例 - else if```dartvoid main() { var num = 2; if(num 0) { print(${num} is positive); } else if(num 0) { print(${num} is negative);
## Dart编程实例 - 简单 if else 语句```dartvoid main() { var num = 12; if (num % 2==0) { print(Even); } else { print(Odd); }}```
## Dart编程实例 - If 语句```dartvoid main() { var num=5; if (num0) { print(number is positive); } }```
## Dart编程实例 - continue 和 Label```dartvoid main() { outerloop: // This is the label name for (var i = 0; i 3; i++) { print(Outerloop:${i}); for (var j = 0; j
## Dart编程实例 - break和label```dartvoid main() { outerloop: // This is the label name for (var i = 0; i 5; i++) { print(Innerloop: ${i}); innerloop: for (
## Dart编程实例 - Continue 语句```dartvoid main() { var num = 0; var count = 0; for(num = 0;num=20;num++) { if (num % 2==0) { continue; } coun
## Dart编程实例 - Break 语句```dartvoid main() { var i = 1; while(i=10) { if (i % 5 == 0) { print(The first multiple of 5 between 1 and 10 is : ${i});
## Dart编程实例 - do while 循环```dartvoid main() { var n = 10; do { print(n); n--; } while(n=0);}```
## Dart编程实例 - dart while 循环```dartvoid main() { var num = 5; var factorial = 1; while(num =1) { factorial = factorial * num; num--; } print(The
## Dart编程实例 - dart for-in 循环 ```dartvoid main() { var obj = [12,13,14]; for (var prop in obj) { print(prop); }}```
## Dart编程实例 - Dart for循环```dartvoid main() { for(var temp, i = 0, j = 1; j30; temp = i, i = j, j = i + temp) { print(${j}); }}```
## Dart编程实例 - 逻辑操作符```dartvoid main() { var a = 10; var b = 12; var res = (ab)||(b10); print(res); var res1 =!(a==b); print(res1);} ```
## Dart编程实例 - 赋值操作符```dartvoid main() { var a = 12; var b = 3; a+=b; print(a+=b : ${a}); a = 12; b = 13; a-=b; print(a-=b : ${a});
## Dart编程实例 - 类型测试操作符 is! ```dartvoid main() { double n = 2.20; var num = n is! int; print(num);}```
## Dart编程实例 - 类型测试操作符is```dartvoid main() { int n = 2; print(n is int);}```
## Dart编程实例 - 相等和关系操作符```dartvoid main() { var num1 = 5; var num2 = 9; var res = num1num2; print(num1 greater than num2 :: +res.toString()); res = num1num2;
## Dart编程实例 - Const 关键字```dartvoid main() { final v1 = 12; const v2 = 13; v2 = 12;}```
## Dart编程实例 - Final 关键字```dartvoid main() { final val1 = 12; print(val1);}```
## Dart编程实例 - Dynamic 关键字```dartvoid main() { dynamic x = tom; print(x); }```
## Dart编程实例 - Dart 面向对象编程```dartclass TestClass { void disp() { print(Hello World); }} void main() { TestClass c = new TestClass(); c.d
## Dart编程实例 - Enabling Checked Mode```dartvoid main() { int n=hello; print(n); } ```
## Dart编程实例 - 第一个Dart程序```dartmain() { print(Hello World!);}```
## Dart编程实例 - HelloWorld```dartvoid main() { print(hello world);}```
elementUI的el-table在加载和切换页码时，没有加载动画会非常不好看，没有数据还会闪烁，加上加载动画会好看很多。el-table的v-loading属性可以指定显示隐藏loading效果，可以在加载的时候进
vue-cli打包提示： TypeError: Cannot read property 'upgrade' of undefined 的错误，截图如下： 原因是在vue.config.js中配置的process.env.target对应在.env中删了，如下： [process.env.VUE_APP_PROXY_PREFIX_DICPRO]: {
很多时候，在我们得到搜索结果之后，我们需要更深入地搜索现有搜索结果的一部分。例如，在给定的文本主体中，我们的目标是获取Web地址，并提取Web地址的不同部分，如协议，域名
在自然语言处理领域，我们遇到两个或多个单词具有共同根的情况。例如，三个词 - 同意，同意和同意具有相同的词根同意。涉及任何这些词的搜索应将它们视为同一个词，即根词。因
文本摘要涉及从大量文本生成摘要，该摘要在某种程度上描述了大量文本的上下文。在下面的例子中，我们使用模块genism及其汇总函数来实现这一点。我们安装以下软件包来实现这一目
在文本处理期间经常需要计算文本主体中单词出现的频率。这可以通过应用 **word_tokenize（）** 函数并将结果附加到列表以保持单词的计数来实现，如下面的程序所示。```pyfrom nltk.tokeni
从某些来源抓取的文本格式不正确无法在可用的屏幕宽度内显示时，需要进行文本换行。这可以通过使用以下包来实现，该包可以使用以下命令安装在我们的环境中。```pypip install paraw
Munging一般意味着通过改造它们来清理任何杂乱的东西。在我们的例子中，我们将看到如何转换文本以获得一些结果，这些结果为我们提供了一些理想的数据更改。在一个简单的层面上，
使用正则表达式有两个基本操作看起来相似但有显着差异。该 **re.match（）** 检查只在字符串的开头匹配，而 **re.search（）** 检查匹配字符串中的任何地方。这在文本处理中起着重要作用
语义分析是关于分析观众的一般意见。这可能是对一则新闻，电影或任何有关正在讨论的事项的推文的反应。通常，此类反应来自社交媒体，并通过NLP分组到文件中进行分析。我们将首
RSS（丰富站点摘要）是一种用于提供定期更改的Web内容的格式。许多与新闻相关的网站，网络日志和其他在线发布商将其内容作为RSSFeed联合到任何想要它的人。在python中，我们借助以下
要阅读word文档，我们将获得名为docx的模块的帮助。我们首先安装docx，如下所示。然后编写一个程序，使用docx模块中的不同函数按段落读取整个文件。我们使用以下命令将docx模块放入我
Python可以从中提取文本后读取PDF文件并打印出内容。为此，我们必须首先安装所需的模块 **PyPDF2**。以下是安装模块的命令。您应该已经在python环境中安装了pip。```pypip install pypdf2```成功
一些英语单词更频繁地出现在一起。例如 - 天空高，做或死，最佳表现，大雨等。因此，在文本文档中，我们可能需要识别这样的一对词，这将有助于情绪分析。首先，我们需要从现有
很多时候，我们需要通过一些预先定义的标准将可用文本分类为各种类别。nltk提供此类功能作为各种语料库的一部分。在下面的示例中，我们查看电影评论语料库并检查可用的分类。
基于分类的分块涉及将文本分类为一组单词而不是单个单词。一个简单的场景是在句子中标记文本。我们将使用语料库来演示分类。我们选择具有来自华尔街日报语料库（WSJ）的数据的
分块是根据单词的性质将相似单词分组在一起的过程。在下面的示例中，我们定义了必须生成块的语法。语法表示在创建块时将遵循的诸如名词和形容词等短语的序列。块的图形输出如
标记是文本处理的基本特征，我们将单词标记为语法分类。我们借助tokenization和pos_tag函数来为每个单词创建标签。```pyimport nltktext = nltk.word_tokenize(A Python is a serpent which eats eggs from the n
Corpora是一个展示多个文本文档集合的组。单个集合称为语料库。其中一个着名的语料库是古腾堡语料库，其中包含大约25,000本免费电子书，网址是： http://www.gutenberg.org/ 。在下面的例子
WordNet是一个英语词典，类似于传统的词库，NLTK包括英语WordNet。我们可以使用它作为获取单词，用法示例和定义含义的参考。类似单词的集合称为lemmas。WordNet中的单词是有组织的，节点
检查拼写是任何文本处理或分析的基本要求。python包 **pyspellchecker** 为我们提供了这个功能，可以找到可能错误拼写的单词，并建议可能的更正。首先，我们需要在python环境中使用以下命
替换完整的字符串或字符串的一部分是文本处理中非常常见的要求。该 **替换（）** 方法返回其昔日的出现都换成了新的，可选的替代限制到最大数量的字符串的副本。以下是 **replace（
从一种语言到另一种语言的文本翻译在各种网站中越来越普遍，因为它们迎合了国际受众。帮助我们执行此操作的python包称为translate。可以通过以下方式安装此软件包。它提供主要语言
同义词和反义词作为wordnet的一部分提供，wordnet是英语的词汇数据库。它作为nltkcorpora访问的一部分提供。在wordnet中同义词是表示相同概念并且在许多上下文中可互换的单词，因此它们被
停用词是英语单词，对句子没有多大意义。在不牺牲句子含义的情况下，可以安全地忽略它们。例如，像，他，等等的单词已经在名为语料库的语料库中捕获了这些单词。我们首先将它
在Python中，标记化基本上是指将更大的文本体分成更小的行，单词甚至为非英语语言创建单词。各种标记化功能内置于nltk模块本身，可以在程序中使用，如下所示。## 线标记化在下面的
大写字符串是任何文本处理系统中的常规需求。Python通过使用标准库中的内置函数实现了它。在下面的例子中，我们使用两个字符串函数 **capwords（）** 和 **upper（）** 来实现这一点。虽
状态机是关于设计程序来控制应用程序中的流程。它是一个有向图，由一组节点和一组过渡函数组成。处理文本文件通常包括顺序读取文本文件的每个块并执行某些操作以响应每个块读
python模块 **pprint** 用于为python中的各种数据对象提供正确的打印格式。这些数据对象可以表示字典数据类型，甚至可以表示包含JSON数据的数据对象。在下面的示例中，我们将看到在应用
通过使用正则表达式从文本文件实现URL提取。表达式在文本与模式匹配的任何位置获取文本。只有re模块用于此目的。## 例我们可以将输入文件包含一些URL并通过以下程序处理它以提取
要从文本中提取电子邮件，我们可以采用正则表达式。在下面的示例中，我们借助正则表达式包来定义电子邮件ID的模式，然后使用 **findall（）**函数来检索与此模式匹配的文本。```py
很多时候，我们需要仅针对文件中存在的唯一单词分析文本。因此，我们需要从文本中删除重复的单词。这是通过使用nltk中可用的单词标记化和设置功能来实现的。## 没有保留订单在下
当我们正常读取文件时，从文件开头逐行读取内容。但是有些情况下我们想先读取最后一行。例如，文件中的数据底部有最新记录，我们希望首先读取最新记录。为了达到此要求，我们
在读取文件时，它被读作具有多个元素的字典。因此，我们可以使用元素的索引访问文件的每一行。在下面的示例中，我们有一个包含多行的文件，这些行成为文件的各个元素。```pywi
ASCII到二进制和二进制到ascii转换由内置的binascii模块执行。它具有非常直接的用法，其功能可以获取输入数据并进行转换。下面的程序显示了binascii模块及其功能名为**b2a_uu** 和 **a2b_uu的
在从源读取文本时，有时我们还需要找出有关所用单词类型的一些统计信息。这使得有必要计算单词的数量以及给定文本中具有特定类型的单词的行。在下面的示例中，我们展示了使用
当我们处理大量文本并将其呈现为可呈现的格式时，需要格式化段落。我们可能只想打印具有特定宽度的每一行，或者在打印诗时尝试增加每一行的缩进。在本章中，我们使用名为**te
很多时候，我们需要对文件的内容进行排序以进行分析。例如，我们希望得到不同学生写的句子，以按名称的字母顺序排列。这将涉及排序不仅仅是行的第一个字符，而是从左边开始的
在python中，字符串数据类型是不可变的。这意味着无法更新字符串值。我们可以通过尝试更新字符串的一部分来验证这一点，这将导致我们出错。```py# Can not reassignt= codingdictprint type(t)
要在本教程中成功创建和运行示例代码，我们需要一个环境设置，它既包含通用python，也包含Data Science所需的特殊包。我们首先看一下安装python 2或python 3的通用python。但我们更喜欢本教
文本处理直接应用于自然语言处理，也称为NLP。NLP旨在处理人类在彼此交流时所说或写的语言。这不同于计算机和人之间的通信，其中通信是由人写的计算机程序或人的某些姿势，例如
我爱模板网通过phpMyAdmin新建MySql数据表，提交时报错： #1089 - Incorrect prefix key; the used key part isn't a string, the used length is longer than the key part, or the storage engine doesn't support unique prefix keys 截图
在Flutter中，提供了不少裁剪组件，可以帮助我们实现不同形状的组件，当然，如果需要特殊的形状，那就需要自定义裁剪组件了。 ClipRect - 矩形裁剪 ClipRect组件使用矩形裁剪子组件。通
art-template是一款高性能的JavaScript模板引擎，按照官方首页的描述，它是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行
在uni-app的pages.json中，有两处可以设置backgroundColor，一处是globalStyle，针对全局所有页面生效，另一处是pages-style中，针对当前设置的页面生效。其实，官方文档已经说的很清楚了，这个
我爱模板网在改很久之前的vue-cli项目，运行打包命令run build:prod，发现提示下面的错误 'vue-cli-service'不是内部或外部命令，也不是可运行的程序或批处理文件 运行预览命令也不行，也是
有时候可能有这个需求：用v-html渲染html内容，但是这个html里面不仅仅是原生的html内容，可能包含v-on等vue的事件、v-model等vue的数据甚至vue自定义组件标签，但是v-html是不能解析这些的，
前言 在写前端页面中，经常会在浏览器运行HTML页面，从本地文件夹中直接打开的一般都是file协议，当代码中存在http或https的链接时，HTML页面就无法正常打开，为了解决这种情况，需要
http-server是基于node的非常简单的http服务器，安装 http-server 非常简单，这里就不赘述了，在这里罗列下http-server的命令。 http-server启动示例（在当前目录，启动一个允许跨域的，端口号为
uni-app常用的提示框，包括土司提示、加载框、模态框等： 1、土司提示 提交表单的时候，如果提交成功 uni.showToast({ title: '提交成功', duration: 2000}); 2、去掉图标，只显示文字的土司提示
1、单个v-mode数据绑定 默认情况下，组件上的v-model使用modelValue作为prop和update:modelValue作为子组件更新父组件值的事件。我们可以通过向v-model传递参数来修改这些名称： 父组件： templa
前言 最近在用uni-app开发app时，因为uni-app组件map的regionchange取不到经纬度的问题，只能改用H5自行开发map页面（本人采用的是高德地图）；H5可用本地Html和网络资源 一、 uni-app引入webvi
我爱模板网做企业微信项目APP时，需要将线上地址代理到本地，项目是uni-app运行的，当访问指向本地的线上地址时，的确可以打开本地的uni-app项目，但是却不停的提示 Invalid Host header
vue3抛弃了vue.use等方法，当使用下面的方法时： import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter) 会提示错误： Property 'use' does not exist on type 'typeof import
uni-app的swiper里面嵌套了列表，swiper的高度必须刚好占用除顶部tab选项卡和筛选条件高度外的屏幕剩余空间，一开始考虑用calc来计算，发现在不同的手机下还是有点问题，因为rpx也是动态
uni-app有两个方法，可以方便的获取屏幕和元素的宽高位置信息（获取元素宽高位置时，一定要等元素渲染完，否则会得不到）： 一、uni-app获取屏幕宽高信息： uni.getSystemInfo(OBJECT) 详解
使用uni-app开发h5应用，而且是在无外网的云桌面，按照下面的方法即可安装使用 vconsole 调试工具。 1、在本地有网的电脑上，安装vconsole npm install vconsole -S 2、安装完得到下面的目录：
我爱模板网在用uni-app做项目时，做了下面的效果，在一个支持上拉加载下拉刷新的app上，有个下拉框，这个下拉框是一个组件，内部是一个局部区域滚动的效果。当向下或向上滚动这个
一、什么是函数节流（throttle） 概念：限制一个函数在一定时间内只能执行一次。 举个栗子，坐火车或地铁，过安检的时候，在一定时间（例如10秒）内，只允许一个乘客通过安检入口
一、什么是函数防抖 概念：函数防抖（debounce），就是指触发事件后，在 n 秒内函数只能执行一次，如果触发事件后在 n 秒内又触发了事件，则会重新计算函数延执行时间。 举个栗子，
一、前言 前端开发中，“函数节流（throttle）” 和 “函数防抖（debounce）” 作为常用的性能优化方法，两者都是用于优化高频率执行 js 代码的手段，那具体它们有什么异同点呢？有对
一、背景介绍 【此处为铺垫内容，可跳过】 随着 Web 前端的不断发展，各种各样的前端规范和新知识、新技术层出不穷，极大地拓展了开发者的操作空间，也大大地提升了用户体验。而
js数组去重的方法总结： 1、利用 indexOf() 方法之一 Array.prototype.unique = function(){ var temp = []; for (var i = 0;i this.length;i++){ // 如果当前数组的第 i 项已经保存到了临时数组，那么跳过 if(temp.
一、原生JS中的ajax 1、创建 XMLHttpRequest 异步对象 var xhr = new XMLHttpRequest() 2、设置回调函数 xhr.onreadystatechange = callback 3、使用 open 方法与服务器建立连接 // get 方式xhr.open("get", "test.php",
在使用Ant Design Mobile的InputItem文本输入时提示"受控组件建议使用rc-form"，rc-form是一个将输入框变为受控组件的库，也是一个React的高阶form组件。它集合了对于输入框的各种方法，可以使
我爱模板网在使用react-native开发项目，需要显示chart图表，用了native-echarts，遇到了很大的坑，弄了半天才弄好，这里详细记录下： 1、安装 npm install native-echarts --S 2、引入 import Echarts
react-native的native-echarts在更新数据的时候，老是会闪烁，应该是过度渲染的问题导致的。其实echarts本身的渲染机制是非常优秀的。闪烁是此插件本身的问题。下面是修复方法，亲测可用
我爱模板网用react-native的webview回显后台传过来的html时，遇到了三个问题： 1、webview高度不能自适应，必须设置死，可以在html种执行js，获取document的高度，然后通过postmessage，通知页面
我爱模板网在使用uni-app做H5和小程序的混合开发时，要实现下面的购物车按钮效果： 从图中分析，左下角的购物车按钮应该是可以拖拽的，以免挡住后面的内容。首先想到了uni-app的mo
我爱模板网在做react-native app时，需要实现抽奖效果，正好前段时间，找了个不错的抽奖代码：GB Canvas Turntable —— 基于canvas的转盘抽奖js插件 http://www.5imoban.net/texiao/choujiangpingfen/2021/05
今天我爱模板网在做一个项目时，给input设置color发现无效。用谷歌调试工具发现，这个input设置了如下的样式： -webkit-text-fill-color:#888 发现把这个样式注释了就有效果了。 百度了下这个
非常不错的一款cesium测量插件：cesium-measure。能够对空间距离， 空间面积 和三角量测 ，可以对 球面 ，地形 和 3DTilset 模型等数据进行量测，对gltf的测量方法：pickPosition方法里边判断是
想要使用Echarts的3D地图，除了需要echarts.js之外，还需要echarts-gl.js（WebGL 的扩展包，提供了丰富的三维可视化组件以及常规图表的性能增强），下载地址： https://echarts.apache.org/zh/downloa
最近使用vue-baidu-map，自定义底图时，老是出现加载失败的情况。一开始以为是网络问题，但是连接了百兆宽带的网线还是不行。然后以为是百度地图本身的问题，去官网提了工单也石沉
我爱模板网在使用ElementUI进行项目布局时，侧边栏的内容比较多，需要使用自定义的图标，element UI提供的图标已经不能满足需求。正好项目集成了SvgIcon，只要将svg图标放到 src/icons/svg
form-create-designer 是一款基于 @form-create/element-ui 实现的自定义表单设计器组件，可以通过拖拽的方式快速创建表单，自定义表单的高效实现方法，效果如下： form-create-designer核心功能：
form-create-designer 很完美，但是后台需要表单生成后的JSON和配置的JSON数据，form-create-designer本身提供的API，结合vue-codemirror 和 jsonlint-mod就能实现预览、导入导出了，效果如下： 使用方法
我爱模板网在使用form-create-designer做表单设计器时，由一个需求：选择表单设置时，里面要能选择此表单关联的数据库表，是个下拉框，能展示接口返回的所有数据表。选择某个组件（如
在flex布局下，一行两个input或者一个input+一个select，为了保证每行的宽度对其，就给所有的input和select一个样式： .row input, .row select{flex-grow:1} 当一行都是input或者都是select的时候，都能
bpmn-process-designer是一个基于 bpmn.js，Vue 2.x 和 ElementUI 开发的流程设计器（前端部分），支持监听器，扩展属性，表单等配置，可自由扩展。我们都知道bpmn.js是一个BPMN2.0渲染工具包和we
我爱模板 网在使用elementUI的弹窗插件el-dialog时，因为每次打开必须要重新渲染里面的内容，所以使用了destroy-on-close属性，发现并没有用： el-dialog :key="popupType" title="选择用户" :visible.
在使用选择器嵌套的时候有一种情况需要特别注意，先看一段scss代码实例: text a { color: blue; :hover { color: red }} 也许写此段代码目的是为了将其编译成如下css代码: text a { color: blue;} tex
uni-app的midButton非常强大，可以实现中间加号效果，先看下效果图： 一开始准备自定义tabbar，但是这样就不是原生的，性能很差。看了下官网，发现tabBar里面有个midButton，完全可以实现上
进行uni-app开发wx小程序时，测试那边遇到了一个情况：页面有概率拉到最顶端的时候 本应判断scrolltop100的情况下导航条消失，但是小概率会发现置顶时仍带有透明度。根据手机配置，越
将下面的代码加入到网站中，就有可能让您的网站的所有文字编程繁体： body{ font-variant-east-asian: traditional;} 当然，也很有可能没有变化。这是因为这个属性生效的前提是，您网站使用的
uni-app的弹窗，如果不用原生的，直接用css控制，是无法覆盖tabbar和原生头部等原生组件的。这里的方法是将popup作为一个页面来弹出，页面是可以覆盖原生组件的，将这个页面的背景设
我爱模板网在开发uni-app时，需要实现uni-app 点击震动(即“触感反馈”)， uni-app并没有对应的API，而如果调用震动的方式来模拟触感反馈，即uni.vibrateShort，官方文档 https://uniapp.dcloud.io/
从HBuilderX 2.3.8起，uni-app已经统一了生物认证的实现，并且支持iOS App端的faceID首先需要获取得到权限。官方生物认证说明：https: //uniapp.dcloud.io/api/system/authentication。 在使用官方生物认证
昨天升级了下HBuilderX，今天编译打包APP时，出现了下面的提示： 本应用使用HBuilderX 3.2.2 或对应的cli版本编译，而手机端SDK版本是3.1.22，不匹配的版本可能造成应用异常 具体原因已经说
uni-app自带的原生loading、原生toast，即uni.loading以及uni.showToast样式不好看且只能支持很少的自定义样式。如果用H5的方法自定义，虽然样式千变万化，非常好看，但是有两个缺点： 1、无法
uni-app没有提供专门的设置角标的方法，但是H5+提供了相关的方法： plus.runtime.setBadgeNumber(10); setBadgeNumber传入数字，在手机桌面上，应用图标的右上角就显示传入的数字，如果要消除数字
自2020年6月30日起，苹果App Store审核要求应用在启动时，不能使用启动图片，必须改为使用Storyboard来制作启动界面。之前使用静态png图片做启动屏的方式，最大的问题是多尺寸适配，iO
HBuilder IOS 云打包的自定义基座，无法运行到手机上，提示下面的错误： HBuilder IOS 无法基座运行,安装失败 return code=-402620395,请手动安装C:\ProgramData\HBuilder\iOS_debug. 查看了官方文档，原因
uni-app App端微信登录流程如下： 1、去微信公众平台（https://open.weixin.qq.com/）添加app，如下： 这里要注意，安卓的应用签名，可以使用 安卓查询md5、SHA1、SHA256 的方法获取，即查询出来的
uni-app原生的标题栏titlebar的按钮是在pages.json中配置的，没法像html、css中用法那样直接使用class或svg，必须使用Unicode格式才可以。下面是详细的步骤： 1、进阿里图标库，搜索想要的图标
富文本的图片如果过大，在微信小程序的rich-text显示时，经常显示不下，或显示错乱，这时，需要给图片加上： max-width:100%; height:auto; display:block; 保证图片显示正常。可以用正则表达式
我爱模板网在使用uni-app做一个app时，遇到了需要从打开的H5页面中返回app。具体流程如下：APP端调用接口-跳转到第一个H5页面（此页面是第三方，再此页面执行完后，会跳转到一个网络
我爱模板网在做一个react-native安卓项目时，遇到了需要将图片放大和长按保存的需求，而react-native-image-zoom-viewer肯定是比较合适的插件，它支持缩放图片、保存图片等常规的图片操作。
今天在进行一个项目的二次开发时，npm install安装依赖，然后npm run dev运行，报了下面的错误： 'cross-env' 不是内部或外部命令,也不是可运行的程序 出现这个问题可能时依赖没有安装好，
Electron作为进军js进军桌面应用程序的桥梁，最近非常火。而这两年，单页面应用框架Vue也是火的一塌糊涂。这二者结合的产物：Electron-vue，也是前端必用的框架。这里，就整理下Electr
uni-app做项目，客户提出启动图变形。为了适应各种屏幕，只能使用 9 png图了。一开始使用ps制作，发现安卓打包报错如下：Appid: __UNI__E0
我爱模板网在使用vue版的form-create-design做表单设计器时，在设计模式，也就是用fc-designer时，拖进去了富文本框，并且一切正常，当保存
vue自定义组件和input等原生组件一样，能够实现v-model双向绑定。本文为CSDN博主「卖菜的小白」的原创文章，原文链接：https: blog csdn n
background-attachment: fixed的效果非常不错，当背景设置了这个属性，内容滚动时，背景定位在那里不动，有点视差效果的感觉。但是，此方法在IOS下无效
vue-cli脚手架新建项目提示：vue-cli · Failed to download repo vuejs-templates webapck: Response code 404 (Not Found)
vue打包报错：ERROR in node_modules element-ui lib theme-chalk fonts element-icons ttf Module parse failed: Unexpected character (1:0)
Element-plus是Element-ui基于Vue3的升级版，全面支持vue3和ts。在Vue3的项目中如何使用Element-plus的Icon图标，包括按钮和动态菜单？
开发环境好区分，process env NODE_ENV= development 就是开发环境，否则，就是生产环境。生产环境如果想区分是测试还是正式，就需要使用下面的方法
之前一直用的nginx配置文件，今天拷贝过来，放到云桌面，改了下配置，启动就报这个错：unknown directive
我爱模板网用vue开发项目时，有个页面有140万条数据，每页显示2000条数据，一开始用element-plus的el-table，表格滚动时卡顿严重，然后用vxe-table的虚拟渲染解决了这个问题。
我爱模板网用form-create-designer做一个自定义表单时，客户的需求是加上一个部门选择器，可以实现从左侧拉去一个“部门选择器”的组件，就
指定入口文件和输出path： 1、执行 `npx webpack --entry src main js --output-path build` 命令 2、`package json` 配置：` "dist ": "webpack --entry src main js --output-path build "`,
1 什么都不配置，直接就将资源文件打包在 webpack 配置的打包路径的根目录 2 js中， `require( img 1 jpg )` 在file-loader 4 X，返回的是资源，在5 x以后返回的是对象，通过 `require( img 1 jpg ) default` 才能拿到资源 3 js中，除了 require 引入资源，还可以用 `import xxx from img 1 jpg` 的方式引入资源
webpack 模块化的四个原理： 1 CommonJs模块化原理 2 ES Module实现原理 3 CommonJs加载 ES Module 原理 4 ES Module加载CommonJS 原理
安装、初始化 1 npm init 初始化项目生成package json 2 安装webpack和webpack-cli `npm install webpack webpack-cli -D` 3 新建入口文件：src index js 4 创建`webpack config js`，代码如下：
HMR全称 Hot Module Replacement 模块热替换指应用程序运行过程中，替换、添加、删除模块，而无需刷新整个页面
1 DLL全称动态链接库（Dynamic Link Library），是为软件在windows中实现共享函数库的一种实现方式 2 webpack中也有内置的DLL的功能，它指的是我们可以将可以共享、并且不经常改变的代码，抽取成一个共享的库 3 这个库在之后编译的过程中，会被引入到其他项目中的代码中
webpack-bundle-analyzer 可以在打包后的目录产生一个文件，用以分析打包性能
css3提供了filter滤镜，这个属性直接作用于当前元素，而css3 backdrop-filter是让设置这个属性的当前元素背后的元素产生模糊或颜色偏移，相当于透过一个有特殊效果的玻璃看后面的东西，因为它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明
这是模仿element plus导航栏的基于基于backdrop-filter和background-image: radial-gradient实现的模糊点遮罩效果的代码
Manifest version 2 is deprecated, and support will be removed in 2023 See https: developer chrome com blog mv2-transition for more details
uni-app开发app，底部fixed按钮等，经常会遮盖在功能按钮上，下面是有效的解决方案：1、在manifest json配置：
uni-app如何在js文件中调用globaldata？
在Windows上keytool命令放在JDK的bin目录中（比如默认安装路径C: Program Files Java jdkx x x_x bin里面，或者搜索 keytool exe 所在文件夹）
antdv的a-table分页默认只有左右箭头和数字分页，要实现下面的效果，必须配置自定义分页：
ant-design-vue在tree的每个item的右边显示自定义的按钮，代码如下
离线打包在HbuilderX的manifest json中配置是无效的，这个配置仅在云打包时生效
uni-app离线打包，配置了高德，参考uni-app离线打包之Geolocation解决方案，可以通过Geolocation获取经纬度等，但是在使用map组件时，还是提示：打包时未添加maps模块，请参考http: ask dcloud net cn article 283
uni-app离线打包，报错：Caused by: org gradle api internal plugins PluginApplicationException: Faile to app
跨域资源共享(CORS)标准新增了一组 HTTP 首部字段，允许服务器声明哪些源站有权限访问哪些资源。另外，规范要求，对那些可能对服务器数据产生副作用的HTTP 请求方法（特别是 GET 以外的 HTTP 请求，或者搭配某些 MIME 类型的 POST 请求），浏览器必须首先使用 OPTIONS 方法发起一个预检请求（preflight request），从而获知服务端是否允许该跨域请求。服务器确认允许之后，才发起实
我爱模板网在使用element ui的el-table、antdv的a-table时，偶尔会遇到下面的错误Cannot read property key of undefined
这个官网已经提供了方法：a-tree和a-tree-select使用getPopupContainer属性，a-datePicker使用getCalendarContainer属性，官网解释：菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。
它还能查询系统使用的是深色模式还是浅色模式，即prefers-color-scheme，css 媒体特性，用于检测用户是否有将系统的主题色设置为亮色或者暗色。 在过去，必须手动切换主题色，写两套css，然后通过js来切换。
工作中遇到一个需求，要将一个非常复杂的项目，改成插件并发布到npm，供其他同事使用。该组件是基于vue-cli 4 x脚手架搭建的（vue-cli 3 x同样适用）。
vue3 native 修饰符被弃用了
`slot-scope` are deprecated
![[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.](/uploadfile/2023/0201/20230201141104598.png "[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.")
vue3打包提示下面错误：[@vue compiler-sfc] ::v-deep usage as a combinator has been deprecated Use :deep() instead
我爱模板网在用vue3+webpack4做一个安全门户网站时，客户对代码进行了格式化，发现里面的请求接口路径直接能看到，要求对代码进行脱敏加密混淆，没办法，不得不借助强大的javascript-obfuscator插件，它能够通过增加随机废代码段、字符编码转义等方法可以使构建代码完全混淆，达到无法恢复源码甚至无法阅读的目的。
uni-app vue3 store全局数据共享
解决el-input使用原生JS事件修改值data后v-model值不同步的问题
uni-app默认使用的vue2，这次新项目，不能再墨守成规，改成了vue3，之前的store引入方式等都要改了
uni-app vue3公共方法定义，之前提到过一种，参见：uni-app vue3版store使用和在Vue3中使用Vue prototype。但这种由于用到了this，在使用时，如果是composition api或setup语法糖，会更加麻烦，这里推荐一个方法，直接挂载到uni这个全局对象上。
uni-app vue3子组件不显示
uni-app利用pdf js实现预览pdf
yarn install报Integrity check failed for "extension-widgets "（computed integrity doesn t match our）
electron-log是用于在Electron应用程序中记录日志。可以在https: www npmjs com package electron-log找到该包的地址。安装electron-log：
vue add electron-builder一直在下载，或者卡在node install js解决方案
The left-hand side of an assignment expression may not be an optional property access 报错处理
angular2 在组件模板中可以循环数组集合等对象,语法非常简单
Unexpected useless attribute on `` vue no-useless-template-attribues
ck-editor5是一款非常优秀的富文本编辑器，我爱模板网就在开发中使用到了它。下面是按需生成build文件，引入到vue3的方法
我爱模板网在使用uni-app开发微信小程序时，有个页面采用了scroll-view组件，有个返回顶部的按钮，点击这个按钮需要返回顶部
v-model在vue中我们经常用它与input输入框的输入值进行绑定，简单的实现原理大家也应该都知道 通过v-bind绑定value值 及结合@input输入事件动态改变绑定的value值来实现双向绑定，如下vue3实现代码
2022年10月，微信回收getUserInfo()和getUserProfile()获取用户信息的能力。从此以后，不管是getUserInfo还是getUserProfile，都返回匿名的微信头像和昵称，但仍然可以获取openid。
今天，我爱模板网在element-plus中，使用原生的radio单选框，发现都不显示，F12一查看，发现宽高都是0，强制设置宽高也没用。但也没看到哪里设置了宽高，然后就发现了-webkit-appearance:none的样式，把它取消了或者设置为非none的值，就显示了。
element plus的el-table默认只支持加入复选框。但有时候单选框也需要。
vue3开发过程中，老是提示： Added non-passive event listener to a scroll-blocking 的提示，虽然不是error，但是看着也不舒服，截图如下
这是case语法错误，但是找了半天也没找到问题所在，代码看着没问题啊，最后通过一行一行注释，发现是： const ids = [] 这行报错
在实际开发中判断运行环境，通常用于调用不同环境的服务端API接口地址。在开发环境下需要调用测试接口，在生产环境下需要调用正式接口，这时需要判断当前的运行环境，从而调用不同的接口
element-plus的隐藏组件el-scrollbar实现触底加载代码
react-native启动时红屏报错：Unable to load script Make sure you re either running a metro server or that
element ui的el-table表格实现拖拽排序，经测试，完全没问题。而且，也适用于element-plus
之前，vue3+webpack使用monaco-editor以及script引入monaco-editor，都没有问题，这次又在vue3+vite上使用到了monaco-editor。 vite没有对应的monaco-editor-webpack-plugin插件，所以，如果直接使用并初始化，可以看到效果，但是会报错
我爱模板网在使用uni-app开发app时，遇到一个需求就是视频列表默认显示图片，当点击图片的时候，全屏播放视频。研究了一番总算实现了，下面是具体的代码
uni-app实现图片懒加载
org gradle api tasks StopExecutionException: Your project path contains non-ASCII characters
uni-app修改默认的swiper 面板指示点
在编译成app和H5都没问题，但是到了小程序就无效了。这是因为uniapp中的页面，并非最终原生小程序中的页面。在HBuilderX 在对源码编译过程中，uniapp中的页面外部会包裹上page。简单说就是page是uniapp页面的父节点。在子节点上设置了 scoped ，父节点肯定就无法选中了。
![微信小程序设置 hover-class 实现点击态效果]("../../image/1.png "微信小程序设置 hover-class 实现点击态效果")
微信小程序中，可以用 hover-class 属性来指定元素的点击态效果。但是在在使用中要注意，大部分组件是不支持该属性的。
最近启一个很老的项目，发现提示下面错误：Node Sass could not find a binding for your current environment: Windows 64-bit with Node js
uni-app微信小程序getLocation获取定位相关配置
element-plus el-table 按住shift实现连续勾选多选，即选中第一个，按住shift再选中最后一个，会自动将中间的都勾选
之前介绍过element-plus el-table 按住shift实现连续勾选多选，这里把vxe-table的实现方式也顺便写下，基本上差不多
在用uniapp生成网页和H5时，在scoped里写的page样式有效，但生成小程序或者app时无效。这是因为page选择器在小程序和app编译中是页面的父节点，所以加上scoped限定后，会导致无法选中。
uni-app 微信小程序@import引用scss文件无法解析报错
uni-app将canvas生成的二维码保存到本地
最近公司在搞流媒体，我推荐了webrtc-streamer进行搭建，使用了一段时间后，出现新的需求，需要将内网的摄像机进行公网访问，我查询了几乎所有的帖子和github的问题回复，都没有给我一个准确的答案，经过不断尝试和摸索，我终于成功了，我希望将我的过程记录下来，让更多的中国开发者可以少走弯路，我对于webrtc不是很了解，但是这并不影响我使用开源的webrtc-streamer进行
photo-sphere-viewer实现全景的方法如下
在使用photo-sphere-viewer进行全景制作时，如果不采用瓦片方式(Equirectangular tiles)，全景切换提供了一个方法
要求组件名称以驼峰格式命名，自定义组件名称应该由多单纯组成，防止和html标签冲突，所以Index vue 会报错
uni-app获取微信用户信息时报错：getUserInfo:fail 业务参数配置缺失
在用uni-app开发微信小程序，启动小程序时报错了
在手机上安装要备案的软件（这一步必须的），再安装“APP备案助手”（各大应用市场应该都能搜到，搜不到就百度下载），打开APP备案助手，搜索这个要备案的软件，点击查询即可
uni-app H5端打开地图进行导航
element-plus v-for循环中form表单必填校验其实注意两点就能很好实现1、循环中的el-form-item的props必须是唯一的【字符串】，主要是为了校验时找到相应的dom：
百度编辑器ueditor粘贴文本 自动添加white-space为nowrap的解决方法
这个错误是由于在 TypeScript 配置文件（tsconfig json）中使用了 --resolveJsonModule 选项，但是没有正确配置 moduleResolution 选项。
unplugin-vue-components 插件可以在Vue文件中自动引入组件（包括项目自身的组件和各种组件库中的组件），作者是Vite生态圈大名鼎鼎的Anthony Fu。使用此插件后，不需要手动编写 import { Button } from ant-design-vue 这样的代码了，插件会自动识别template中使用的自定义组件并自动注册。
unplugin-vue-components 是由 Vue官方人员开发的一款自动引入插件，可以省去比如 UI 库的大量 import 语句。unplugin-vue-component
本文介绍了如何在Vue项目中使用unplugin自动导入第三方库和组件，以及如何配置unplugin-auto-import和unplugin-vue-components插件，包括resolvers和文件路径设置。
在H5页面有个按钮，点击能够在手机浏览器 微信中直接跳转到对应的APP的具体页面，如果未安装对应的APP，则进行提示下载或在应用商店打开该应用下载页。也就是我们常见的“在APP中打开”功能。
uni-app 小程序和APP实现点击tab自动屏幕居中显示
element-plus中实现点击按钮触发el-image进行图片预览
在使用uni-app开发的IOS APP上架后，安装到手机上，底部tabbar竟然出现了横线
uni-app require引入文件没有被编译到小程序的解决方法
uni-app实现图片第一次加载，后面直接读取缓存，只有缓存加载失败，才会在下一次重新加载图片，亲测，IOS和安卓都没问题。
修改el-tabs下划线的样式
鸿蒙APP编译报错 Declaration merging is not supported(arkts-no-decl-merging)
在正式介绍 await-to-js 这个库之前，让我们先简单的回顾一下有关于在 JavaScript 这门语言中，异步编程的进化之路。在 Promise 没出现之前，异步编程一直是困扰着前端开发工程师的一个大难题，当时的前辈可能会经常看到下面这种代码。
