OrangeJuiceMe-CSDN博客

原创 create-react-app创建Typescript+React项目报错

使用create-react-app新建一个使用ts的React项目，安装时遇到一些报错。通过以下命令得以解决npm cache verify：验证缓存数据的有效性和完整性，清理垃圾数据。npm install --registry=https://registry.npm.taobao.org：如果安装缓慢，可设置淘宝镜像npx create-react-app my-app --templat...

2020-04-27 22:38:46 154

原创 Windows系统下更新npm和node

首先，检查是否安装了node和npm在cmd中输入指令：node -v和npm -v。如果没有安装会提示找不到命令，如果安装了会显示安装的版本。查看npm和node版本通过上面的命令就可以知道自己的电脑上是否安装过node。如果没有安装过node可以在 node 的官网nodejs.org去下载 msi 安装包。下载Windows的node安装包node的安装很...

2017-11-29 14:57:37 79

原创 js 把字符串当函数执行的方法

在某些情况下，传递函数名之后，接收的不是函数而是函数名的字符串类型；解决方法：1. evaleval方法—用来执行字符串代表的 javascript 代码。如果传递的不是字符串的话，会直接返回传值，而非调用。例如：function test(str){ alert(str); } //如果param是值；eval('test("param")'); //如果param是变量；

2017-09-20 10:20:06 9444

原创重写ajax方法实现请求session过期时跳转登录页面

今天的任务是处理ajax请求session超时，如果session过期需要跳转到登录页面。如果为每一个ajax请求都写上处理session超时的处理代码，太麻烦了。就算是写到公共方法里面，在每一个ajax请求的处理函数里引用，也是非常不保险的，万一有其他人或者新人写ajax请求，并没有加上这段公共代码，就会漏掉。所以最好的方法是重写、扩展ajax方法，把异常集中处理。在网上查到一个可行的方法

2017-06-08 19:11:27 1771

原创 ajax在什么情况下走success和error

先简单介绍下ajax：Ajax请求通过XMLHttpRequest对象发送请求，该对象有四个状态（readyState）：0-未初始化、1-正在初始化、2-发送数据、3-正在发送数据、4-完成。当XMLHttpRequest.readyState为4时，表示ajax请求已经完成可以得到响应结果。ajax的success和error方法根据响应状态码来触发。当XMLHttpRequest.s

2017-06-08 19:11:24 1953

原创 HTML：禁止鼠标拖动、禁止内容复制等

html禁止鼠标事件oncontextmenu="return false;" //禁止鼠标右键，如拖动图片、连接等ondragstart="return false;" //禁止鼠标拖动onselectstart="return false;"//文字禁止鼠标选中onselect="document.selection.empty();"//禁止复制文本，仅对文本框中的文本有效<input type="text">, <textarea>oncopy="return false;"//禁止复制

2017-03-20 16:37:35 19140

原创 css限制显示字数，文字长度超出部分用省略号表示

为了保证页面的美观整洁，在文字太多的时候，我们常需要隐藏超出长度的文字。在题目，名称，列表条目等地方常用到。(1).html中文字超出一行，省略超出部分，显示'...'如果这种情况比较多，可以取一个切合作用的类名用于复用。.line-limit-length {overflow: hidden;text-overflow: ellipsis;white-space: now

2016-03-09 19:18:04 86075 7

翻译 ionic翻译：Sass

CSS可以独立使用，但也被设计成能够被开发人员加强。为简单起见，你可以加入你自己的CSS并且覆盖缺省属性。为了使功能更强大更灵活，核心用Sass写，并且简单地引入定制变量和混合类。虽然默认设计类似于iOS，但我们已经使CSS可以很容易地扩展成你自己的外观和感觉了。如何使用Sass启动项目默认挂载到项目的www/lib/ionic/css目录下的Ionic预编译CSS文件上，并链接到

2016-02-20 17:37:28 1269

翻译 ionic翻译：ion-nav-back-button

ion-nav-back-button是ionNavBar的子元素，在ionNavBar中创建一个后退按钮。当用户在当前导航堆栈中能够后退时，后退按钮就会出现。默认情况下，后退按钮的标记用platform-appropriate默认设置自动创建（iOS上用iOS后退按钮图标，Android上显示Android后退按钮图标）。另外，该按钮被自动设置为点击调用$ionicGoBack()。默认

2016-02-19 16:44:49 2261

转载修改输入框placeholder的默认文字颜色

html5为input添加了属性placeholder，高级浏览器都支持这个属性，例如：默认的placeholder字体颜色是呈浅灰色，如果想改变这个默认颜色，解决方案如下：:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f00; }::-moz-placeholder { /* Mozilla F

2016-01-22 17:19:57 2021

原创常用html特殊字符

在HTML中，或者有的键盘打不出来的符号，也可以用字符实体来显示。常用HTML特殊字符显示实体名称实体编码空格 & & &> > >" " "' &qpos;

2016-01-15 17:19:47 544

原创 css3样式前缀：-ms -moz -webkit -o

w3c发布了CSS3标准，但是各大主流浏览器并没有完全遵循这个标准，都有自己的实现。所以在实现某一效果时，为了让网页在各浏览器中都能被识别，常常需要写多行前缀不一样，属性一样的代码。-moz Firefox浏览器-webkit Chrome、Safari-ms IE浏览器-o Opera例如对元素的2D转换：transform:rotate(7deg);-

2016-01-09 20:15:16 5173

原创字体抗锯齿属性:-webkit-font-smoothing

对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天，抗锯齿渲染使用也越来越多。font-smoothing是非标准的CSS定义。它被列入标准规范的草案中，后由于某些原因从web标准中被移除了。但是，我们可以用以下两种定义进行抗锯齿渲染-webkit-font-smoothing: antialiased; /*chrome、safari*

2015-12-28 15:29:52 3103

OrangeJuiceMe