80浏览

0评论

学习Vue组件实例

Vue实例
项目启动过程
看一下现在我们的项目，想想整个项目的启动过程是什么（以直接打开index.html的方法访问为例来说明）？你首先打开了index.html，里面只有一个写了一个id='root'...

• 2020-05-27

100浏览

0评论

vue弹窗组件使用方法

本文实例为大家分享了vue弹窗组件的具体代码，供大家参考，具体内容如下弹窗是一个项目必备的复用利器，所以封装起来，保证项目ui一致，是很有必要的。学了一段时间vue，想想还是用vue...

• 2020-05-27

93浏览

0评论

详解angular路由高亮之RouterLinkActive

路由高亮是什么？有什么好处？当你在做一个后台管理系统，左边是一排路由导航，点击可以进入不同的页面，那么这个路由所在dom元素会添加上样式表示当前是位置。
但是一刷新你会发现，这...

• 2020-05-27

82浏览

0评论

Vue实现PopupWindow组件详解

这段时间一直在学习前端技术来完成自己的小项目。在js方面就使用了Vue框架。由于在项目里想实现一个新建地址的PopupWindow效果，便想到可以使用Vue的一些特性来实现。
用到...

• 2020-05-27

67浏览

0评论

vue+jquery+lodash实现滑动时顶部悬浮固定效果

本文实例为大家分享了vue实现滑动时顶部悬浮固定效果的具体代码，供大家参考，具体内容如下这个效果是一个项目中抽出来的一个demo效果。前期准备：1. 引入jQ<script src="https:/...

• 2020-05-27

91浏览

0评论

jQuery实现的电子时钟效果完整示例

本文实例讲述了jQuery实现的电子时钟效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <title>www.freexyz.cn jQuery电子时钟</title> <script src="...

• 2020-05-27

65浏览

0评论

深入理解Vue nextTick 机制

