Vue实现textarea固定输入行数与添加下划线样式的思路详解
先上效果图###
textarea下划线设置一张1*35 //行高 的图片 , 设置背景图即可.background: url('./img/linebg.png') repeat;
border: none;outline: none;overflow: hidden...
2020-05-27
jQuery实现获取动态添加的标签对象示例
本文实例讲述了jQuery实现获取动态添加的标签对象。分享给大家供大家参考，具体如下：jquery无法直接给网页里面动态添加点击事件，并且获取到对象一般来说，js获取动态添加的组件都...
2020-05-27
vue ssr 指南详读
本帖说明该贴是对vue SSR Guide解读和补充，对于官网文档已有内容会以引用方式体现。由于官网demo在国内无法运行，该贴最后也提供了一个完整的可以运行的demo,帖子中提到的代码...
2020-05-27
JavaScript实现仿Clock ISO时钟
来模仿一个 ISO 上的时钟：ISO Clock实现效果：ISO Clock项目分析1、首先时钟嘛，肯定要获取本地客户端的时间；2、时钟有 3 个指针，我们可以通过添加动画的方式让它们围绕中心点转动...
2020-05-27
详解Vue微信授权登录前后端分离较为优雅的解决方案
微信授权登录是一个非常常见的场景,利用微信授权登录,我们可以很容易获取用户的一些信息,通过用户对公众号的唯一openid从而建立数据库绑定用户身份.
微信授权登录的机制这...
2020-05-27
Vue下路由History模式打包后页面空白的解决方法
vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用...
2020-05-27
详解Vue webapp项目通过HBulider打包原生APP
Vue webapp项目通过HBulider打包原生APP
1、webapp项目已经通过vue-cli搭建的脚手架写好了，然后通过webpack打包成一个部署文件list，如下：
2、打开HBulider,打开目录，选择这个li...
2020-05-27
vue项目打包后打开页面空白解决办法
网上很多说自己的VUE项目通过Webpack打包生成的list文件，放到HBulider打包后，通过手机打开一片空白。这个主要原因是路径的问题。1、记得改一下config下面的index.js中bulid模...
2020-05-27
使用vue打包时vendor文件过大或者是app.js文件很大的问题
第一次使用vue2.0开发，之前都是用的angular1.x。在使用vue-cli脚手架打包后（UI用的Element-ui），发现vendor文件很大，将近1M左右。。后来翻阅资料才明白，原来webpack把所有的库都打...
2020-05-27
vue底部加载更多的实例代码
要实现的效果如下：<template> <div class="newsList"> <div v-for="(items, index) in newsList"> <div class="date">{{showDay(index)}}</div> <div class="list" >...
2020-05-27
Vue表单demo v-model双向绑定问题
具体代码如下所示：<div id="app"> <textarea v-model = "message" placeholer = '请在此输入文字'></textarea> <span>{{message}}</span> </br> <input type="text" v-mode...
2020-05-27
微信小程序中进行地图导航功能的实现方法
前段时间一直都在做小程序做了两个月了，其中对于小程序还是有很不理解的地方看着一些大企业的小程序自己模仿其实还是有一些难度的，我觉得学习小程序看一遍文档是不够的我们要...
2020-05-27
jQuery实现模糊搜索功能的方法分析
本文实例讲述了jQuery实现模糊搜索功能的方法。分享给大家供大家参考，具体如下：功能一：关键字搜索总结：1、搜索出的结果，前台先要清空原有表格$("#tbody").empty;2、后台返回的js...
2020-05-27
详解基于Vue-cli搭建的项目如何和后台交互
这段时间在折腾有vue做开发，之前也用过，但是大部分都是用一些简单的数据绑定。踏了很多坑，总结了一下，希望对刚刚开始折腾的小伙伴有帮助。常见问题一：用vue-cli搭好环境以后，本地...
2020-05-27
详解Angular6.0使用路由步骤(共7步)
今天写的有点儿多了,前几天一直写js基础.今天想聊聊angular6.0的路由实现.因为有公司已经开始转向angular6.0了.写完赶紧吃饭去了.声明一下,以下路由的实现是基于angular6.0...
2020-05-27
angular6.0开发教程之如何安装angular6.0框架
在5月4日这天，angular家庭迎来了最新版本——angular6.0，angular6.0时代正式到来。6.0版本重点关注工具链以及工具链在Angular中的运行速度问题。angular6.0在原angular5的基...
2020-05-27
Vue项目中添加锁屏功能实现思路
1. 实现思路( 1 ) 设置锁屏密码
( 2 ) 密码存localStorage （本项目已经封装h5的sessionStorage和localStorage）
( 3 ) vuex设置 SET_LOCK state.isLock = true (为true是锁屏...
2020-05-27
vue-router+nginx 非根路径配置方法
vue-router 的默认数据hash模式-使用url的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。一般情况下，我们不喜欢丑丑的hash，类似于index.html#/matchResult，可以使...
2020-05-27
vue v-model动态生成详解
1.input 输入框 v-model 绑定的字段名需要根据后台返回的数据动态生成，此时就不可以用 v-model绑定，而是用传统的方法 value 动态绑定，并且用子组件绑定向父组件传递值和事件。...
2020-05-27
vue.js删除列表中的一行
splice(index,num,item1,item2,...,itemX) 方法向/从数组中添加/删除项目，然后返回被删除的项目。注：index--规定添加/删除项目的位置num--要删除的项目数量item--向数组添加...
2020-05-27
详解vue添加删除元素的方法
相关版实例代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue实例：添加删除元素r</title> <style type="text/css"> .form-group{...
2020-05-27
浅析vue.js数组的变异方法
Vue 包含一组观察数组的变异方法，所以它们也将会触发视图更新。这些方法如下： push() pop() shift() unshift() splice() sort() reverse()
都有什么功能？动手试验了...
2020-05-27
vue检测对象和数组的变化分析
在 JavaScript 中对象和数组是引用类型，指向同一个内存空间，如果 prop 是一个对象或数组，在子组件内部改变它会影响父组件的状态。可以直接在子组件修改对象或数组，但是并不会数...
2020-05-27
ionic grid(栅格)九宫格制作详解
本文实例为大家分享了ionic grid九宫格制作的具体代码，供大家参考，具体内容如下1、Html<ion-header-bar class="bar bar-header bar-light bar-calm"> <button class="button...
2020-05-27
AngularJs分页插件使用详解
angularUI bootstrap提供的分页插件满足了大部分应用的需求，具体内容如下在项目需求中，新增了两个需求：1.自由设定每页显示的条目；2.可以手动输入页面，跳转到指定的页数。html代...
2020-05-27
基于webpack4搭建的react项目框架的方法
介绍
框架介绍，使用webpac构建的react单页面应用，集成antd。使用webpack-dev-server启动本地服务，加入热更新便于开发调试。使用bundle-loader进行代码切割懒加载
手动搭建，不使...
2020-05-27
angular6.0使用教程之父组件通过url传递id给子组件的方法
在angular6.0使用教程：angular主从组件章节我们介绍了父组件向子组件传递数据，当时是在同一个页面传递数据的。而本章的angular数据传递将是在不同页面间的传递，即list组件页面...
2020-05-27
详解angular如何调用HTML字符串的方法
前面的文章我们介绍过angular6.0的数据绑定，也就是前面页面如何调用后台的数据，我们接触到了调用普通数据——如：调用产品详情{{post.content}}。在使用中，我们会发现，如果按原来...
2020-05-27
nodejs的路径问题的解决
最近公司的一个开发项目，后端用的是nodejs。这两天需要打包给客户演示，就让公司一个小伙把之前3D机房的打包工具移植过来。打包之后，发现原本在开发环境下的跑的好好的项目，不能...
2020-05-27
D3.js实现拓扑图的示例代码
最近写项目需要画出应用程序调用链的网路拓扑图，完全自己写需要花费些时间，那么首先想到的是echarts,但echarts的自定义写法写起来非常麻烦，而且它的文档都是基于配置说明的，对...
2020-05-27
关于Vue组件库开发详析
前言2017年是Vue.js大爆发的一年，React迎来了一个强有力的竞争对手，王者地位受到挑战（撰写此文时github上Vue与React的star数量已逼近）。我们团队这一年有十多个大型项目采用了V...
2020-05-27
vue + webpack如何绕过QQ音乐接口对host的验证详解
前言最近在使用vue2.5+webpack3.6撸一个移动端音乐项目, 获取全部歌单json数据时遇到了接口对host和referer的限制 ，故不能直接在前端使用jsonp对接口数据的读取。 一、 先实...
2020-05-27
jsonp跨域获取数据的基础教程
前言由于浏览器有同源策略，所以要想获取非同源（协议，域名，端口三者有一不同都算非同源）的页面的数据，就得进行跨域(1) jsonp原理
由于script标签的src属性可以访问非同源的js脚本，...
2020-05-27
Vue实现双向绑定的原理以及响应式数据的方法
一、vue中的响应式属性Vue中的数据实现响应式绑定1、对象实现响应式：是在初始化的时候利用definePrototype的定义set和get过滤器，在进行组件模板编译时实现water的监听搜集依...
2020-05-27
vue中的数据绑定原理的实现
本文主要介绍了vue中的数据绑定原理的实现，分享给大家，也给自己留个笔记，具体如下：
vue中的响应式数据绑定是通过数据劫持和观察者模式来实现的。当前学习源码为vue2.0
源码关键...
2020-05-27
vue 解决addRoutes动态添加路由后刷新失效问题
前言
某些场景下我们需要利用addRoutes动态添加路由，但是刷新后就会失效，前段时间项目里刚好遇到了这个应用场景，所以就花时间研究了一下，做下分享跟记录，说的不对的地方，请大家指...
2020-05-27
angularjs 的数据绑定实现原理
在angularjs1.X 中存在了三种数据绑定的方式，用于数据的同步、展示。在 angularjs 1.3 之前，angularjs 只存在两种方式： two-way-binding 和 one-way-bindng , 而后则引入了称...
2020-05-27
Angularjs中的$apply及优化使用详解
前言对于一个在前端属于纯新手的我来说，Javascript都还是一知半解，要想直接上手angular JS，遇到的阻力还真是不少。不过我相信，只要下功夫，即使是反人类的设计也不是什么大的问题...
2020-05-27
webpack手动配置React开发环境的步骤
React提供了create-react-app的快速构建工具, 但作为一个专业的程序员(老司机), 面对复杂的项目, 入门级的构建工具, 是远远不够的, 我们这里从零开始, 用webpack, 手动配置...
2020-05-27
JS限制输入框输入的实现代码
1.文本框只能输入数字代码(小数点也不能输入)代码如下:<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,''...
2020-05-27
原生JS实现列表子元素顺序反转的方法分析
本文实例讲述了原生JS实现列表子元素顺序反转的方法。分享给大家供大家参考，具体如下：编写一个函数将一个列表里面的所有子元素顺序反转，问题不难但是解决的方法却有多种，而且性...
2020-05-27
JS将网址url转化为JSON格式的方法
网上方法很多，各种奇技淫巧，这里贴上一种较为正常的思路。主要利用split对获取的字符串不断进行分割，最后获得所需要的格式。代码如下<!DOCTYPE html><html lang="en"><head>...
2020-05-27
JS内部事件机制之单线程原理
任务队列主线程：正在执行的代码，会生成函数调用栈。 macro-task（宏任务，新名：task）包括：script(整体代码), setTimeout, setInterval, setImmediate, I/O, UI rendering。 micro-...
2020-05-27
JS实现的JSON序列化操作简单示例
本文实例讲述了JS实现的JSON序列化操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JOSN对象</title> <scrip...
2020-05-27
JavaScript设计模式之建造者模式实例教程
本文实例讲述了JavaScript设计模式之建造者模式。分享给大家供大家参考，具体如下：一、建造者模式模式概念建造者模式可以将一个复杂的对象的构建与其表示相分离，使得同样的构建...
2020-05-27
JavaScript设计模式之单例模式简单实例教程
本文实例讲述了JavaScript设计模式之单例模式。分享给大家供大家参考，具体如下：一、单例模式概念单例就是保证一个类只有一个实例，实现方法一般是先判断实例存在与否，如果存在直...
2020-05-27
vue-router 源码之实现一个简单的 vue-router
前言
通过上篇，我们知道前端理由的两种实现方法，Hash 路由与 History 路由，并且用它们分别实现了一个前端路由。
接下来我们就将 Vue 与 Hash 路由结合，实现一个非常简单的 vue-...
2020-05-27
React Native基础入门之调试React Native应用的一小步
React Native(以下简称RN)为传统前端开发者打开了一扇新的大门。其中，使用浏览器的调试工具去Debug移动端的代码，无疑是最吸引开发人员的特性之一。试想一下，当你在手机屏幕按...
2020-05-27
vue-router 源码实现前端路由的两种方式
在学习 vue-router 的代码之前，先来简单了解一下前端路由。前端路由主要有两种实现方法： Hash 路由 History 路由先来看看这两种方法的实现原理。接着我们将用它们来简单实...
2020-05-27
JavaScript设计模式之构造函数模式实例教程
本文实例讲述了JavaScript设计模式之构造函数模式。分享给大家供大家参考，具体如下：一、构造函数模式概念构造函数用于创建特定类型的对象——不仅声明了使用过的对象，构造函数...
2020-05-27
