程序问题,搜索一下!

Vue教程

Vue-cli搭建完项目,各文件解释

脚手架vue-cli搭建完成后,会生成一些文件,总结学习一下这些文件是做什么用的:1、一级目录:build和config文件夹是wbepack配置的文件夹;node_modules是在我npm install后存放一些依赖和插件的文件夹;src是存放我们项目源码的文件,通常我们的vue组件就写在...

Vue教程

vue.js使用props在父子组件之间传参

本篇文章是我参考官方文档整理的,供大家参考,高手勿喷!prop组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据,我们需要通过子组件的 props 选项。子组件要使用 props选项声明它期待获...

Vue教程

如何在vue中使用sass

使用sass,我们需要安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass修改style标签打开目录中的xxx.vue文件。然后修改 style标签如下<style lang="sass">如果出现错误提示:无...

Vue教程

vue实现侧边栏手风琴效果

 模板代码如下html<template><div class="header"><ul><!-- 循环数据在点击调用changeli方法时将当前索引和本条数据传进去,并使用当前数据show的bool值添加或移除样式 --><li :class="[{active:item.show}]" @cl...

Vue教程

Vue中的$set的使用

在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去;当我们去看vue文档的时候,会发现有这么一句话:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。如下代码:<!...

Vue教程

在vue-cli项目中使用echarts

这个示例使用 vue-cli 脚手架搭建安装echarts依赖npm install echarts -S或者使用国内的淘宝镜像:安装npm install -g cnpm --registry=https://registry.npm.taobao.org使用cnpm install echarts -S创建图表全局引入main.js// 引入echartsimport echarts f...

Vue教程

使用vue-axios请求geoJson数据报错的问题

