Shallny_chen

前端的小小交流

VsCode汉化配置

1.使用了VS Code这个前端开发工具,从官网下载下来后显示为英文界面。 2.使用命令行commad + shift + p,打开命令行界面,试着输入“language”,会出现一个语言配置选项 3.选择confirgure Display Language,会打开一个语言配置代码信息 修改...

2019-02-18 14:03:05

阅读数 2

评论数 0

vue 计算属性computed方法内传参

遇到头疼的vue计算属性传参问题 经过各种资料查找,亲测有效 index.vue <van-circle v-model="Ratedata[index].currentRate" ...

2018-10-16 15:44:18

阅读数 2327

评论数 1

No PostCSS Config Vue中启动后报错

1.新建的vue项目启动后报错 No PostCSS Config found in: /Library/WebServer/Documents/WebserveProjects/shopapp-wechat/node_module 2.此时需要对webpack 3.0进行配置 postcss....

2018-10-11 16:02:45

阅读数 175

评论数 0

Error: tunneling socket could not be established, cause=connect ECO微信小程序本地调试预览出错

微信小程序中,编译后进行预览突然报错 Error: tunneling socket could not be established, cause=connect ECO 经查找资料发现可以通过以下方式 1.找到开发工具中 “工具 - 设置 - 代理设置”,选择不使用任何代理即可 2.再次编译...

2018-10-11 16:00:53

阅读数 617

评论数 0

Access-Control-Allow-Origin跨域解决问题

1.由于前后端自身的代码服务器不是同一个产生的跨域问题,可以通过两种方法解决。其一后台端设置可跨域访问,其二就是前端调试浏览器自行安装Access-Control-Allow-Origin的插件 2.在chrome商店搜索 Access-Control-Allow-Origin 就可以找到,扩展程...

2018-10-08 16:14:17

阅读数 67

评论数 0

js时区时间转换格式:h5内转换含有T字母的8小时时区时间格式

1.后台传过来的数据含有时区日期,该日期为浏览器识别日期,此时进行日期格式的转换,如采用getFullYears()等方法后,手机微信打开的h5界面则显示为NAN,非法日期格式,此时应采用如下方法转换。 2018-09-12T19:19:30.000+0000 2.首先对日期进行拆解,获得...

2018-09-13 03:27:11

阅读数 892

评论数 0

Duplicate keys detected: '1'. This may cause an update error. vue报错

1.报错信息 错误信息展示为关键字‘keys‘,此时应该检查for循环中的key,循环的key值不为唯一性 <van-cell v-for="(item,index) in list" :key="item&...

2018-09-08 21:55:49

阅读数 4198

评论数 0

vue中 import 、 export 和 export default 的注意问题

A.在公用js中,多个方法需要调用的话,可以在vue项目中进行export default,抛出一个变量,然后在vue中引入后来调用使用 1、common.js中 ``` var common = { //密码检测 checkPassword:function(passw...

2018-08-14 15:57:28

阅读数 1000

评论数 0

调用js文件里的函数报错onclick is not defined处理方法以及调用其他方法

对于js中onclick方法的使用写法,正确如下: getChoice = function (param_index) { $(".charge-btn-group").removeClass(&...

2018-08-07 14:58:11

阅读数 484

评论数 0

微信小程序数据传值与引用data变量

1、在微信小程序中通过点击方法进行变量赋值,可以将数值定义在e.currentTarget.dataset里 通过定义data-x,将index值进行传递 <block wx:for="{{imgUrls}}" wx:key=&...

2018-07-24 14:10:43

阅读数 2372

评论数 0

微信小程序placeholder设置自定义样式

1、与一般html不同,这里的input标签内的placeholder样式需要自己设置一个属性值 placeholder-class,再对css进行修饰 <view class='search-rec'> <image c...

2018-07-23 16:45:29

阅读数 628

评论数 0

js获取用户使用的设备类型及平台

在项目中需要统计用户使用的设备信息 1.见html代码如下,将结果信息打印在控制台 index.html <!DOCTYPE html> <html> <head&g...

2018-07-23 15:14:13

阅读数 976

评论数 0

用Axure RP 8.0 制作类似时间5秒倒计时效果(包含软件汉化方法)

1.最近对于原型设计稍感兴趣,便下载了一个RP软件练练手,结合自己实际的项目,遇到了一个倒计时5秒的情况,现以该例进行总结。对于新手刚接触该软件还是要先下载一个汉化包熟悉下工具与菜单栏信息。 2.在网上下载到该汉化包 https://pan.baidu.com/share/init?surl=...

2018-07-10 14:19:21

阅读数 244

评论数 0

js 实现点击按钮复制文本功能(适用于android / ios)

1、在做点击按钮复制功能时遇到了小小的卡顿,此处遇到了两种系统手机的兼容性 / 复制后会对文本进行选中 / 输入法弹出 等。现将方法进行总结,如下代码很好对解决了以上问题,适用性强。 2、在文本此处使用p标签或者div标签都可 <div class=&quot...

2018-07-09 17:48:19

阅读数 2961

评论数 6

wepack学习四 引入加载css文件

在webpack项目中引入css样式 首先需要在终端安装css loader npm install css-loader style-loader --save-dev 2.在webpack.config.js中进行配置 module:{ rules:[{ ...

2018-07-05 17:58:49

阅读数 205

评论数 0

wepack学习三 配置本地服务器以及实时刷新

使用webpack构建前端开发环境,可以直接使用webpack构建本地服务,实现页面保存自动刷新 1.利用webpack搭建本地服务器,在前面的代码基础上继续学习 首先安装模块webpack-dev-server npm install --save-dev webpack-dev-serv...

2018-06-22 14:13:08

阅读数 138

评论数 0

wepack学习二 打包项目文件及配置

1.在前面webpack学习一的基础上继续进行学习 在之前是基础的文件,实际会出现多个js文件等/包括执行命令的复杂性 2.在项目根目录下添加文件夹app / public 分别在app内添加入口文件 main.js 以及 Greeter.js //main.js const gr...

2018-06-21 18:14:28

阅读数 136

评论数 0

wepack学习一 建立初始化项目

1.具有node / npm环境,一般在安装node的同时即安装了npm控制管理 http://nodejs.cn/download/ 点击链接进行下载安装 安装完毕后进行测试 node -v npm -v 2.创建项目文件夹,进入项目后执行命令后创建文件模版 npm...

2018-06-21 17:10:43

阅读数 79

评论数 0

JS的加密压缩安全性

JS的安全性可以采取压缩加密,增加可读性难度 http://tool.oschina.net/jscompress

2018-06-21 13:52:45

阅读数 414

评论数 0

JS设置仅在微信浏览器中打开h5界面

对浏览器的UserAgent进行正则匹配,不含有微信独有标识的则为其他浏览器 function userAgentWx() { var useragent = navigator.userAgent; if (useragent.match(/MicroMessenger/i) != '...

2018-06-21 11:49:24

阅读数 1900

评论数 1

提示
确定要删除当前文章?
取消 删除
关闭
关闭