开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Vue之计算属性

--', newValue); const names = newValue.split(' '); this.firstName = names[0]; this.lastName = names[1]; }, get: function () { return this.firstName + ' ' + this.lastName } },

01

前后端须知的工具网站

作为开发人员，我们应该知道一些开发工具和网站来提高工作效率。今天就给大家推荐小编自己开发的拼接字符串工具网站（www.loveshanstudio.com），可进行数组拼接、尾部换行、尾部空格，用于SQL语句拼接成java、JSP和HTML标签拼接成JS等场景。小编在开发过程中，是比较经常用到的。希望对你有所用处，提高你的开发效率。下面给大家介绍如何使用。

02

您找到你想要的搜索结果了吗？

是的

没有找到

前端成神之路-模板引擎

文档：http://aui.github.io/art-template/zh-cn/

02

【若依系统-前后端不分离版本的】怎么在列表中直接修改某个字段的值？

就是使用了formatter这个熟悉。然后将拼接好的html片段return出去就可以了。

02

layui 实现下拉多选功能 [xm-select]

背景近期负责的管理后台，有下拉多选的业务需求通过网上的经验搜索，发现 xm-select 是个非常不错的选择并且，当前的后台使用的正是 layui 前端框架所以，在此整理一下对下拉多选功能【xm-select 】的使用步骤欢迎指摘 … ▷ 使用步骤参考使用文档，根据本人实际操作步骤，在此描述如下： ①. html 代码此处摘取核心代码如下（前端框架使用的是【layui】）

02

简单模板模式

简单模板模式是通过格式化字符串拼接出视图避免创建视图时大量的节点操作，简单模板模式不属于通常定义的设计模式范畴。

03

Vue.js框架中权衡的艺术

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情

02

zTree实现权限列表简单实例

zTree 是一个依靠jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。

02

JS的StringBuffer类的实现及使用

JAVA中有一个StringBuffer类，js中却没有下面来自己实现一个简单的js的StringBuffer类。 //创建一个StringBuffer类，此类有两个方法：一个是append方法一个是toString方法

00

ASP.NET MVC 中使用Highcharts+Ajax+Json生成动态曲线图，柱状图，饼图

今天在做一个关于商城后台金额报表统计的功能，为了让数据直观明了并且这个报表还需要在手机端自适应所以我决定采用HIghCharts插件下的的报表，大家也可以去了解一下免费开源主要是好看。

03

XSS攻击，这次一定会！

XSS攻击是Cross-Site Scripting的缩写，直白来说，就是页面被注入了恶意的代码——用户输入的内容跳出文本的限制，成了可执行的代码。

02

把https地址作为变量拼接在link/script 内部

下面是之前写的一个交互的例子，直接拿过来用一用啦，最主要的在于将把https地址作为变量拼接在link/script 内部，其余的都是次要的。

02

照着官方文档学习react

准备先要准备环境。搭建一个基于webpack的react环境：Hello ReactJS. 一些要点我在想是否应该完整的记录照抄的过程呢。毕竟已经开始一段，前面的要不要补上？回头看以前写过的angularJS的博客，现在完全不会了，太久没用了。所以，还是记录基础以及关注的问题就好。 1.1 基本格式 react的模板文件后缀结尾为.jsx。 react可以采用html标签拼接的方式定义一个元素。比如： const element =

Hello, world

; 假设页面有个div: <

07

从零开始学VUE之组件化开发(组件分离写法)

组件分离写法使用Script标签分离组件代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../../../js/vue.js"></script> </head> <body>

</body> <script

02

【自然框架】QuickPager asp.net 分页控件的Ajax分页方式。

上次比较匆忙，Ajax的分页方式仅实现了基本功能，或者说只是验证了我的想法。现在对Ajax分页有做了一些调整，现在可以正式用了。　　使用方法还是非常简单，可以完全按照URL分页方式来做，只需要把PagerTurnKind 属性设置为：PagerTurnKind.AjaxForWebControl;就可以了。　　然后前台需要引用jquery-1.4.2.min.js和QuickPager-1.0.js。QuickPager-1.0.js是QuickPager需要用的一个js脚本，Demo里面有这个j

07

5. Vue v-bind绑定元素属性的基本使用