我们先来看一段Vue的执行代码：export default { data () { return { msg: 0 } }, mounted () { this.msg = 1 this.msg = 2 this.msg = 3 }, watch: { msg () { co...

• 2020-05-27

52浏览

0评论

详解Angular5 路由传参的3种方法

本文介绍了Angular5 路由传参，一共3种方法。分享给大家，具体如下：1.问号后面带的参数，获取参数的方式：ActivatedRoute.queryParams[id]例如：/product&#63;id=1&name=iphone还可以...

• 2020-05-27

62浏览

0评论

详解Angular5路由传值方式及其相关问题

目前Angular已经升级到了稳定版本Angular5,这次升级更小更快以及更稳定!路由可以说是Angular甚至是单页应用的核心部分了吧!在angularjs中的路由最大的缺点就是无法嵌套路由...

• 2020-05-27

78浏览

0评论

vue2.0+ 从插件开发到npm发布的示例代码

vue： V2.5.11此篇尽量详细，清楚的讲解vue插件的开发到npm的发布，想想将你自己做的东西展示给广大“网民”，心里还是有点小激动的...…^_^先上一下插件效果图------github传送门...

• 2020-05-27

72浏览

0评论

JS实现的简单折叠展开动画效果示例

本文实例讲述了JS实现的简单折叠展开动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE = html><html> <head> <title>www.freexyz.cn JS折叠展开动画</title> <style> bod...

• 2020-05-27

74浏览

0评论

JS实现的透明度渐变动画效果示例

本文实例讲述了JS实现的透明度渐变动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>www.freexyz.cn JS透明度变化...

• 2020-05-27

102浏览

0评论

在vscode里使用.vue代码模板的方法

1.设置.vue模板打开编辑器，点击文件 —— 首选项 —— 用户代码片段，会弹出来一个输入框。

在输入框输入vue，回车，会打开一个vue.json文件。在里面复制以下代码：{ "Print to con...

• 2020-05-27

86浏览

0评论

jQuery实现遍历XML节点和属性的方法示例

本文实例讲述了jQuery实现遍历XML节点和属性的方法。分享给大家供大家参考，具体如下：用jquery遍历xml网上已经有很多, 但是看了好多文章, 对于不指定属性名称的遍历方法却没有...

• 2020-05-27

86浏览

0评论

WebSocket的通信过程与实现方法详解

什么是 WebSocket ？
WebSocket 是一种标准协议，用于在客户端和服务端之间进行双向数据传输。但它跟 HTTP 没什么关系，它是基于 TCP 的一种独立实现。以前客户端想知道服务端的...

• 2020-05-27

70浏览

0评论

学习JS中的DOM节点以及操作

DOM操作在JS中可以说是非常常见了吧，很多网页的小功能的实现，比如一些元素的增删操作等都可以用JS来实现。那么在DOM中我们需要知道些什么才能完成一些功能的实现呢？今天这篇文...

• 2020-05-27

81浏览

0评论

Vue波纹按钮组件制作

先说一下用法：<zk-button class="btn btn-default">默认按钮</zk-button><zk-button class="btn btn-default btn-round">默认按钮</zk-button><zk-button class="btn btn-de...

• 2020-05-27

101浏览

0评论

JS实现的缓冲运动效果示例

本文实例讲述了JS实现的缓冲运动效果。分享给大家供大家参考，具体如下：缓冲需要用到数值取整，向上取整:Math.ceil() 向下取整Math.floor()移动的速度慢慢减慢的效果，移动速度=(...

• 2020-05-27

70浏览

0评论

妙用缓存调用链实现JS方法的重载

1.什么是方法重载方法重载是指在一个类中定义多个同名的方法，但要求每个方法具有不同的参数的类型或参数的个数。
简而言之就是：方法重载就是方法名称重复，加载参数不同。具体...

• 2020-05-27

78浏览

0评论

详解ajax的data参数错误导致页面崩溃

今天准备把选定表格的其中一行的数据通过ajax传给后端，但是网站确崩溃了。代码如下：$('.icon-edit').click(function (event) { 这是一个按钮 o=$('.icon-edit').index($(...

• 2020-05-27

67浏览

0评论

在Vue项目中使用d3.js的实例代码

之前写一个 Demo里面 有些东西要使用d3实现一些效果 但是在很多论坛找资源都找不到可以在Vue里面使用D3.js的方法,npm 上面的D3相对来说 可以说是很不人性化了 完全没有说...

• 2020-05-27

76浏览

0评论

Vue项目中使用Vux的安装过程

最近想用vue+vux写一个项目，于是到vux的官网看了文档开始着手搭建项目，但是遇到一些坑。下面简单说下安装vux 的过程。默认已安装vue环境1.安装vuxnpm install vux --save-dev...

• 2020-05-27

90浏览

0评论

如何获取TypeScript的声明文件.d.ts

一、TypeScript的声明文件就像C/C++用.h文件。当使用TypeScript调用其他已经编写好的类库时，可以提供IntelliSense智能提示。二、使用npm指令来获取.d.ts文件install -save @...

• 2020-05-27

68浏览

0评论

不使用JavaScript实现菜单的打开和关闭效果demo

我在写有菜单栏的网页时，基本都会用响应式设计来适配移动端，例如把不重要的菜单选项隐藏，或者创建一个菜单按钮来控制的菜单的打开和关闭之类的。而我之前一直是使用JavaScript...

• 2020-05-27

97浏览

0评论

使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)

写在前面之前写过一篇关于vue实现dialog会话框组件的文章https://www.freexyz.cn/article/139218.htm 讲到了如何实现一个vue对话框组件，其中涉及到了父组件和子组件的通信，这个...

• 2020-05-27

80浏览

0评论

vue如何通过id从列表页跳转到对应的详情页

1. 列表页：列表页带id跳转到详情页详情页：把id传回到后台就可以获取到数据了2.列表页跳转到详情页并更改详情页的标题列表页：带id和页面标题的typeid跳转到详情页详情页：在html...

• 2020-05-27

81浏览

0评论

vue中的模态对话框组件实现过程

写在前面对话框是很常用的组件 ， 在很多地方都会用到，一般我们可以使用自带的alert来弹出对话框，但是假如是设计出的图该怎么办呢 ，所以我们需要自己写一个对话框，并且如果有很多...

• 2020-05-27

57浏览

0评论

使用vue-cli创建项目的图文教程(新手入门篇)

本文是针对对于完全没有了解过vue 和npm，连运行环境和项目构建的都不会的小白，对于前端老司机的就不用看了，浪费时间。使用npm 与vue-cli 构建vue 项目第一步：安装运行环境（node...

• 2020-05-27

90浏览

0评论

详解redis在nodejs中的应用

redis是一个性能非常好的内存数据库，部署在应用程序和mysql数据中间做缓存数据库，可以极大的提升应用程序的性能，这里简单介绍nodejs客户端操作redis的demo程序redis里面总共可...

• 2020-05-27

101浏览

0评论

解析Json字符串的三种方法日常常用

在很多时候，我们的需要将类似 json 格式的字符串数据转为json,下面将介绍日常中使用的三种解析json字符串的方法　1.首先，我们先看一下什么是 json 格式字符串数据，很简单，就是...

• 2020-05-27

64浏览

0评论

关于Vue在ie10下空白页的debug小结

发现问题前几天写的一段Vue，在ie下一片空白，f12显示script1003: expected : 。于是就有了这篇文章...解决过程baidu、google之，说是json最后一项有多余的逗号，例如{ a: 5, b: 4,...

• 2020-05-27

75浏览

0评论

基于jquery实现左右上下移动效果

最近再做报表时候，直接把全部字段都导出了，但这不太灵活。回忆老师讲过的项目做报表如下左右上下移功能灵活控制，所以就尝试下咯。js代码function selected(thiz) { var name...

• 2020-05-27

92浏览

0评论

Vue SSR 组件加载问题

Node 端渲染提示 window/document 没有定义业务场景首先来看一个简单的 Vue 组件 test.vue<template> <div> <h2>clientHeight: {{ clientHeight }} px </h2> </div></temp...

• 2020-05-27

75浏览

0评论

Vue.js中关于侦听器（watch）的高级用法示例

Vue侦听器watch虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数...

• 2020-05-27

60浏览

0评论

详解Vue中watch的高级用法

假设有如下代码：<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div>new Vue({ el: '#root', data: { firstName:...

• 2020-05-27

87浏览

0评论

用ES6写全屏滚动插件的示例代码

这篇文章将介绍如何使用原生 JS （主要使用 ES6 语法）实现全屏滚动插件，兼容 IE 10+、手机触屏，Mac 触摸板优化，支持自定义页面动画，压缩后 gzip 文件只有 2k。完整源码在这 pure_f...

• 2020-05-27

64浏览

0评论

nodejs 日志模块winston的使用方法

winston 日志模块
在使用 nodejs winston 模块中，加上相关的两个模块，事倍功半。 express-winston winston-daily-rotate-fileexpress-winston
是 express-winston 的 winst...

• 2020-05-27

87浏览

0评论

基于vue,vue-router, vuex及addRoutes进行权限控制问题

基于vuex, vue-router,vuex的权限控制教程，完整代码地址见 https://github.com/linrunzheng/vue-permission-control接下来让我们模拟一个普通用户打开网站的过程，一步一步的...

• 2020-05-27

72浏览

0评论

详解VueJs中的V-bind指令

引子v-bind 主要用于属性绑定，Vue官方提供了一个简写方式 :bind，例如：<!-- 完整语法 --><a v-bind:href="url"></a><!-- 缩写 --><a :href="url"></a> 一、概述 v-bind...

• 2020-05-27

49浏览

0评论

jQuery实现每隔一段时间自动更换样式的方法分析

本文实例讲述了jQuery实现每隔一段时间自动更换样式的方法。分享给大家供大家参考，具体如下：js核心代码部分：$(document).ready(function(){ // 皮肤列表选项切换 $(".ulSkin l...

• 2020-05-27

70浏览

0评论

vue.js学习笔记之v-bind和v-on解析

v-bind 指令用于响应地更新 HTML 特性 形式如：v-bind:href 缩写为 :href;v-on 指令用于监听DOM事件 形式如：v-on:click 缩写为 @click;<body> <div id="test"> <img v...

• 2020-05-27

70浏览

0评论

react router4+redux实现路由权限控制的方法

总体概述
一个完善的路由系统应该是这样子的，当链接到的组件是需要登录后才能查看，要能够跳转到登录页，然后登录成功后又跳回来之前想访问的页面。这里主要是用一个权限控制类...

• 2020-05-27

84浏览

0评论

Angular Renderer (渲染器)的具体使用

Angular 其中的一个设计目标是使浏览器与 DOM 独立。DOM 是复杂的，因此使组件与它分离，会让我们的应用程序，更容易测试与重构。另外的好处是，由于这种解耦，使得我们的应用能够运...

• 2020-05-27

98浏览

0评论

Webpack中publicPath路径问题详解

最近自己在搭建一个基于webpack的react项目，遇到关于output.publicPath和webpack-dev-server中publicPath的问题，而官方文档对它们的描述也不是很清楚，所以自己研究了下并写下...

• 2020-05-27

89浏览

0评论

Webpack path与publicPath的区别详解

前言在webpack模块化开发的过程中，发现webpack.config.js配置文件的输出路径总有一个path与publicPath，不解其意。module.exports = { output: { path: path.resolve("./examp...

• 2020-05-27

71浏览

0评论

Vue表单类的父子组件数据传递示例

使用Vue.js进行项目开发，那必然会使用基于组件的开发方式，这种方式的确给开发和维护带来的一定的便利性，但如果涉及到组件之间的数据与状态传递交互，就是一件麻烦事了，特别是面对...

• 2020-05-27

60浏览

0评论

JS中判断某个字符串是否包含另一个字符串的五种方法

String对象的方法方法一: indexOf() (推荐) var str = "123" console.log(str.indexOf("2") != -1); // trueindexOf() 方法可返回某个指定的字符串值在字符串中首次出现...

• 2020-05-27

77浏览

0评论

Angular学习教程之RouterLink花式跳转

前言除了使用Router的navigate()方法切换路由，Angular2还提供了一个指令用来 将一个DOM对象增强为路由入口：@View({directives:[RouterOutlet,RouterLink]template : `<nav><b...

• 2020-05-27

53浏览

0评论

原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果

本文实例讲述了原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head><meta charset=gbk><title>www.jb51...

• 2020-05-27

55浏览

0评论

VUE Error: getaddrinfo ENOTFOUND localhost

本文介绍了VUE Error: getaddrinfo ENOTFOUND localhost，分享给大家。具体如下：Jins-MBP:helloworld XXX$ npm run dev> helloworld@1.0.0 dev /Users/XXX/Documents/develop/...

• 2020-05-27