- 博客(31)
- 收藏
- 关注
RSS订阅
原创 微信小程序中，点击wx:for渲染的数据，view里的文字颜色改变、展示不同的内容
用wx:for渲染数据，不确定有多少条数据，要使得点击当前数据获取当前数据的下一级数据，描述可能会不太清楚，就是实现图中这种功能：wxml代码： <!-- 这是要展示的规格 --> <view wx:for="{{items}}" wx:key="id" bindtap='selShopTc' data-index="{{index}}&
2019-03-15 10:29:55
5333
原创 微信小程序判断input是否为空
微信小程序中用到input值时候，判断其内容不为空，可以用if-elsewxml代码 <view class="name"> <text>姓名</text> <input type='text' placeholder='
2019-03-13 16:36:24
19105
11
原创 npm 报错：npm ERR! code ERR_SOCKET_BAD_PORT npm ERR! errno ERR_SOCKET_BAD_PORT
在vue项目中，npm install 报错及解决方案
2023-02-10 10:13:11
1143
原创 vue-cli3中使用vue-router
在项目中使用vue-router管理路由，分为以下几步第一步：在终端（terminal）中安装vue-routernpm install -g vue-router第二步：在src目录下创建一个router文件夹，在这个文件夹下创建router.js（也可以和main.js平级,直接创建router.js），在router.js文件中配置相应的信息，代码如下import Vue from 'vue' //引入vueimport vueRouter from 'vue-router' //引入
2020-11-24 14:53:59
2309
原创 react项目引入antd框架，以及遇到的一些坑
1，用create-react-app创建项目create-react-app demo //demo为项目名称2.在项目中安装antdnpm install -D antd3.安装 babel-plugin-importnpm install babel-plugin-import --save4.修改package.json文件，在根目录下 "babel": { "plugins": [ [ "import", {
2020-09-27 16:54:55
1514
1
原创 react项目使用antd框架遇到的问题
1.使用日期选择框，文字为英文后来仔细看官网介绍介绍发现默认为英文，中文的话需要自己设置做了设置后，代码为
2020-09-27 16:41:03
321
原创 2020-08-27面试题
1.vue常用的布局2.v-if和v-show的区别共同点：都能控制元素的显示和隐藏不同点：v-show本质就是控制css,通过设置css中的display设置none，控制隐藏v-if是动态的向DOM树内添加或者删除DOM元素v-show只编译一次，后面其实就是控制css，而v-if不停的销毁和创建，故v-show性能更好一点如果要频繁切换某节点时，使用v-show（v-show初始开销较大，切换开销比较小）；如果不需要频繁切换某节点时，使用v-if（v-if初始渲染开销较小，切换开销较大
2020-08-27 17:42:58
151
原创 h5清除缓存
今天遇到一个问题，更改代码之后，线上代码无效，检查代码发现还是原来的代码、没更新，那就只能不让缓存用了两种方法1.标签<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /><meta http-equiv="Pragma" content="no-cache" /><meta http-equiv="Expires" content="0" /><
2020-08-05 18:02:00
869
原创 H5前端解决跨域
不是第一次遇到跨域问题，但是今天是第一次用前端解决，前端解决跨域，网上 一搜一大堆，但是我测试了好几种，都没能解决，后来干脆自己去摸索测试最终使用meta http-equiv 属性解决跨域问题，接下来还会仔细研究其他方法解决跨域问题，到时候再更新<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"><meta http-equiv="Access-Control-Allow-Or
2020-08-03 13:51:32
2493
2
原创 vue-cli项目中使用vux cell不居中的问题
直接上代码：<template> <div> <h1>我的</h1> <cell slot="title" value="￥1024"></cell> <cell-form-preview :list="list"></cell-form-preview> </div></template><script>import {Group,
2020-07-30 15:08:55
485
转载 Vue - 项目中报错Error: Avoided redundant navigation to current location: “/xxx“.的解决方案
项目中报错 Error: Avoided redundant navigation to current location: “/xxx”. 的解决方案报错显示路由重复，对功能没有影响。解决方法：router 文件下 index.js 中添加下面代码即可// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题const originalPush = Router.prototype.pushRouter.prototype.push = function p
2020-07-30 11:52:46
18202
12
原创 vue-cli项目引入vux步骤及遇到的坑
vue-cli项目创建成功之后，开始引入vux1.安装vuxnpm install vux --save2.安装vux-loadernpm install vux-loader --save-dev3.安装lessnpm install less --save-dev4.安装less-loadernpm install less-loader --save-dev5.安装vue-loadernpm install vue-loader --save-dev
2020-07-29 17:16:57
717
原创 2020.7.16.h5面试题
1.W3C标准盒模型和IE盒模型的区别？有了解过box-sizing吗，说说具体属性及用法（1）w3c标准盒模型:w3c标准盒模型的范围包括margin、border、padding、content，盒模型的content部分不包含其他部分；盒子的width、height只包括content的width、height，不包括padding和border(2)IE盒模型：IE盒模型的范围包括margin、border、padding、content,盒模型的content部分包含了padding和b
2020-07-16 18:22:23
566
原创 vue-cli项目中使用axios报错：TypeError: Cannot read property ‘protocol‘ of undefined
vue项目中引入axios，请求数据报错在main.js引入axios在另一个文件中使用axios请求数据这时候报错，报错信息请看截图查了好多资料，说是要给axios定义个别名，在main.js中添加即可这时候可以请求到数据，但是控制台还是有报错信息查了好多资料，各种测试，要把main.js里面的：Vue.use(axios)这句代码去掉，使用原型定义别名，直接使用别名请求数据就不会报错了现在用别名请求数据完全正常，就没有任何报错信息了...
2020-07-01 11:35:09
9514
2
原创 vue-cli项目中使用sass遇到的坑
在Windows下，sass基于ruby使用，所以第一步先安装ruby.在vue项目中，分别安装node-sass 、sass-loadernpm install sass-loader --save-dev //安装sass-loader，这时候安装的是最新版本的sassnpm install node-sass --save-dev //安装node-sass然后在build/webpack.base.conf.js做修改在module ——> rules里面添加代码
2020-06-22 17:06:01
1200
1
原创 在vue-cli搭建的项目中，使用sass
Sass 是一款强化 CSS 的辅助工具，有助于更好地组织管理样式文件，以及更高效地开发项目。那么在项目中如何使用sass呢？sass依赖于Ruby,首先要安装Ruby：在Windows下，可以使用RubyInstaller 安装Ruby，下载地址为：ruby下载地址安装好之后，在电脑的左下角：开始（或者键盘：window键）打开电脑自动终端，输入：gem install sass,安装sass打开vue项目，安装依赖，执行：1.cnpm install node-sass --save-dev
2020-06-04 10:29:44
1215
原创 vue鼠标按钮修饰符
在Vue.js2.2.0中新增鼠标按钮修饰符.left.right.middle<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,min...
2020-03-31 16:32:59
645
原创 ajax请求数据的步骤
原生ajax的五个步骤，直接上代码 function ajax() { // 1.创建ajax引擎对象 var xmlHttp = new XMLHttpRequest(); // 2.绑定监听 xmlHttp.onreadystatechange = function() { if (xmlHttp.readyState =...
2019-12-11 14:42:10
288
原创 vue指令
1.v-text:更新元素的 textContent<!-- 两个span输出的内容一致 --><span>{{vText}}</span><span v-text="vText"></span>2.v-html:更新元素的innerHTML <span v-html="vHtml"></span>...
2019-11-22 18:36:45
159
原创 图片的截取，以图片的中心为基准，按尺寸显示
我们在前端创作中，经常会遇到图片的大小不一，而需要按照一定的宽高尺寸或者比例去显示，这时候我们应该怎么处理呢？就需要用到图片的放大与截取，不废话了，直接上代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport...
2019-08-05 18:11:46
414
原创 cocos creator action之jumpTo、jumpBy
cc.Class({ extends: cc.Component, properties: { move: cc.Node, }, start() { this.moveT() }, moveT() { this.move.on('touchstart', function() { ...
2019-07-25 15:54:51
3905
原创 base64加密解密及html富文本转小程序格式同时使用
我的文件在base文件里面码的代码base.wxml代码：<import src="../wxParse/wxParse.wxml" /> <!-- 引入wxparse.wxml文件 --><!-- base64解码之后，用wxparse展示html富文本 --><view class='boxstr'> <text>b...
2019-03-29 17:44:27
1197
原创 使用base64解码url掉的坑
base64.js网上一大推文件，我也是从网上借鉴的，但是使用方法各有千秋。我用到的是解码url路径，具体如下base64.js文件代码：export let Base64 = { // 转码表 tables: [ 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P'...
2019-03-29 17:32:22
1736
原创 微信小程序获取用户信息之后，页面间的传值
我们进入一个小程序，首先会请求获取用户昵称及头像，从“首页”获取的资料要传值的“我的”这个页面里面我开始做的时候，在“我的”这个页面获取到的用户信息可以传值给“首页”，但是“首页”获取到的资料无法传给“我的”，费劲一番周折（原谅我太笨），解决了，代码如下：index页面：wxml代码：<view> <view wx:if="{{!hasUserInfo &&...
2019-03-25 15:21:27
3420
3
原创 微信小程序给循环数组动态添加元素，评论或点赞数量超过999，展示999+
有时候为了展示，需要往每条数组中添加一个值为boolen类型的元素；首先要循环这个数组，其次添加元素，然后定义元素的boolen值代码如下：wxml代码：<view wx:for="{{arr}}" wx:key="{{item.index}}" class='list'> <view wx:if = "{{item.show}}" class='listChild'...
2019-03-22 11:44:01
1621
原创 微信小程序实现轮播图
微信小程序轮播图要用到swiper组件，即滑块视图容器wxml代码<view> <swiper autoplay='true' current="{{swiperCurrent}}" interval='5000' duration='200' bindchange='swiperChange' circular='true' > ...
2019-03-13 17:06:09
1616
1
原创 微信小程序请求接口渲染数据
微信小程序请求接口渲染数据，需在data中声明接收数据的变量，在请求接口成功之后，用setData接收数据wxml代码&lt;view class="shop"&gt;{{list.title}}&lt;/view&gt;js代码const app = getApp()Page({ data: { list:[] } /** * 生命周期函数--监听页面加载 ...
2019-03-08 10:02:13
3270
原创 flex布局微信小程序中input和texteare遇到的问题/注意点
今天写小程序的时候遇到一个问题，用input和textarea布局，左边的文字区域的宽度是相同的，但是到页面展示的时候textarea输入框的placeholder的内容偏左边，试了各种方法，后来发现给textarea的css添加flex:1，问题瞬间解决 &amp;lt;view class=&quot;name&quot;&amp;gt; &amp;lt;text&amp;gt;地区&
2019-03-06 17:29:18
1145
原创 微信小程序添加单页面标题
每张页面默认的标题是app.json里面设置的全局标题，添加单页面标题只需在当前文件的.json里面设置即可{ &amp;amp;quot;navigationBarTitleText&amp;amp;quot;:&amp;amp;quot;商品详情&amp;amp;quot; }
2019-03-06 17:10:16
2455
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人