下面使用v-bind方法来绑定一个input按钮的title属性，自定义title内容，如下：

01

ES6 新特性示例

JS的新版本 ES6/ECMAScript2015 在去年出来了，我们现在普遍使用的ES5是在2009年出来的，相隔这么多年，变化比较大，添加了一些很好用的特性下面就看几个简单而实用的小特性特性示例 1模板文本需要在字符串中加入变量时，通常做法就是使用字符串拼接，如 var param = 'b'; var str = 'a ' + param + ' c'; ES6中简单了，可以直接在字符串中添加变量 var str = `a ${param} c`; 注意，使用的是反引号 ``，而不

06

Vue模板语法

基本上就是将数据以字符串的方式拼接到HTML标签中，前端代码风格大体上如下图所示。

01

分别用Js和vue实现跑马灯效果

① setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout()方法接收两个参数，第一个参数是将要推迟执行的函数名或者一段代码，第二个参数是推迟执行的毫秒数。

01

Video里的poster填满窗口的方案

用Video播放视频，视频能自适应屏幕大小，但是它的Poster（海报封面）继承了原尺寸比例，无法自动缩放或拉伸，不得技巧的话，很难处理。

02

v-text v-html

同jquery,但是不同的是jquery属于直接通过js写,而我们的vue采用的还是分离式的,这里我们同样讲信息放在vue对象中,而我们可以在标签内使v-text和v-html当作属性来使用,同时挂载我们的vue对象中的json数据.具体的看代码

02

jQuery 遍历 - siblings() 方法应用

每天写个小demo,最近工作小到1像素，大到n多优化，这个行业真的是有项目的时候忙的要死，没项目的时候闲的发慌，趁着办公室没人的时候，安安静静继续写代码，一个关于jQuery 遍历 - siblings() 方法应用。

06

用flask搭建一个测试数据生成器(v1.1)

在v1.0版本中实现了"页面点击按钮，生成对应测试数据"的功能，但是在操作页面只有一个按钮，没有提供任何参数(即没有涉及到参数在前后端传递，只是单纯的触发请求)；

01

HTML+JS实现简单贪吃蛇游戏

因为js是单线程的，所以有js写贪吃蛇可以少考虑很多东西，感觉非常方便。今天给大家介绍一个非常简单的贪吃蛇写法。我说的非常简单勒，就是指没有游戏结束，也不会变长。哈哈，反正就是非常简单了。

02

后台添加菜单信息如何在前端循环遍历？

前端页面模块，根据所属类别展示信息，点击子菜单的时候，会显示出具体产品特点，产品功能介绍的界面。

02

51. Vue名称案例-使用watch监听数据变化

上一章节，我才用了监听keyup事件的方式，实现了一个名称拼接的案例。那么其中Vue框架提供一个watch组件，可以用来监听数据的变化，然后再执行相关的业务方法。

02

CSS 3D的魅力

最近玩了玩用css来构建3D效果，写了几个demo，所以博客总结一下。在阅读这篇博客之前，请先自行了解一下css 3D的属性，例如：transform-style，transform-origin，transform, perspective。

04

Appium系列(三十九)展示测试过程中记录的APP性能数据

之前的文章呢，我们做了数据的存储，那么我们如何把它怎么体现在测试报告中呢，本文将带着你去揭秘如何展示

02

Ajax+PHP实现点击加载更多无刷新加载下一页

