angular5 自定义指令 输入输出 @Input @Output(右键点击事件传递)

   指令写法,angular5官网文档给的很详细。    首先要创建一个文件,需注意命名规范(后缀名为xxx.dire…

angular中使用echart遇到的获取容器高度异常的问题记录

问题   在使用echart去创建图表时,发现图表只占了容器的一个角落,如图,并没有充满容器。   第一反应是容器元素的样式有问题,于是我把容器的宽高都改为px…

Angular 4入门教程系列 17 NG-ZORRO Layout

这篇文章介绍一下如何使用NG-ZORRO的layout相关的组件。 layout 概述 组件 说明 限制 [nz-layout] nz-layout布局容器 其…

angular的ng-repeat使用

ng-repeat是angular的一个指令,用来循环生成某些东西。常用的是拿到数据循环生成样式展示在视图中。 <!–orderStatuses表示$s…

前端(三大框架、Bootstrap,jQuery,自我整理)

前端,HTML(超文本标记语言),CSS(层叠样式表)和JavaScript(脚本语言) HTML,通常说的h5,其实按标准来说,HTML4的后续版本不带编号了…

angularjs 阻止浏览器自带的回退

    $scope.$on(‘$locationChangeStart‘, function(e) { if(!tfOrder &…

基于vue-cli3的vue项目移动端样式适配,lib-flexible和postcss-px2rem

1,安装 flexible和 postcss-px2rem(命令行安装) npm install lib-flexible –save npm install…

vue系列之安装基础环境

以前js是浏览器运行的,所以使用vuejs的时候需要使用nodejs环境来支持 1、安装node环境 下载地址:http://nodejs.cn/downloa…

Ionic学习笔记3_ionic指令简单布局

1)   添加引用类库(ionic样式和ionic js文件) 2)   标题栏,页脚栏,内容区 3) &nb…

Ionic 项目创建

1. Ionic介绍 Ionci 是一个强大的HTML5 应用程序框架。 可以帮助您使用Web技术,如HTML, CSS和Javascript构建原生体验的移动…

vue初始化模板套用

一、     代码如下: <!DOCTYPE html> <html lang=”en”> <head>…

vuejs-no-side-effects-in-computed-properties

watch: { totalCount: function() { if (!this.totalCount) { this.fold = false; ret…

web前端小白,了解这3点,不怕找不到工作!

首先我也是个学习者,并不是什么技术大牛,我深知自己的技术能力是多少,可能经历比你们多一点而已,另外每个人自身基础的条件,所处的环境都不一样,我也无法给每个人具体…

vue.js中的data的用法

data在vue框架中位置不一样,用法也不一样。简单地说,在实例中data是一个对象,在组件中data就得是函数返回对象。 new Vue( { data : …

vue + multer 上传图片

vuejs(element-ui) + express (multer)上传文件   1.npm install multer –save…

Android监听网络状态

该笔记是用来实时获取网络的状态,有点想QQ的断网提醒,为了以后的工作中用到,就在此处写下关于此判断的代码,下面就是写的一些代码: package co…

angular ng build 报错 Cannot read property 'default' of undefined

95% emitting index-html-webpack-plugin Cannot read property ‘default‘ of undefin…

VueJS构造器:new Vue({})

构造器 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例来启动的: var vm = new Vue({ // 选项 }) 属性与方…

Vue中使用百度地图——根据输入框输入的内容,获取详细地址

知识点:在Vue.js项目中调用百度地图API,实现input框,输入地址,在百度地图上定位到准确地址,获得到经纬度 参考博客:  百度地图的引用,初…

angular 禁止回退

1.创建路由CanDeactivate文件 import { CanDeactivate } from “@angular/router”; // import…

Xss-labs-level15-18

level15    看了一下源码,啥也没发现; AngularJS ng-include 指令: 包含的内容将作为指定元素的子节点。 ng…

移动端开发基础【1】环境配置

学习使用uni-app之前,环境首先要配好,开发者需先下载安装工具。   HBuilderX安装 官网下载链接:https://www.dcloud.…

angular 动态取到的html片段 在页面的展示

写个过滤器 xxx.filter( ‘to_trusted‘, [‘$sce‘, function ($sce) { return function (text…

Angularjs插件ui-select的使用方法

最近这个项目中需要用到ui-select下拉框插件来进行对用户的本地搜索并选中,这里分享一下ui-select插件在angularjs中的用法以及注意事项。 &…

集客魔方H5项目目录结构

znyx-h5 │  .gitignore   — git 忽略文件配置 │  App.vue  …

vue.js自定义组件directives

自定义指令:以v开头,如:v-mybind。 <input v-mybind /> directives:{ mybind:{ bind:funct…

Android批量插入数据到SQLite数据库

http://www.360doc.com/content/14/0113/19/542351_345031474.shtml 根据原文作者测试,SqliteS…

Vuejs自定义select2指令

  在做select2插件的时候遇到一些坑,最终解决如下: Vue.directive(‘select2‘, { inserted: function (el,…

Can't bind to 'formGroup' since it isn't a known property of 'form'

在APP.module.ts中引入FormsModule, ReactiveFormsModule。 1 import { BrowserModule } fr…

vscode导入已存在的vue.js工程

1.安装vue_cli 如果安装了npm,直接在命令行输入npm install -g vue-cli,安装在全局组件目录下 完成后,可以在命令测试下 2.导入…

Angular动态表单生成(二)

ng-dynamic-forms源码分析 在两个开源项目中,ng-dynamic-forms的源码相较于form.io,比较简单,所以我还勉强能看懂,下面就我自…

ABP Core 后台Angular+Ng-Zorro 图片上传

Ng-zorro upload 控件介绍 https://ng.ant.design/components/upload/zh#components-…

【兼容性】IE10中使用vue.js出现event或event.target未定义问题。

问题描述 在html界面用 v-bind:xx 的方式去绑定一个事件函数时IE10 控制台报错 “valid未定义” 问题代码示例: <input typ…

网络-04-端口号-linux端口详解大全–TCP注册端口号大全

# John Murphy <john.m.murphy&mci.com>afs3-fileserver 7000/tcp file ser…

vue之绑定数据+data、methods、computed、watch的基础用法

一、初始化容器 每个vue对象,都对应着一个容器 <div id=”vueFirst”> </div> 二、引用vlue.js <…

ABP 开发(一)

  rh              最近搞Angular ,使用Abp+Angu…

app前端代码打包步骤

一、搭建项目环境 1、安装node.js 在网上找到nodejs压缩包,下载解压后安装node-v8.9.3-x64.msi文件。 安装完毕后,在windows…

uni-app自定义app端的扫码界面

记得当时是在西班牙有这样的一个需求,需要自定义扫码页面,还需要加上西班牙文,当时是在一个组件里面找到了这样的一个方法,全文大部分使用的app端的Native里面…

对Vue.js的认知

一、什么是MVVM? MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据…

vue-route+webpack部署单页路由项目,访问刷新出现404问题

http://blog.csdn.net/hayre/article/details/70145513   问题描述: 最近在开发cms的时候使用Vu…

uni-app导航栏配置

uni-app写app的内容会与沉浸栏重合在一起,写好好多,都是有点问题的,这次终于找到解决的方法了,与大家分享一下   最简单的解决方式就是配置ma…

手撕vue-cli配置——webpack.prod.conf.js篇

‘use strict‘ const path = require(‘path‘) const utils = require(‘./utils‘) const…

No.2一步步学习vuejs 实例demo篇

  简单应用Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统:   <div id=”app”&…

【小程序】使用uni-app搭建小程序环境—尺寸单位

尺寸单位 uni-app 支持的通用 css 单位包括 px、rpx px 即屏幕像素 rpx 即响应式px,一种根据屏幕宽度自适应的动态单位。以75…

vue知识点总结

  1.vue中的MVVM模式 即Model-View-ViewModel。 Vue是以数据为驱动的,Vue自身将DOM和数据进行绑定,一旦创建绑定,…

插件http-proxy-middleware在vue-cli中的使用

作用:把后端的API(远程的API) 请求代理到本地服务器上,方便与后台数据调试,前后端分离 server.js 模拟远程API :loca…

Vue.js线程机制问题还是数据双向绑定有延迟的问题

  最近用select2做一个下拉多选,若只是从后端获取一个列表渲染还好说,没有任何问题。但要用select2对数据初始化时进行selected的默认选项进行显…

Angular select 绑定复杂类型 设置默认项

  <select ng-model=”selectedTask” ng-options=”s.name for s in TaskList”&…

前端模型系统建模分析

前端模型系统建模分析 前言:     接触Angular技术也有一年多了,来Newegg也刚好一年了,在这一年里,学到了不少关于前端技术的精…

VueJs(12)—vue-router(导航守卫,路由元信息)

vue-router(导航守卫,路由元信息)           之前泄露两篇有关vue-router博客: …

步入angularjs directive(指令)–点击按钮加入loading装态

      今天我终于鼓起勇气写自己的博客了,激动与害怕并存,希望大家能多多批评指导,如果能够帮助大家,也希望大家点个赞!! 用a…

uni-app三目运算 uni-app监听属性

三目运算 <text>{{mag>10 ? '优秀' : ""}}</text> 三目运算…

Vue入门实战: 小白总结

vuejs 基础 实例 里面有 el(element), data, computed(计算属性,可以使用getter, setter), methods, w…

获取uniapp版本号

plus.runtime.getProperty(plus.runtime.appid,(wgtinfo)=>{console.log(wgtinfo);…

基于Promise封装uni-app的request方法,实现类似axios形式的请求

https://my.oschina.net/u/2428630/blog/3004860   uni-app框架中 安装(项目根目录下运行) npm…

vuejs 父组件向子组件传递($broadcast()的用法)

<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-…

Angular 中使用惰性加载

一些模块使用延迟加载后,只有当用户第一次导航到这个模块时,才会加载一些特性。这对于应用程序的性能和减小初始包的大小有很大的帮助。另外,设置非常简单。 延迟加载的…

Angular CurrencyPipe货币管道关于人民币符号¥的问题

做项目(Angular项目)时经常需要处理金额的显示,需要在金额前面加上¥,但又不想用简单在前面加“¥”这么不优雅的方式,于是想到了CurrencyPipe。毕…

AngularJs + WebApi + EF + SqlServer 一步一步搭建项目(一)

搭建一个简单的WebAPI项目,当做一个小记录,顺便蹚一下坑,欢迎各种怼。 概要:创建项目目录 一、创建一个空的解决方案 EasyDemo 二、添加一个WebA…

AngularJs注解之[email protected]和@output

   从翻译的角度看  input—输入     output—输出 所以:…

angular导出文件保存在本地

$scope.ev_click = function(obj){ var ev = document.createEvent(“MouseEvents”); e…

PC端、移动端页面适配方案

  前言   页面自适应PC端、移动端大体上可以分为两种:   1、在同一个页面进行自适应布局,通常使用CSS3 @media 媒体查询器实…

Angular5学习笔记 – 配置NG-ZORRO(八)

一、在项目中集成组件 $ cd PROJECT_NAME $ npm install ng-zorro-antd –save   二、在项目中导入组…

angularjs连接数据库查找删除操作

<!DOCTYPE html><html><head> <meta charset=”utf-8&#824…

angular js 实现表单提交时下面的table获取到表单里面的数据

angular js 实现表单提交时下面的table获取到表单里面的数据<!DOCTYPE html><html ><head l…

vue js 和signalr 结合实现消息推送1

由于signalr2.2.0 依赖于jQuery,虽然在vuejs 略显臃肿, 但是对于目前刚接触 vuejs 和想实现 前后分离的我来说 这已经很好了。目前先…

uni-app iOS离线打包

uni-app iOS离线打包 DCloud上下载最新的5+SDK 解压SDK 选择HBuilder-Hello,里面是一个XCode工程,直接双击HBuild…

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

转载自:https://segmentfault.com/a/1190000006435886 解决办法:添加package.config.js配置文件中,添加…

vue.js 进行初始化遇到的关于core-js的错误@core-js/modules/es6.array.find-index (ERROR Failed to compile with 164 errors These dependencies were not found)

E:\SourceCode\VUE\vue-element-admin-master>cnpm run dev > [email prot…

第一阶段作品展示评审

1.队名:遇码则码队    app:keep running 优点:作为一款运动型的APP, Logo比较美观,所该有的功能已大部分拥有,有…

目前市场最实用app付费推广渠道有哪些?

目前市场最实用app付费推广渠道有哪些? 找到一个好的App推广渠道能让App运营与推广达到事半功倍的效果,很多人在第一时间推广时都会想到免费的推广渠道,但是往…

vue 移动端屏幕适配 使用rem

要想移动端适配 并使用 rem  您需要先看这篇文章,配置好less ?? 在vue 中使用 less,就可以使用rem了   如…

vue-cli 安装失败Failed to download repo vuejs-templates/vuedemo: Response code 404 (Not Found)

还原问题现场: 第一次使用vue init webpack projectName的时候,由于操作失误,执行了两次npm install -g vue-cli,…

angular2.x 下拉多选框选择组件

angular2.x – 5.x 的下拉多选框选择组件 ng2 — ng5。最近在学angular4,经常在交流群看见很多人问 下拉多选…

uni-app上传头像base64转码

首先需要调起相册,使用 uni.chooseImage 方法选择相册,点击相册里面的图片,确定可以选择图片并获取到图片的路径之后,uni-app官网有插件可以来…

前端学习之Angular cli

一、安装   1、全局安装angular cli   由于用npm安装比较慢,先安装淘宝镜像cnpm,可参考之前的文章:https://www.cnblogs.…

vue的使用及工作原理源码分析

  Vuex作为Vue的核心无人不知无人不晓,都知道Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,也知道当我们的应用遇到多个组件共享状态时,单…

iOS,Xcod7/8,iOS使用修改点

Xcod7使用修改点 1.xcode7 新建的项目,Foundation下默认所有http请求都被改为https请求. HTTP+SSL/TLS+TCP = H…

Ionic3学习笔记(十四)使用 videogular2 实现视频播放以及遇到的一些问题

本文为原创文章,转载请标明出处 目录 使用 videogular2 安装 增加图标、字体支持 导入 module 举个例子 遇到的问题 iOS 端自动进入全屏播…

angular 1.0源代码分析

本文分析angular 1.0从初始化开始到编译网页更新页面的源代码过程以及一些重要细节。 测试项目例子: <html ng-app=‘myapp‘ &g…

(Angular Material)用Autocomplete打造带层级分类的DropDown

效果如下图   代码实现 1、导入模块  import {MatAutocompleteModule} from ‘@angular/material…

获取iframe(angular 动态页面)高度

问题比较特殊,google了好久才得到启示 开发的angular页面,需要嵌入到客户的web页中,以iframe方式。由于iframe的高度需要指定,而angu…

学习-angular 7入门

1、安装脚手架:npm install -g @angular/cli 安装之后,输入命令 ng v: Package Version ————…

vue中的js文件如何使用i18n 国际化

在js中引入vue-i18n插件,调用插件的实例.t(‘文言名‘)方法即可: //js文件 import VueI18n from ‘vue-i18n‘ // …

vue.js快速搭建图书管理平台

  前  言 上一期简单讲解了vue的基本语法,这一次我们做一个小项目,搭建一个简单的图书管理平台,能够让我们更深刻的理解这门语言的妙用。 …

vuejs 生命周期 updated

前段时间 公司领导提示出了一个需求就是 像微信朋友圈一样,刷列表 一直刷到 底部或者是半中央,然后点击返回或者是离开一下 页面,再辞进入朋友圈页面依然现实的还是…

laydate 在 ie 浏览器中无法弹出

背景:目前项目使用 Angular 开发,里面引入了 laydate.js 做日期控件。 问题:最近项目从 Angular8 升级到了 Angular9,发现升…

uniapp – textarea层级过高影响到遮罩层

v1.0.0 于 2020.01.09更新   考虑用v-show而不用v-if. v-show只是暂时隐藏掉该文本域,而v-if是销毁掉它(隐藏内容…

Vue.js中过滤器(filter)的使用

Vue.js 过滤器的基本使用(filter) vue中的过滤器分为两种:局部过滤器和全局过滤器 1、定义无参全局过滤器 Vue.filter(‘msgForm…

vue中get和post请求

vue中和后台交互,首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!– ==========…

nodejs的http-server–web前端福利

很多web前端在日常开发的时候可能会想常开发是谁。 不好意思,说错了。 很多web前端在日常开发的时候总是避免不了让所写页面在服务器环境下执行。 比如当你在用a…

一篇文章概括目前流行的前端开发框架

导读 作为前端开发者,各种框架的层出不穷,促使我们要不断学习才能防止落后,但是我们不可能做到每个框架都有学习的时间,我们只需要掌握流行的,坑少的即可。从以下三个…

Vue学习11之脚手架

开发大型项目,需要使用的Vue CLI。 因为:Vue.js直接开发需要考虑结构部署、目录结构、热加载、测试单元等等等都需要配置,效率太低,使用脚手架…

AngularJs的UI组件ui-Bootstrap分享(五)——Pager和Pagination

ui-bootstrap中有两个分页控件,一个是轻量级的Pager,只有上一页和下一页的功能,另一个是功能完整的Pagination,除了上一页和下一页,还可以…

【2019-10-10】使用CLI创建新项目

一个Angular工程有一个工作空间,但一个工作空间可以存在单个或者多个项目 Angular中的项目指的就是Application或者Library Case1…

Angular Reactive Form-响应式表单验证

内建验证规则 Angular中提供了一些內建的Validators,这些验证规则可以在Template-Driven或Reactive表单中使用。 目前 Ang…

初识Polymer框架

什么是polymer? polymer由谷歌的Palm webOS团队打造,并在2013 Google I/O大会上推出,旨在实现Web Components,…

vue 使用video.js循环

<div style=”margin-top: 50px; margin: 30px auto; width: 80%”> <el-tabs …

vue学习记录1

一、通过脚手架安装创建vue项目 1、安装vue脚手架 npm install -g @vue/cli 2、通过命令 vue create 项目名称 来创建vu…

uniapp引入font-awsome字体图标-疑难解决

1、下载font-awsome 2、放入uniapp项目的common目录(通常是放这个目录) 3、修改font-awsome.css中的字体路径为线上路径(可…