最近的项目用到了echarts一个带有散点地图的图表,按照正常jquery写法应该使用ajax请求geojson的数据动态去切换地图,就像下面这样$.get('Js/map/' + cityData.name + '.json', function(geoJson) {map('gr-map', cityData, geoJson, g...

Vue教程

Vue引发的getter和setter

看着文档研究了一下vue的双向数据绑定,打印出Vue实例下的data对象里的属性时,发现了一个有趣的事情:它的每个属性都有两个相对应的get和set方法,我觉的这是多此一举的,于是去网上查了查Vue双向绑定的实现原理,才发现它和Angular.js双向绑定的实现原理完全...

Vue教程

基于Vue.js的大型报告页项目实现过程及问题总结(一)

今年5月份的时候做了一个测评报告项目,需要在网页正常显示的同时且可打印为pdf,当时的技术方案采用jquery+template的方式,因为是固定模板所以并没有考虑报告的模块化区分,九月底产品提出新的需求,由于报告页数动辄上千页,所以希望用户自行选择内容生成报...

Vue教程

基于Vue.js的大型报告页项目实现过程及问题总结(二)

距离上一篇文章过去了二十多天了,期间一直想把第二部分写完,结果在测试过程中遇到了各种坑爹的问题,到今天才算基本完成,也许还有后续,但趁着今天有时间就写出来吧,也算对这个项目的一个总结了遇到最大问题:项目的需求是在一个窗口里生成所有图表,还要考虑到整...

Vue教程

图解vue生命周期

学习vue时搞清楚生命周期可以帮助你知道什么时候在什么地方执行该执行的方法,话不多说上图:复制下面代码可以在控制台更详细展示各个钩子的状态<!DOCTYPE html><html><head><title></title><script type="text/javascrip...

Vue教程

JS实现一个v-if

// 获取domvar el = document.getElementById('root');console.log(el);// 遍历domfunction dealNode(el) {var childNodes = el.childNodes;[].slice.call(childNodes).forEach((node)=>{if(node.nodeType == 1){//节点元素的属性var nodeAttrs = ...

微信小程序

微信小程序使用字体图标的方法

一、先到阿里巴巴矢量图标库(http://iconfont.cn/),用微博帐号登录,搜索你想要的图标,然后添加入库从项目里下载下来并解压,找到ttf格式文件二、到这个平台https://transfonter.org/,把刚才下载的ttf字体文件转化成base64格式 原文:http://www.soswen.co...

微信小程序

微信小程序监听input输入并取值

小程序的事件分为两种,冒泡和非冒泡事件,像<form/>的submit事件,<input/>的input事件,<scroll-view/>的scroll事件等非冒泡事件,需要到组件的文档里去找,如下是我截图的一些常用的非冒泡事件非冒泡事件:当一个组件上的事件被触发后,...

微信小程序

微信小程序 登录流程规范解读

一. 官方登录时序图二. 简单理解这里仅按照官方推荐的规范来0. 前置条件一共有三端: - 微信小程序客户端 - 第三方服务器端(自己搭建) - 微信服务器端1. 客户端获得code,并将code传给第三方服务端微信小程序端调用wx.login,获取登录凭证(code),并调...

微信小程序

微信小程序实现滚动加载更多

1.需要用到的组件和apiscroll-view(可滚动视图区域)wx.showToast(OBJECT)显示消息提示窗----显示loading小菊花用的2.需要用到的属性  3.scrol-view需要指定一个高度,这个高度可以按自己的需求计算,我使用的是屏幕可用高度并且默认一页显示6个 4.滚动到...

微信小程序

微信返回码说明

返回码说明 返回码    说明-1     系统繁忙0     请求成功40001     验证失败40002     不合法的凭证类型40003     不合法的OpenID40004     不合法的媒体文件类型40005     不合法的文件类型40006     不合法的文件大小...

微信小程序

微信小程序模板消息详解

先放代码wxml:<form name='pushMsgFm' report-submit bindsubmit='orderSign'><view> 单号: 0</view><view> 商家名称: 腾讯早餐店</view><view>实付金额:66元</view><view>物品名称:包子&...

微信小程序

小程序获取微信用户绑定的手机号

小程序API内提供getPhoneNumber借口来获取用户已经绑定到微信的手机号,但需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用;基本流程如下:使用方法需要将 <button> 组件 open-type 的值设置为 getPhoneNumber,当用户点击并同意...

微信小程序

小程序没有返回按钮怎么办?

如果你发现自己的小程序页面没有返回按钮,请检查是不是用的wx.redirectTo(OBJECT)进行的跳转,如果是那就把它改成wx.navigateTo(OBJECT)就可以了.wx.navigateTo(OBJECT)保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。wx.redire...

微信小程序

微信小程序web-view页面安卓下显示空白的解决办法!!!

web-view页面在你向地址拼接参数展示页面时,在安卓上有时会显示空白解决方案:A: 普通不需要参数的话可以直接把地址写在src里,不要去在onLoad里获取你的全局变量后再赋值.B: 如果需要拼接参数!!!1.在data里添加一个bool用作判断显示web-view,默认设置为false; ...

微信小程序

小程序第三方框架对比 ( wepy / mpvue / taro )

         众所周知如今市面上端的形态多种多样,手机Web、ReactNative、微信小程序, 支付宝小程序, 快应用等,每一端都是巨大的流量入口,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套...

微信小程序

武装你的小程序——开发流程指南

前端工程本质上是软件工程的一种。软件工程化关注的是性能、稳定性、可用性、可维护性等方面,注重基本的开发效率、运行效率的同时,思考维护效率。一切以这些为目标的工作都是"前端工程化"。工程化是一种思想而不是某种技术。本篇文章你可以学到:如...

微信小程序

在微信小程序中引入 Iconfont 阿里巴巴图标库

小程序的代码包不能超过4M,为了压缩代码包的大小,可以通过第三方链接引入图标资源Iconfont 无疑是最常用的第三方图标库,这里介绍一下在微信小程序引入 Iconfont 的方法 一、下载图标首先挑选图标,添加入库然后添加至项目 然后在“我的项目”中,将资源文...

微信小程序

微信小程序 发现之旅(二)—— 自定义组件

组件化的项目开发中,组件应当划分为三个层次:组件、模块、页面微信小程序已经为开发者封装好了基础组件,页面文件(pages)也有了详细的规定而模块就需要自行开发,并且要和页面文件区分开,这就涉及到自定义组件  一、基本用法在根目录下创建一个 compon...

前端面试题

前端面试(算法篇) - 二分法

前段时间换了份工作,也经历了很多面试,最终通常都会扑在算法上虽说前端是所有程序员中,对于算法的要求最低的一个岗位,但算法依旧是进阶的必修课于是决定记录一下与算法相关的面试题,以后拿去面别人 一、面试题问:有一个一百层的高楼,现在给你两个完全...

前端面试题

前端面试(算法篇) - 约塞夫环

在上一篇《前端面试 - 算法篇(二分法)》的评论中,有朋友提出了一个“循环杀人游戏”就在我为之苦恼的时候,一位同事在我身旁经过,突然说了一句:“咦,这不是约塞夫问题吗?” 一、面试题原题目不太明朗(一号到底杀不杀?)于是把题目优化一下,更接近于...

前端面试题

前端面试(原生js篇) - DOM

根据我的面试经历,一般小公司的面试环节,比较关心框架的熟练程度,以及独立开发组件的能力但大厂通常有五轮以上的面试,而且对 js 基础语法很是看重于是我总结了一些关于 js 基础的面试对话,有的当时没答上来,就在总结的时候就加了点料忽然觉得又该读一遍...

前端面试题

前端面试(算法篇) - 水仙花数

一、面试题问:你知道水仙花数吧?答:水仙?我对花不是很了解啊...问:不是水仙花!是水仙花数,也就是三位数的自幂数。答:emmmmmmmm问:看来是不知道了。如果一个三位数,它每个位上的数字的 3 次幂之和等于它本身,那么这个数就是一个水仙花数。答:额......

前端面试题

前端面试(原生js篇) - 精确运算

一、面试题问:开发的时候有用到过 Math 吗?答:很多啊。比如生成 GUID 的时候,就会用到 Math.random() 来生成随机数。问:别的呢?比如向下取整、向上取整?答:向下取整是 floor(),向上取整是 ceil()。另外还可以用 round() 方法进行四舍五入的取整...

Vue教程

Vue 爬坑之路(一)—— 使用 vue-cli 搭建项目

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli vue/cli 3.x 已经发布,如果使用 3.x 构建项目,请参考《Vue 爬坑之路(十二)—— vue-cli 3.x 搭建项目》  一、 安装 ...

Vue教程

Vue 爬坑之路(二)—— 组件之间的数据传递

 Vue 的组件作用域都是孤立的,不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用 vue-cli 创建一个项目,其中 App.vue 是父组件,components 文件夹下都是子组件。 一、父组件向子组件传递数据在 Vue 中...

Vue教程

Vue 爬坑之路(三)—— 使用 vue-router 跳转页面

使用 Vue.js 做项目的时候,一个页面是由多个组件构成的,所以在跳转页面的时候,并不适合用传统的 href,于是 vue-router 应运而生。官方文档: https://router.vuejs.org/zh-cn/essentials/getting-started.html 有很多朋友找我要 demo,但是博客中的这个案...

Vue教程

Vue 爬坑之路(四)—— 与 Vuex 的第一次接触

在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用  props 或者 $emit 等方式 http://www.cnblogs.com/wisewrong/p/6266038.html但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便。Vue 的状态管理工...

Vue教程

Vue 爬坑之路(五)—— 组件进阶

组件(Component)是 Vue.js 最强大的功能之一,之前的文章都只是用到了基本的封装功能,这次将介绍一些更强大的扩展。 一、基本用法在使用 vue-cli 创建的项目中,组件的创建非常方便,只需要新建一个 .vue 文件,然后在 <template> 中写好 HTML 代码...

Vue教程

Vue 爬坑之路(六)—— 使用 Vuex + axios 发送请求

Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource目前主流的 Vue 项目,都选择 axios 来完成 ajax 请求,而大型项目都会使用 Vuex 来管理数据,所以这篇博客将结合两者来发送请求 前言:Vuex 的...

赞助商

  • 友情链接:微信小游戏
  • 微信扫一扫

    微信扫一扫

    微信扫一扫,分享到朋友圈

    标题
    返回顶部