jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
上面的人要hui admin 做页面,本人前端比较菜,这框架也没用过.因为是动态添加数据 .表也没有,..然后子菜单列表只能通过字符串拼接的方式显示. (伪造的)数据是传过来了 发...
2020-05-27
MVVM框架下实现分页功能示例
分页这种组件，几乎每一种框架都有这样的组件，近期我们做了新的项目，因为是在新的分支和新的项目中开发的一期任务，属于什么都没有的状态，几乎所有的效果和业务逻辑都需要重新整理...
2020-05-27
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
先上图
样式设置：在小程序社区看了下，说是伪类造成的。于是就重新定义下样式。然后就 ok 了。
总结以上所述是小编给大家介绍的微信小程序分享功能之按钮button 边框隐藏和点...
2020-05-27
vue中如何让子组件修改父组件数据
一、关于vue中watch的认识我们要监听一个属性的的变化就使用watch一般是父组件传递给子组件的时候•1、常见的使用场景
...watch:{ value(val) { console.log(val)...
2020-05-27
微信小程序左滑动显示菜单功能的实现
效果图如下所示：view<view class="page"> <!--下层左侧导航--> <view class="page-bottom"> <view class="page-content"> <view class="userinfo">...
2020-05-27
JS对象与json字符串相互转换实现方法示例
本文实例讲述了JS对象与json字符串相互转换实现方法。分享给大家供大家参考，具体如下：今天在面试的时候，面试官问到js对象与json字符串的互转问题，由于自己平时在用的时候没有在...
2020-05-27
vue采用EventBus实现跨组件通信及注意事项小结
EventBus
EventBus是一种发布/订阅事件设计模式的实践。
在vue中适用于跨组件简单通信，不适应用于复杂场景多组件高频率通信，类似购物车等场景状态管理建议采用vuex。
挂载Eve...
2020-05-27
jQuery实现列表的增加和删除功能
具体代码如下所示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery</title> <style> </style></head><body> <div> <table style="ma...
2020-05-27
vue cli 3.0 使用全过程解析
首先在使用 vue create my-project 创建项目的时候要选择使用 css 预处理器。安装 vue-cli首先使用 npm 安装 vue-cli v3.0。npm install -g @vue/cli安装完成后使用 vue -V...
2020-05-27
在 vue-cli v3.0 中使用 SCSS/SASS的方法
在项目中使用 SCSS/SASS 进行样式编写无疑会节省很多开发样式的时间。关于如何在 vue-cli v3.0 中使用 SCSS/SASS，这里提供三种方案。前提是在使用 vue-cli 生成项目时勾选了...
2020-05-27
详解vue组件开发脚手架
generator-vue-component可以快速生成自己的组件开发的脚手架，类似于vue-cli生成vue项目，这脚手架是目录结构是方便组件开发和调试由于脚手架是由yeoman搭建，所以必须全局安装y...
2020-05-27
微信小程序实现自定义modal弹窗封装的方法
前言
小程序官方提供了 wx.showModal 方法，但样式比较固定，不能满足多元化需求，自定义势在必行~老规矩先上图点击某个按钮，弹出 modal框，里面的内容可以自定义，可以是简单的文字提...
2020-05-27
微信小程序自定义tab实现多层tab嵌套功能
小程序最近是越来越火了……做小程序有一段时间了，总结一下项目中遇到的问题及解决办法吧。项目中有个多 tab 嵌套的需求，进入程序主界面下面有两个 tab，进入A模块后，A模块最底...
2020-05-27
webpack公共组件引用路径简化小技巧
日常开发中，我们会常常把一些功能提取出来，包装成一个公共模块或者组件，供不同地方使用，但是随着项目不断变大，项目目录不断变深，我们引用公共组件的路径越来越长！例如：引用一个公共...
2020-05-27
vue和webpack打包项目相对路径修改的方法
一般vue使用webpack打包是整个工程的根目录，但是很多情况下都是把vue打包后的文件在某子目录下。修改：1，打开index.jsassetsPublicPath:'/'改为：assetsPublicPath: './'2.解决cs...
2020-05-27
vue中axios的封装问题(简易版拦截,get,post)
第一步还是先下载axiosnpm install axios --save第二步/src/utils/目录下建立一个htttp.jsimport axios from 'axios';axios.defaults.timeout = 5000;axios.defaults.baseU...
2020-05-27
详解webpack的proxyTable无效的解决方案
最近遇到这个需要单页访问跨域后台的问题。
可以按照如下设置：proxyTable: {'/list': {target: 'http://api.xxxxxxxx.com',pathRewrite: {'^/list': '/list'}}}这样我们在写...
2020-05-27
Webpack devServer中的 proxy 实现跨域的解决
Webpack dev server使用http-proxy解决跨域问题
文档资料
webpack关于webpack-dev-server开启proxy的官方介绍
Vue-cli proxyTable 解决开发环境的跨域问题——虽然这篇是写...
2020-05-27
vue和webpack安装命令详解
一、安装vue相关命令1、安装vuecnpm install vue 2、安装vue-clicnpm install -g vue-cli 3、查看vue安装版本vue -V 二、安装webpack1、安装webpackcnpm install -g web...
2020-05-27
vue和webpack项目构建过程常用的npm命令详解
vue //最新稳定版cnpm install vue //全局安装 vue-cli cnpm install --global vue-cli //创建一个基于 webpack 模板的新项目vue init webpack my-project //进入项目目录，...
2020-05-27
vue项目webpack中Npm传递参数配置不同域名接口
项目开发中，前端在配置后端api域名时很困扰，常常出现:
本地开发环境: api-dev.demo.com
测试环境: api-test.demo.com
线上生产环境: api.demo.com，这次是在Vue.js项目中打包，教...
2020-05-27
vue .sync修饰符的使用详解
vue的官网介绍非常不错，先通读一遍。2.3.0+ 新增在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以修改父组...
2020-05-27
JS实现监控微信小程序的原理
原理之前也做过浏览器web端的SDK数据埋点上报，其实原理大同小异：通过劫持原始方法，获取需要上报的数据，最后再执行原始方法，这样就能实现无痕埋点。举个例子：我希望监控所有web页...
2020-05-27
react-native android状态栏的实现
react-native 开发App的时候难免会遇到状态栏的，背景颜色和字体颜色与App内容页面，色调适配，间言之就是将状态栏颜色与App颜色一致，使用户界面更加整体。1.android设备系统元素...
2020-05-27
深入浅析Vue全局组件与局部组件的区别
1、组件声明<!-- 全局组件模板father模板 --> <template id="father"> <div> <h3>这是{{name}}</h1> <div> <p>这是{{data}}</p> </div> </div>...
2020-05-27
基于jQuery实现的设置文本区域的光标位置
如何使用jQuery在文本框中设置光标位置？我有一个带有内容的文本字段，并且我希望光标在焦点位于特定的偏移位置，该如何实现呢？实现方法一：这是一个jQuery解决方案：$.fn.selectRange...
2020-05-27
Vue中props的使用详解
props属性是父子组件之间的通信桥梁。何为父子组件？从子组件的观点来看，他的上一级实例或组件即为他的父组件。我们知道，处于安全考虑，组件模板里我们无法直接使用父组件的data...
2020-05-27
node.js自动上传ftp的脚本分享
起因
刚加入一个小组的项目开发，开发环境是基于node环境，通过webpack打包构建代码，然后上传sftp，在浏览器测试。这种开发模式无可厚非，但是每次修改源代码，然后build，然后upload，不...
2020-05-27
jQuery使用动画队列自定义动画操作示例
本文实例讲述了jQuery使用动画队列自定义动画操作。分享给大家供大家参考，具体如下：jQuery的queue()方法和dequeue()方法配合使用，可以完成对函数队列的操作。实现步骤：1、新建...
2020-05-27
详解JS函数stack size计算方法
为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。如果你写了一个一直调用自身的死循环，那么恭喜你，很快就可以看到报错：Uncaught RangeError: M...
2020-05-27
Javascript实现异步编程的过程
相信不少人对Javascript单线程表示怀疑：为何单线程可以实现异步操作呢？其实Javascript确实是单线程的（我们不妨把这个线程称作主线程），但它实现异步操作的方式确实借助了浏览器的...
2020-05-27
详解组件库的webpack构建速度优化
背景
在公司的主要工作是组件库（基于vue的ui组件库，类似element-ui）的开发，也已经有两个多月，期间一直觉得项目的开发构建太慢，每次开发打开开发环境需要 40s 左右，简直不能忍。前...
2020-05-27
基于rollup的组件库打包体积优化小结
背景前段时间对公司内部的组件库(类似element-ui)做了打包体积优化，现在抽点时间记录下。以前也做过构建速度的优化，具体可以看组件库的webpack构建速度优化一些存在的问题最...
2020-05-27
vue mounted组件的使用
1.钩子函数
钩子函数是Windows消息处理机制的一部分，通过设置“钩子”，应用程序可以在系统级对所有消息、事件进行过滤，访问在正常情况下无法访问的消息。钩子的本质是一段用...
2020-05-27
Vue中使用webpack别名的方法实例详解
在工作中，我们经常会写出这种代码：import MHeader from '../../components/m-header/m-header'@import "../../common/stylus/variable"@import "../../common/stylus/mixin"...
2020-05-27
Vue.js 2.x之组件的定义和注册图文详解
前言什么是组件组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。模块化和...
2020-05-27
Vue中"This dependency was not found"问题的解决方法
今天在初始化项目中，出现了一个奇怪的情况：明明路径是对的，但是编译的时候，一直报“This dependency was not found”的错。
代码如下：import Vue from 'vue'import App from './...
2020-05-27
详解基于Vue cli生成的Vue项目的webpack4升级
前面的话
本文将详细介绍从webpack3到webpack4的升级过程概述
相比于webpack3，webpack4可以零配置运行，打包速度比之前提高了90%，可以直接到ES6的代码进行无用代码剔除，新增的op...
2020-05-27
微信小程序input框中加入小图标的实现方法
最近入坑小程序，要求在小程序的输入框中展示一个小图标，页面如下:
然后按照，html页面中的做法，在input框中添加了background-image属性，出乎意料的事，小程序报了下边这样一个错误:...
2020-05-27
使用proxy实现一个更优雅的vue【推荐】
如果你有读过Vue的源码，或者有了解过Vue的响应原理，那么你一定知道Object.defineProperty(), 那么你也应该知道，Vue 2.x里，是通过 递归 + 遍历 data 对象来实现对数据的监控的，...
2020-05-27
JavaScript使用math.js进行精确计算操作示例
本文实例讲述了JavaScript使用math.js进行精确计算操作。分享给大家供大家参考，具体如下：javascript进行浮点运算会有尾差，比如算个0.1+0.7试试，得到的不是0.8 。这个问题可以使...
2020-05-27
JS正则表达式常见用法实例详解
本文实例讲述了JS正则表达式常见用法。分享给大家供大家参考，具体如下：前言:正则表达式(regular expression)反反复复学了多次，学了又忘，忘了又学，这次打算把基本的东西都整理出...
2020-05-27
angular 实现的输入框数字千分位及保留几位小数点功能示例
本文实例讲述了angular 实现的输入框数字千分位及保留几位小数点功能。分享给大家供大家参考，具体如下：网上查到一个关于千分位的指令，我稍微做了点完善，通用指令代码myApp.dire...
2020-05-27
vue异步加载高德地图的实现
本文介绍了vue异步加载高德地图的实现，分享给大家，具体如下：
几种加载js的方式 同步加载 异步加载 延迟加载 同步加载用的最多的一种方式，又称阻塞模式，会阻止浏览器的后续处...
2020-05-27
vue-cli2.x项目优化之引入本地静态库文件的方法
demo地址：https://github.com/cag2050/vue_cli_optimize_static_resourcevue-cli 将静态资源文件放到 static 文件夹下并引用：
1.将 node_modules 下相应的 xxx.min.js，复制到...
2020-05-27
详解Vue-cli中的静态资源管理（src/assets和static/的区别）
你可能注意到了我们的静态资源共有两个目录src/assets和static/，你们它们之间有怎样的区别呢？资源打包为了回答这个问题，我们需要了解webpack是如何处理静态资源的。在所有的*....
2020-05-27
Vue兼容ie9的问题全面解决方案
前言
背景情况 vue - 2.5.11 vue-cli 使用模板 webpack-simple http请求：axiosVue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+，即是 ie9 及更高的版本。经过测试，Vue 的...
2020-05-27
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
需求分析：如图，有很多高度不固定的模块（图中只显示两个，本人项目有十三个），点击模块标题展开相应的模块，再次点击此模块匿藏，如何实现此需求并实现复用？
点击红框前：
点击后：
难...
2020-05-27
通过jquery.cookie.js实现记住用户名、密码登录功能
Cookies定义：让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术；下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js...
2020-05-27
JS伪继承prototype实现方法示例
本文实例讲述了JS伪继承prototype实现方法。分享给大家供大家参考，具体如下：众所周知JS中没有类的概念，但是要想实现类的功能可以同过function模拟。如：第一种继承 （属性继承） //...
2020-05-27