先添加按钮： MORE 然后在JS中定义初始页和每页显示数量并进行Ajax请求： var currentPage = 1; var perPage = 4; function loadMore() { $.ajax({ //请求方式 type: 'get',

02

js如何动态选择和操作 CSS 伪元素，例如 ::before 和 ::after

已存在元素是指DOM中存在的，伪元素则是虚拟的一种，样式也是给这个虚拟的元素使用的。

02

50. Vue名称案例-使用keyup事件监听

在日常开发中，经常会有计算或者拼接输入框内容，然后在另一个输入框呈现的场景，例如：计算器、拼接名称等等。

01

Handlebars.js模版引擎用法一

1、Handlebars是全球使用率最高的模板引擎,所以当之无愧是全球最受欢迎的模板引擎.Handlebars在许多前端框架中都被引入,比如在MUI和AmazeUI等框架,都推荐使用Handlebars。

01

百度地图电子围栏功能的实现

最近公司项目需求，要做一个百度地图电子围栏的功能，在网上查了一下资料，看了很多博客，大多数都写的不是很详细，我看的云里雾里的，最后终于集合所有的几篇资料，自己做出了一个简单的demo，下面将过程记录和分享一下，希望给予有需要同学一些帮助，我这个人说话比较啰嗦，所以写的一定会很详细的，哈哈！闲言少叙，开始了。

04

从零开始学VUE之组件化开发(注册局部组件)

局部组件是通过components属性注册的,只能在当前注册的实例范围内调用注册局部组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../../../js/vue.js"></script> </head> <body>

02

Vue模板语法

基本上就是将数据以字符串的方式拼接到HTML标签中，前端代码风格大体上如下所示。

04

3、交互API

$.get('json/map/china.json', function (chinaJson) {

02

从零开始学VUE之模板语法(插值操作)

新建InsertValue.html,使用双大括号可以获取data中的值,可以写一些简单的表达式,比如加减乘除

01

【jquery Ajax 】art-template模板引擎的概念与使用

如果UI结构比较复杂，则拼接字符串的时候需要格外注意引号之前的嵌套，如果需求发生变化，修改起来也非常麻烦。

02

使用 Vue + LayUI 做后台管理、RESTful 交互

1、之前使用了 React/Angular，使用起来显然是比 jQuery 好多了，但时隔半年，最近再次深入研究了 vue，很惊喜。

01

React基础(2)-深入浅出JSX

在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分工明确,不要耦合在一起

00

React学习(二)-深入浅出JSX

在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分工明确,不要耦合在一起

03

vue之v-text、v-html及v-on标签基本使用

文章目录本地应用 1. v-text：设置标签的文本值 2. v-html：设置标签的innerHTML 3. v-on基础：为元素绑定事件本地应用 1. v-text：设置标签的文本值 <bod

02

前后端分离之vue2.0+webpack2 实战项目 -- html模板拼接

对于前后端分离，如何把一个页面的公共部分比如head, header, footer, content等组合成一个完整的html 是一个值得考虑的地方。对于php，我们可以利用include加载其他页面，像yii框架，可以利用render将输出的内容嵌入到父模板，从而形成一个完整的页面。那对于纯静态的html我们如何拼接呢？可以想到市面上的多种模板引擎，比如artTemplate, doT, ejs等，他们可以使用require或include等特殊标记的语法来引入其他模块。但如果每个页面我们都去写若

06

从零开始学VUE之模板语法(计算属性)

使用计算属性简化表达式操作,实现复用,一般计算属性都是只用getter的,一般不适用setter

01

ajax使用案例

想要这个服务器的地址，使用network->XHR 它是XMLHttpRequest 。

02

Vue模板语法

基本上就是将数据以字符串的方式拼接到HTML标签中，前端代码风格大体上如图所示。

03

three.js 运行3D模型

HTML <!DOCTYPE html> <html style="height: 100%;"> <head> <title>model_load</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

03

动态增加表单元素并获取元素的text和value提交

以上是效果图需求是这样的：专家设置好条件，然后设备检测到达到相应的条件之后，设备发出提醒给用户。这就需要专家设置好能看懂的条件之后，然后把给专家看的，正常人能看懂的条件和发送的设备的，设备能够识别的条件分别拼接并保存到数据库。专家可以点击 + 添加条件，多个条件之间是并且的关系。问题的关键在于动态添加表单和如何获取表单的text和value分别根据要求进行拼接。首先是添加表单，这个很简单： $("#addform").click(function () {

Vue教程(methods,watch及computed的区别)

本文我们通过案例来介绍下 watch 和 computed 的使用，案例效果如下：

02

第170天：面向对象-产品详情页开发

（1）绑定基本信息（bindBasic）　　　　$('#pname').html(this.name); 　　　　$('#price').html(this.price); 　　　　... 　　（2）绑定图片列表（bindImages）　　　　找产品图片部分的html代码　　　　拼接字符串　　　　var str=''; 　　　　将动态添加的部分改为变量形式，注意逗逗加加（'+变量+'）　　　　拼接完后将字符串添加到对应的位置

06

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