- 博客(31)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 微信小程序中,点击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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 微信小程序判断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关注的人