
前端技术
文章平均质量分 61
前端开发中的知识与经验
松门一枝花
建筑行业数字化产品总监
展开
-
word转freemarker和修改的步骤
第一步编写好word,用freemarker语法替换内容第二步word另存为 word xml第三步 修改后缀名为:.ftl第四步notepad++ XML插件美化显示,插件安装教程:Notepad++ 7.6以上版本安装XML Tools插件_lingquan0809的博客-优快云博客Notepad++ 7.6以上版本安装XML Tools插件1、打开Notepad++,选择插件,选择插件管理,搜索XML TOOLS,查看支持的最高版本号2、浏览器打开XM原创 2022-05-06 15:00:32 · 1315 阅读 · 0 评论 -
分享朋友圈QQ空间需要哪些参数
shareTitle(分享标题 ,shareDes(分享描述 ,shareImg(分享图片地址,shareUrl(分享地址,shareType(分享类型,微信朋友:WEIXIN、微信朋友圈:WEIXIN_CIRCLE、QQ:QQ)原创 2020-12-22 15:14:22 · 339 阅读 · 0 评论 -
VSCode 开发Vue必备插件
工欲善其事,必先利其器以下就是开发Vue必备插件:Vetur —— 语法高亮、智能感知、Emmet等包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着)EsLint —— 语法纠错Debugger for Chrome —— 映射vscode上的断点到chrome上,方便调试(配置有点麻烦,其实我没用这个)...转载 2020-04-14 12:26:05 · 408 阅读 · 0 评论 -
Vue.js 概述与 MVVM 模式
一、Vue.js1. Vue.js 是什么Vue.js 是一个轻巧、高性能、可组件化的 MVVM 库,拥有非常容易上手的 API;Vue.js是一个构建数据驱动的 Web 界面的库。2. Vue.js 的特性1. 轻量级的框架2. 双向数据绑定3. 指令4. 插件化(组件化)3. MVVM 框架MVVM(Model-View-ViewModel)是对 MVC(Mod...转载 2020-04-13 13:45:22 · 980 阅读 · 0 评论 -
nodejs 安装 nrm
nodejs默认源在国外,访问速度慢。可以手动修改源,但要每次都修改。安装 nrm,指定源路径,不需要每次修改npm install nrm -gnrm ls* npm -------- https://registry.npmjs.org/ yarn ------- https://registry.yarnpkg.com/ cnpm ------- http:...原创 2020-04-13 12:42:10 · 860 阅读 · 0 评论 -
freeMarker 遍历 list,map,list<map>
ListList clientSourceData=new ArrayList(); clientSourceData.add("field字段"); clientSourceData.add("title标题");ftl: ${key}原创 2016-07-25 16:54:27 · 26709 阅读 · 1 评论 -
获取freemarker处理后的内容
相信很多人都用过freemarker,或做视图,或模板,或生成静态文件等,但是有多少人做过这样的应用,通过模板后,不是要输出静态的内容,而是直接在代码中获取处理模板后的内容,研究了下API,freemarker里提供StringWriter,StringWriter不需要指定文件,所以看名字也能知道,他能直接获取处理后的内容,代码如下 Java代码 import原创 2016-07-25 14:53:06 · 2684 阅读 · 1 评论 -
npm ERR! Please try running this command again as root/Administrator.
win10操作系统下webstrom的控制台使用 npm install angular-file-upload安装组件,报错:npm ERR! Please try running this command again as root/Administrator.解决方法:开始按钮右键---- windows powershell(管理员)进入项目文件。再原创 2017-10-24 11:31:36 · 2165 阅读 · 0 评论 -
SpringMvc+Tomcat+Angular4 部署运行
这次的团队开发是,前端开发人员和后台开发人员完全分开开发的。前端开发采用了Angular4,webstorm后端开发采用了:spring+springmvc+mybatis,eclipse---------------------------------------最后要整合了。1、angular项目编译会生成 dist 文件夹。2、拷贝原创 2017-08-09 11:16:25 · 8229 阅读 · 2 评论 -
angular2或4部署到tomcat中,让他跑起来
原文地址:http://blog.youkuaiyun.com/rotating_windmill/article/details/76768793-------------------------------------------------------------------------首先使用构建命令(npm run build或ng build)打包,打包完成后项目中会出现一个dis转载 2017-08-09 10:35:56 · 8899 阅读 · 1 评论 -
TypeScript 2 : 获取当前日期及前后范围日期【Array】
原文链接:http://blog.youkuaiyun.com/crper/article/details/55194334---------------------------------------------------前言今天有个接口字段需求,要写一个今天及前几天的日期传过去;在网上找了下都木有什么比较好的方案;就自己写了一个。因为技术栈就是NG2+TS2+WEBPACK,这里转载 2017-07-18 15:46:58 · 2404 阅读 · 0 评论 -
Angular4中常用管道
原文链接:http://blog.youkuaiyun.com/haijing1995/article/details/71404350-----------------------------------------------------Angular4中常用管道通常我们需要使用管道实现对数据的格式化,Angular4中的管道和之前有了一些变化,下面说一些常用的管道。一转载 2017-07-03 21:30:45 · 3454 阅读 · 1 评论 -
单页web应用是什么?它又会给传统网站带来哪些好处?
原文链接:http://blog.youkuaiyun.com/zuoninger/article/details/38842823点击阅读原文----------------------------------------------------什么是单页应用?单页应用是指在浏览器中运行的应用,它们在使用期间不会重新加载页面。像所有的应用一样,它旨在帮助用户完成任务,比如“编转载 2017-06-19 15:55:15 · 713 阅读 · 0 评论 -
Angular开发准备
cmd,进入项目文件下1、安装jquerynpm install jquery --save。 --save 安装的同时,将信息写入package.json中2、安装bootstrapnpm installbootstrap--save。3、在.angular-cli.json中添加 jquery和bootstrap的引用在styles节点和s原创 2017-06-14 19:53:15 · 523 阅读 · 0 评论 -
Angular项目目录介绍
通过 ng new 项目名生成的项目一级目录Angular cli 工具生成的目录文件名不要随意修改,要不然会影响工具的使用。e2e:端到端的测试目录,用来做自动测试的。node_modules:Angular第三方包。src:应用源代码目录,我们写的代码在这里面。.editorconfig:webstrom IDE配置文件。.gitignore:g原创 2017-06-14 19:51:24 · 1441 阅读 · 0 评论 -
Angular启动过程介绍
1、启动时加载了哪个页面?2、启动时加载了哪些脚本?3、这些脚本做了什么事?打开Angular的命令行文件.angular-cli.json。apps节点下面。首先加载 index.html 页面。此时浏览器显示index.html的内容。再加载main.ts脚本"apps": [{........."index":"index.ht原创 2017-06-14 19:49:09 · 1203 阅读 · 1 评论 -
Angular程序架构
component,组件是Angular应用的基本构建块,你可以把一个组件理解为一段带有业务逻辑和数据的html。组件下面可以有子组件,子组件下有孙子组件,像树一样。指令:允许你向html元素添加自定义行为。模块Ngmodule:用来将应用中不同的部分组织成一个Angular框架可以理解的单元。举例:一个登录模块,由登录组件,服务,指令组成。原创 2017-06-14 19:47:16 · 1310 阅读 · 0 评论 -
Angular CLI 使用教程指南参考
原文链接:http://www.cnblogs.com/bh4lm/p/6638057.html点击阅读原文-----------------------------------------------Angular CLI 使用教程指南参考Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM转载 2017-06-14 15:29:09 · 6476 阅读 · 2 评论 -
npm常用命令
原文链接:http://blog.youkuaiyun.com/haidaochen/article/details/8546796点击阅读原文------------------------------------------------------------------npm install 安装nodejs的依赖包例如npm install express 就会默认安装ex转载 2017-06-14 15:24:14 · 552 阅读 · 0 评论 -
什么是ES6?
什么是ES6? ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上,推出JavaScript 2.0。 ECMAScript和JavaScript到底是什么关系?很多初学者会感到困惑,简单来说,ECMAScript是JavaScript语言的国际标准,JavaScript是ECMA原创 2017-06-12 19:47:42 · 36122 阅读 · 1 评论 -
Typescript快速入门
引言Angular2.0开始,就基于Typescript了,为了使用Angular框架,需要熟悉Typescript。概述Typescript是微软开发的,JavaScript的超集,符合ES6标准。什么是ES6?点击阅读Typescript优势:1、符合ES6,在未来几年里的脚本都会符合该脚本规范2、强大的IDE支持,大大提高编码效率3、Angular2.原创 2017-06-12 20:16:33 · 987 阅读 · 0 评论 -
AngularJS与Angular的区别
指同一事物,版本的区别,叫法不同Angular2.0之前的版本(1.x)叫做AngularJS1.x的使用是引入AngularJS的js文件到网页。2.0之后,就是完全不同了。Angular2.x与Angular1.x 的区别类似 Java 和 JavaScript 或者说是雷锋与雷峰塔的区别,所以在学习Angular2.x时大家需要做好重新学习一门语言的心里准备。原创 2017-06-03 13:37:21 · 32146 阅读 · 7 评论 -
template多行编写的方式
模板是包在 ECMAScript 2015 反引号 (`) 中的一个多行字符串。 反引号 (`) — 注意,不是单引号 (') — 允许把一个字符串写在多行上, 使 HTML 模板更容易阅读。反引号:键盘数字键1 旁边的,ESC键下面的键如果单引号@Component({ selector: 'app-root', template: '{{ti原创 2017-05-24 15:07:44 · 1125 阅读 · 0 评论 -
Angular CLI 安装
安装Angular 官网的教程,因为国内网络环境原因,访问不了服务器,导致安装失败。1、先安装NodeJs安装教程:http://blog.youkuaiyun.com/zengmingen/article/details/726504842、通过NodeJs中的模块npm 命令行安装 CLI2.1、设置npm的资源库为国内淘宝的。命令:npm config set r原创 2017-05-23 16:58:11 · 13288 阅读 · 1 评论 -
CSS文件引入顺序
自定义的css要最后引入。因为有时候会修改bootstrap的css。只有后引入的才会覆盖。如果提前引入了,自定义的会被bootstrap给覆盖了。原创 2017-12-15 10:27:05 · 1139 阅读 · 0 评论 -
Bootstrap静态cdn
百度的静态资源库的 CDN 服务http://cdn.code.baidu.com/ ,访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费,引入代码如下:原创 2016-05-17 15:17:34 · 3093 阅读 · 0 评论 -
hello world
Bootstrap 实例 表格 创建响应式表格 (将在小于768px的小型设备下水平滚动)。另外:添加交替单元格的背景色: # Name原创 2016-05-17 15:09:47 · 376 阅读 · 0 评论 -
NodeJs 安装
进入官网下载,zip 安装包https://nodejs.org/en/download/解压配置环境变量到安装目录cmd 测试node -vnpm -v原创 2017-05-23 16:49:36 · 1935 阅读 · 0 评论 -
Node.js 异步编程之 Callback介绍
原文:http://www.jb51.net/article/63070.htm-------------------------------------Node.js 基于 JavaScript 引擎 v8,是单线程的。Node.js 采用了与通常 Web 上的 JavaScript 异步编程的方式来处理会造成阻塞的I/O操作。在 Node.js 中读取文件、访问数据库、网络请求等等转载 2016-05-12 18:33:58 · 746 阅读 · 0 评论 -
那些年,在nodejs上踩过的坑
原文:http://cnodejs.org/topic/4fc7789a8be5d070121141cd-----------------------------------------------------------自己写nodejs也有一段时间,踩过很多坑(而且大部分是自己给自己埋),也见过很多别人踩过的坑,原因其实也很简单,要么是对这个知识点理解不够深入,要么就是编码的习惯不转载 2016-05-12 18:32:53 · 1162 阅读 · 0 评论 -
微信视频开发jquery mobile
功能微信企业号里开发一个微视频功能,用于播放视频。技术J2EE,前端ui是jquerymobile,HTML5,CSS3,开源视频插件:mediaelement-and-player.min.js 插件官网:http://www.mediaelementjs.com/视频播放实例下载:http://download.youkuaiyun.com/detail/zengmingen/91原创 2016-03-16 11:59:22 · 1452 阅读 · 0 评论 -
jQuery Mobile弹出对话框后不刷新原页面,保持原页面内容不变
使用jQuery Mobile开发移动应用程序时,在一个页面上弹出对话框,关闭对话框后,发现原来的页面被刷新了。如果原页面上有一些已经选择或者填写的数据,则这些数据就会丢失。这时候,就需要对对话框的返回按钮做一些处理,让页面返回到对话框父页面在弹出对话框执勤的状态。弹出对话框的按钮一般写法如下:a href="/Dialogs/MyDialog.htm" data-role="bu转载 2016-01-22 17:20:34 · 2970 阅读 · 0 评论 -
Jquery Mobile dialog的生命周期
JQuery Mobile对htm5的移动开发绝对是个好用的东西,今天简单谈谈JQuery Mobile中的dialog的使用。1.对话框的弹出。2.对话框的生命周期。3.对话框内事件的注册。 1)第一个问题:对话框的弹出。 如果要弹出一个对话框,可以在页面中添加一个按钮a href="dialog.htm" da转载 2016-01-22 17:06:51 · 596 阅读 · 0 评论 -
Jquery mobile问题总汇
转载:http://www.wglong.com/main/artical!details?id=4#q61页面缩放显示问题问题描述:页面似乎被缩小了,屏幕太宽了。解决办法:在head标签内加入:2 页面跳转后样式丢失js失效问题描述:用ajax跳转的时候,从a.html跳转到b.html后,b.html的css以及js都失效了。转载 2015-12-15 11:02:37 · 586 阅读 · 1 评论 -
页面事件
$(document).on("pageinit","#pageone",function(event,data){initDate();});$(document).on("pageinit","#pagetwo",function(event,data){initFShipDate();});$(document).on("pageinit","#pagethr原创 2015-12-14 15:20:21 · 623 阅读 · 0 评论 -
JQuery 绑定select标签的onchange事件
原文出处:http://blog.youkuaiyun.com/a5489888/article/details/20045175使用jqm的change时间 $(document).ready(function(){ $('#mySelect').change(function(){ alert($(this).children('option:selected').val());转载 2015-12-01 15:15:46 · 940 阅读 · 0 评论 -
jquery mobile用代码弹出dialog
一、点击弹出dialog见http://www.w3school.com.cn/jquerymobile/jquerymobile_pages.asp中“将页面作为dialog”这节二、代码弹出思路:模拟一个点击事件。1、在页面上隐藏一个,如下data-rel="dialog">dialog来一个2、再相应的方法里添加如下代码:原创 2015-12-01 12:04:17 · 6614 阅读 · 0 评论 -
jQuery Mobile动态刷新页面样式
见 百度经验http://jingyan.baidu.com/article/7f766dafbc18f24101e1d014.html原创 2015-11-20 18:17:23 · 1071 阅读 · 0 评论 -
Jquery mobile 解决IOS9<select><li>闪退问题
升级IOS9后,JQuery mobile 出现了个bug问题。, 出现闪退。解决方法:必须加在 jquery.js 和 jquerymobile.js 中间 $(document).bind("mobileinit",function(){ $.mobile.hashListeningEnabled=false; });原创 2015-11-02 15:57:33 · 2730 阅读 · 1 评论 -
easyui datagrid 表格组件列属性formatter和styler使用方法
明确单元格DOM结构要想弄清楚formatter和styler属性是怎么工作的,首先要弄清楚datagrid组件内容单元格的DOM接口,注意,这里指的是内容单元格,不包括标题单元格,标题单元格的结构有所区别。我们所有内容单元格的默认DOM结构如下:12345td field="code"> div转载 2016-07-19 16:21:47 · 1950 阅读 · 0 评论