1.说明: taro中客园自由的引用静态资源,不需要安装任何的loader 引用样式文件 通过ES6的import引入 2.引用js文件 import { functionName } from './js/name.js' import defaultExportName from './js/name.js' 说明:可以去掉文件路径后面的后缀 utils.js export function setDate () { console.log('setDate') } export funct…
1.调用组件 组件文件 import Taro, { Component } from '@tarojs/taro' import { View } from '@tarojs/components' export default class Dialog extends Component { render () { return ( <View className='index'> 我是弹窗组件 </View> ) } } 调用 import Taro, { Component…
1.路由 taro的路由是自带的,不需要我们额外配置,只需要我们在app.js下config中配置pages即可 class App extends Component { config = { pages: [ 'pages/test/test', 'pages/index/index' ], } } 2.taro通过api实现跳转,替换 官网地址:taro端能力 API 注意:在小程序中只能打开五层,因此因合理使用 navigateTo 方法  3.路由传参(taro目前只支持这一中传参)…
1. 安装jquery npm install jquery --save-dev 2.在build/webpack.base.conf.js中添加如下内容 var webpack = require('webpack') plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ], 位置如下: 3.在src/main.js文件中 引入jquery import $ from '…
1.安装路由(安装过的跳过此步) // 进入项目根目录 cd frontend // 安装 npm install vue-router --save-dev 2.在入口文件main.js中引入路由 import VueRouter from 'vue-router' 3.在main.js中使用(全局) Vue.use(VueRouter) 4.设置路由 在main.js中引入组件 import Home from './components/home/Home' import Footer f…
前言 Spring Boot 天生的适合 web 应用开发,它可以快速的嵌入 Tomcat, Jetty 或 Netty 用于包含一个 HTTP 服务器.且开发十分简单,只需要引入 web 开发所需的包,然后编写业务代码即可. 自动配置原理? 在进行 web 开发之前让我再来回顾一下自动配置,可以参考系列文章第三篇.Spring Boot 为 Spring MVC 提供了自动配置,添加了如下的功能: 视图解析的支持. 静态资源映射,WebJars 的支持. 转换器 Converter 的支持.…
springboot静态资源处理 Spring Boot 默认为我们提供了静态资源处理,使用 WebMvcAutoConfiguration 中的配置各种属性. 建议大家使用Spring Boot的默认配置方式,如果需要特殊处理的再通过配置进行修改. 如果想要自己完全控制WebMVC,就需要在@Configuration注解的配置类上增加@EnableWebMvc(@SpringBootApplication 注解的程序入口类已经包含@Configuration),增加该注解以后WebMvcAu…
1.方法调用 state = { name:'张三' } test(){ this.state.name } <button onClick={ this.test.bind(this) } /> 调用的时候需要在方法前加上on,如果方法中有需要调用当前页的this,需要绑定this. 还可以通过闭包函数(箭头函数)调用 state = {name:'张三'} test(){ console.log('test) } <button onClick={ ()=>{console.l…
94% asset optimization ERROR Failed to compile with 1 errors This relative module was not found: * ../node_modulesivans/bootstrap/dist/js/bootstrap.min.js in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=…
1.在封装好的组件上使用,所以要加上.native才能click 2.prevent就相当于..event.preventDefault() 所以@click.native.prevent是用来阻止默认行为的 ; 参考链接:https://blog.csdn.net/caimaomaocai/article/details/81202390…
项目需求:在页面中,不管位于何处,点击评论按钮页面滚动到对应到位置 实现思路如下: uni.createSelectorQuery().select(".comment").boundingClientRect((res)=>{ uni.pageScrollTo({ duration:0, scrollTop:res.top }) }).exec(); 但是你会发现,在页面没有滚动之前点击评论按钮可以直接滚动到评论,如果我页面有滚动,滚动距离就会出现偏差 这是因为滚动到实际距离是…
选中radio或者checkbox需要注意的是: 不管<input type='radio checked='true''>  你的checked属性值是true或者false,他都会选中. 选中不选中,不是看checked的属性值,而是看有没有checked这个属性,所以,动态选中,不用v-model,也不用checked='true',只需要判断渲染checked这个属性就好了. 不多说了,直接上代码 <div v-for="(item,index) in product_…
使用场景: 页面分为header.home.footer三部分,需要在home中调用header中的方法,这两个没有相互引入 官方给出方法: api传送门 在项目中实现: 1.首先同一个vue实例来调用两个方法.所以可以建立一个中转站. 建立 util.js 中转站文件(任意位置,我是在/assets/js/util.js) import Vue from 'vue' export default new Vue 2.分别在两个页面引入该文件(注意路径) import Utils from '.…
路由文件 { path: '/productListBase', name: 'productListLink', component: ProductListBase, redirect: '/productList', children: [ { path: '/productList', components: { default: Banner, product_list: ProductList } } ] }, 这个是中间文件(也就是父级) <template> <div c…
import merge from 'webpack-merge': // 修改原有参数 this.$router.push({ query:merge(this.$route.query,{'maxPrice':'630'}) }) // 新增一个参数: this.$router.push({ query:merge(this.$route.query,{'addParams':'我是新增的一个参数,哈哈哈哈'}) }) // 替换所有参数: this.$router.push({ query…
1. 在main.js入口文件中写入 //路由跳转后,页面回到顶部 router.afterEach(() => { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; } 位置如下: 2. 还可以在实例router对象的时候设置 export default new Router({ mode: 'hash', // base: '/dist/', scrollBehavior: () => ({ y: 0…
场景:要实现一个标签云,通过循环把标签渲染,然后单击标签的时候实现跳转,跳转路由一样,通过唯一参数来实现请求不同的数据 因此,就需要在for循环中来携带参数,本节所讲的是路由使用对象的形式(别名)来实现的 <router-link :to="{name:'blogDetailsLink'} ></router-link > 如果你也是这种情况,那你就可以继续往下看了 1.在home.vue中代码实现携带参数 <li v-for="item in laber…
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载. 如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面. const router = new VueRouter({ mode: 'history', routes: [...] }) 当你使用 history 模式时,URL 就像正常…
1.首先保证你的config/auth.php 中 guards 的 api 的 driver 选项改为 passport 2.注册中间件,在 app/Http/Kernel.php 文件中的 $routeMiddleware 数组中添加如下中间件 protected $routeMiddleware = [ 'client.credentials'=>\Laravel\Passport\Http\Middleware\CheckClientCredentials::class, ]; 然后在需…
在项目routes/web.php文件中添加了自定义的路由后,访问localhost/index.php/aaa,可以正常访问,但是去掉index.php后,提示404 Not Found 1. 按照Laravel 5.6 文档,修改了public/.htaccess , 增加两行后,重启Apache2后,访问还是不行,故还原此文件 如果您的web主机不允许FollowSymlinks选项,请尝试用Options+SymLinksIfOwnerMatch替换它. 2. 查看/etc/apache…
1.在项目根目录下运行如下命令 npm run build 会生成一个dist目录, 2.然后将dist目录上传至服务器就可以访问页面了,不需要配置vue环境了.…
路由别名   在main.js中的路由中添加name来创建别名 const routes = [ {path:'/footer',name:footerLink,component:Footer} ] 在组件中的路由中通过对象属性来实现路由 <router-link :to="{name:homeLink}">Mirror微申</router-link> 跳转   1.跳转到上一次浏览的页面 this.$router.go(-1) 2.跳转到指定路由 this.…
只使用css样式   如果在你的项目中只是使用css样式,那就不需要安装,直接全局引入样式就好 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbd…
{"error":"invalid_credentials","message":"The user credentials were incorrect."} 之前授权成功,更新了下数据库,然后授权就报 用户凭据不正确 ,搞了好久,索性不管了,回家后打开没多久就解决了 下面说一下问题的大致方向 passport的那些配置都正确,storage下的key文件也都存在,密钥请求接口如下: oauth_clients 表数据如下:…
实现方式很简单,在属性前加:,表示绑定 :style="{'background':item.bgColor} 代码样例: <li v-for="item in laber_cloud"> <router-link :style="{'background':item.bgColor}" >{{item.name}}</router-link> </li>…
1.安装 npm install axios 或者 使用 bower: bower install axios 或者直接使用 cdn: <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 2.引入axios import axios from 'axios' 这时候如果在其它的组件中,是无法使用 axios 命令的.但如果将 axios 改写为 Vue 的原型属性,就能解决这个问题…
<script> import axios from 'axios' export default { name: 'hello', data () { return { msg: 'Welcome to Your Vue.js App' } }, methods: { getImg () { axios.get('https://static.segmentfault.com/v-595f50ca/global/img/logo-b.svg') .then((response) =>…
SpringBoot对静态资源的映射规则 @ConfigurationProperties(prefix = "spring.resources", ignoreUnknownFields = false) public class ResourceProperties implements ResourceLoaderAware { //可以设置和静态资源有关的参数,缓存时间等 WebMvcAuotConfiguration: @Override public void addRes…
https://my.oschina.net/hnqingping1255/blog/415575 错误信息 [org.springframework.web.servlet.PageNotFound] - No mapping found for HTTP request with URI [/test/Images/image_01.jpg] in DispatcherServlet with name 'SpringMVC' SSM项目,找不到图片文件的URI,而且报错,没有配置映射路径…
在webjars中找到需要引入的Maven依赖,添加到pom.xml中,即可自动导入相关依赖.…